// JavaScript Document

$(document).ready(function() {
	var specArr;
	var specId;

	$('.specification').click(function() {		   
		specArr = this.id.split('-');
		specId = specArr[1];
		$('.spec-select').animate({ "right" : '-314px'}, 550);
		$('#spec-'+specId).addClass('spec-select');
		$('.specification').removeClass('selected');
		$('#specbtn-'+specId).addClass('selected');			
		setTimeout(hideMe,500);
		setTimeout(showMe,500);
	});
	
	function showMe() {
		$('#spec-'+specId).show();
		$('#spec-'+specId).stop().animate({ "right" : '0px'}, 550);
	}
	
	function hideMe() {
		$('.spec-select').each(function() {
			if (this.id!='spec-'+specId) {
				$(this).removeClass('spec-select').hide();
			}

			
		});
	}
	


});