/*
	color switcher
*/
	jquery(document).ready(function($) {
	
		  jquery("#blue" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/blue.css");
			  return false;
		  });
		  
		  jquery("#green" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/green.css");
			  return false;
		  });
		  
		  jquery("#red" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/red.css");
			  return false;
		  });
		  
		  
		  jquery("#yellow" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/yellow.css");
			  return false;
		  });
		  
		  jquery("#brown" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/brown.css");
			  jquery(".logo img" ).attr("src", "images/logo.png");
			  return false;
		  });
		  
		  jquery("#cyan" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/cyan.css");
			  jquery(".logo img" ).attr("src", "images/logo.png");
			  return false;
		  });
		  
		  jquery("#purple" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/purple.css");
			  return false;
		  });
		  
		  jquery("#sky-blue" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/sky-blue.css");
			  return false;
		  });
		  
		  
		  jquery("#gray" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/gray.css");

			  return false;
		  });
		  
		  
		  jquery("#black" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/black.css");
			  return false;
		  });
		  
		  
		  
		  jquery("#default" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/sky-default.css");
			  return false;
		  });
		  
		  
		  
		  jquery("#white" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/white.css");
			  return false;
		  });
		  
		  
		  jquery("#light" ).click(function(){
			  jquery("#color" ).attr("href", "css/light.css");
			  return false;
		  });
		  
		  jquery("#dark" ).click(function(){
			  jquery("#color" ).attr("href", "css/dark.css");
			  return false;
		  });



		  jquery("#peter-river" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/peter-river.css");			 
			  return false;
		  });
		  
		  jquery("#nephritis" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/nephritis.css");
			  return false;
		  });
		  
		  jquery("#amethyst" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/amethyst.css");
			  return false;
		  });
		  
		  jquery("#wet-asphalt" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/wet-asphalt.css");
			  return false;
		  });
		  
		  jquery("#night-shade" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/night-shade.css");
			  return false;
		  });
		  
		  jquery("#sun-flowers" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/sun-flowers.css");
			  return false;
		  });
		  
		  jquery("#orange" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/orange.css");
			  return false;
		  });
		  
		  jquery("#carrot" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/carrot.css");
			  return false;
		  });
		  
		  
		  jquery("#alizarin" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/alizarin.css");
			  return false;
		  });
		  
		  jquery("#sliver" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/sliver.css");
			  return false;
		  });
		  
		  
		  jquery("#green-sea" ).click(function(){
			  jquery("#color" ).attr("href", "css/colors/green-sea.css");
			  return false;
		  });
		  
		  
		  jquery("#box-layout" ).click(function(){
			  jquery("#color" ).attr("href", "css/box-layout.css");
			  return false;
		  });


		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  
		  jquery(".layouts #boxed" ).click(function(){
			  jquery("#wrap" ).addclass("boxed-layout");
			  jquery("body" ).addclass("bg1-body");
		  });
		  jquery(".layouts #wide" ).click(function(){
			  jquery("#wrap" ).removeclass("boxed-layout");
			  jquery("body" ).removeclass("bg1");
		  });
		  
		  
		  jquery(".layouts #dark-night" ).click(function(){
			  jquery("#wrap" ).addclass("dark-version");
		  });
		  jquery(".layouts #light-day" ).click(function(){
			  jquery("#wrap" ).removeclass("dark-version");
		  });
		  
		  
		  
		  //add backgrounds
		  jquery("#bg-one" ).click(function(){
			  jquery("body" ).addclass("bg1");
			  jquery("body" ).removeclass("bg2");
			  jquery("body" ).removeclass("bg3");
			  jquery("body" ).removeclass("bg4");
			  jquery("body" ).removeclass("bg5");
			  jquery("body" ).removeclass("bg6");
			  jquery("body" ).removeclass("bg7");
			  jquery("body" ).removeclass("bg8");
			  jquery("body" ).removeclass("bg9");
			  jquery("body" ).removeclass("bg10");
		  });
		  
		  jquery("#bg-two" ).click(function(){
			  jquery("body" ).removeclass("bg1");
			  jquery("body" ).addclass("bg2");
			  jquery("body" ).removeclass("bg3");
			  jquery("body" ).removeclass("bg4");
			  jquery("body" ).removeclass("bg5");
			  jquery("body" ).removeclass("bg6");
			  jquery("body" ).removeclass("bg7");
			  jquery("body" ).removeclass("bg8");
			  jquery("body" ).removeclass("bg9");
			  jquery("body" ).removeclass("bg10");
		  });
		  
		  jquery("#bg-three" ).click(function(){
			  jquery("body" ).removeclass("bg1");
			  jquery("body" ).removeclass("bg2");
			  jquery("body" ).addclass("bg3");
			  jquery("body" ).removeclass("bg4");
			  jquery("body" ).removeclass("bg5");
			  jquery("body" ).removeclass("bg6");
			  jquery("body" ).removeclass("bg7");
			  jquery("body" ).removeclass("bg8");
			  jquery("body" ).removeclass("bg9");
			  jquery("body" ).removeclass("bg10");
		  });
		  
		  jquery("#bg-four" ).click(function(){
			  jquery("body" ).removeclass("bg1");
			  jquery("body" ).removeclass("bg2");
			  jquery("body" ).removeclass("bg3");
			  jquery("body" ).addclass("bg4");
			  jquery("body" ).removeclass("bg5");
			  jquery("body" ).removeclass("bg6");
			  jquery("body" ).removeclass("bg7");
			  jquery("body" ).removeclass("bg8");
			  jquery("body" ).removeclass("bg9");
			  jquery("body" ).removeclass("bg10");
		  });
		  
		  jquery("#bg-five" ).click(function(){
			  jquery("body" ).removeclass("bg1");
			  jquery("body" ).removeclass("bg2");
			  jquery("body" ).removeclass("bg3");
			  jquery("body" ).removeclass("bg4");
			  jquery("body" ).addclass("bg5");
			  jquery("body" ).removeclass("bg6");
			  jquery("body" ).removeclass("bg7");
			  jquery("body" ).removeclass("bg8");
			  jquery("body" ).removeclass("bg9");
			  jquery("body" ).removeclass("bg10");
		  });
		  
		  jquery("#bg-six" ).click(function(){
			  jquery("body" ).removeclass("bg1");
			  jquery("body" ).removeclass("bg2");
			  jquery("body" ).removeclass("bg3");
			  jquery("body" ).removeclass("bg4");
			  jquery("body" ).removeclass("bg5");
			  jquery("body" ).addclass("bg6");
			  jquery("body" ).removeclass("bg7");
			  jquery("body" ).removeclass("bg8");
			  jquery("body" ).removeclass("bg9");
			  jquery("body" ).removeclass("bg10");
		  });
		  
		  jquery("#bg-seven" ).click(function(){
			  jquery("body" ).removeclass("bg1");
			  jquery("body" ).removeclass("bg2");
			  jquery("body" ).removeclass("bg3");
			  jquery("body" ).removeclass("bg4");
			  jquery("body" ).removeclass("bg5");
			  jquery("body" ).removeclass("bg6");
			  jquery("body" ).addclass("bg7");
			  jquery("body" ).removeclass("bg8");
			  jquery("body" ).removeclass("bg9");
			  jquery("body" ).removeclass("bg10");
		  });
		  
		  jquery("#bg-eight" ).click(function(){
			  jquery("body" ).removeclass("bg1");
			  jquery("body" ).removeclass("bg2");
			  jquery("body" ).removeclass("bg3");
			  jquery("body" ).removeclass("bg4");
			  jquery("body" ).removeclass("bg5");
			  jquery("body" ).removeclass("bg6");
			  jquery("body" ).removeclass("bg7");
			  jquery("body" ).addclass("bg8");
			  jquery("body" ).removeclass("bg9");
			  jquery("body" ).removeclass("bg10");
		  });
		  
		  jquery("#bg-nine" ).click(function(){
			  jquery("body" ).removeclass("bg1");
			  jquery("body" ).removeclass("bg2");
			  jquery("body" ).removeclass("bg3");
			  jquery("body" ).removeclass("bg4");
			  jquery("body" ).removeclass("bg5");
			  jquery("body" ).removeclass("bg6");
			  jquery("body" ).removeclass("bg7");
			  jquery("body" ).removeclass("bg8");
			  jquery("body" ).addclass("bg9");
			  jquery("body" ).removeclass("bg10");
		  });
		  
		  jquery("#bg-ten" ).click(function(){
			  jquery("body" ).removeclass("bg1");
			  jquery("body" ).removeclass("bg2");
			  jquery("body" ).removeclass("bg3");
			  jquery("body" ).removeclass("bg4");
			  jquery("body" ).removeclass("bg5");
			  jquery("body" ).removeclass("bg6");
			  jquery("body" ).removeclass("bg7");
			  jquery("body" ).removeclass("bg8");
			  jquery("body" ).removeclass("bg9");
			  jquery("body" ).addclass("bg10");
		  });
		  jquery("#bg-one, #bg-two, #bg-three, #bg-four, #bg-five, #bg-six, #bg-seven, #bg-eight, #bg-nine, #bg-ten").click(function(){
			  jquery("#wrapper").addclass("boxed-layout");
		  });
		  jquery("#wide").click(function(){
			  jquery("body").removeclass("bg1 bg2 bg3 bg4 bg5 bg6 bg7 bg8 bg9 bg10");
		  });
		  
		  
		  jquery("#light").click(function(){
			  	jquery("#footer").addclass("light");
				jquery("#footer").removeclass("dark");
				jquery("#footer img" ).attr("src", "images/footer-logo.jpg");
		   });
		   jquery("#dark").click(function(){
			  	jquery("#footer").addclass("dark");
				jquery("#footer").removeclass("light");
				jquery("#footer img" ).attr("src", "images/footer-logo-dark.jpg");
		   });
		   
		   jquery("#header-n").click(function(){
			  	jquery("body").removeclass("fixed-header");
		   });
		   jquery("#header-f").click(function(){
				jquery("body").addclass("fixed-header");
		   });
		  
		  
		  
		  // picker buttton
		  jquery(".picker_close").click(function(){
			  
			  	jquery("#choose_color").toggleclass("position");
			  
		   });
		   
		   //header
			
			//stickey header
			jquery(window).scroll(function() {    
				var scroll = jquery(window).scrolltop();	
				if (scroll >= 40) {
					jquery(".fixed-header").addclass("small-header");
				}
				else {
					jquery(".fixed-header").removeclass("small-header");
				}
			});
		   
		  
		  
	});