$(document).ready(function() {
	//init variables
	$("#pricepanel").hide();
	
    var price_state;
	price_state = false;
	
	$("#colourpanel").hide();
	
    var colour_state;
	colour_state = false;
	
	$("#fabricpanel").hide();
	
    var fabric_state;
	fabric_state = false;
	
	$("#sizepanel").hide();
	
    var size_state;
	size_state = false;
	
	
    var category_state;
	category_state = true;
	
	//category
	$("#category").click(function(){
		if (category_state == false){
			$("#categorypanel").slideDown();
			category_state = true;
		}else{
			$("#categorypanel").slideUp();
			category_state = false;
		}
	})
	
	//prices
	$("#prices").click(function(){
		if (price_state == false){
			//force category to slide up
		    $("#categorypanel").slideUp();
			category_state = false;
			//slide down price
			$("#pricepanel").slideDown();
			price_state = true;
			
		}else{
			$("#pricepanel").slideUp();
			price_state = false;
		}
	})
	
	//colour
	$("#colours").click(function(){
		if (colour_state == false){
			//force category to slide up
			$("#categorypanel").slideUp();
			category_state = false;
			//slide down colour
			$("#colourpanel").slideDown();
			colour_state = true;
		}else{
			$("#colourpanel").slideUp();
			colour_state = false;
		}
	})
	
	//fabric
	$("#fabrics").click(function(){
		if (fabric_state == false){
			//force category to slide up
			$("#categorypanel").slideUp();
			category_state = false;
			//slide fabric down
			$("#fabricpanel").slideDown();
			fabric_state = true;
			
		}else{
			$("#fabricpanel").slideUp();
			fabric_state = false;
		}
	})
	
	//size
	$("#size").click(function(){
		if (size_state == false){
			//force category to slide up
			$("#categorypanel").slideUp();
			category_state = false;
			//slide size down
			$("#sizepanel").slideDown();
			size_state = true;
			
			
		}else{
			$("#sizepanel").slideUp();
			size_state = false;
		}
	})
	
	
	
});