/***************************/
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

$(document).ready(function(){
	$(".menu li a").hover(function(e){
		switch(e.target.id){
			case "icon1":
				//change status & style menu
				$("#icon1").css("background-image", "url(images/hm_btn1_f2.png)");
				$("#icon2").css("background-image", "url(images/hm_btn2.png)");
				$("#icon3").css("background-image", "url(images/hm_btn3.png)");
				$("#icon4").css("background-image", "url(images/hm_btn4.png)");
				$("#icon5").css("background-image", "url(images/hm_btn5.png)");
				$("#icon6").css("background-image", "url(images/hm_btn6.png)");
				//display selected division, hide others
				$("div.blok0").css("display", "none");
				$("div.blok1").fadeIn("fast");
				$("div.blok2").css("display", "none");
				$("div.blok3").css("display", "none");
				$("div.blok4").css("display", "none");
				$("div.blok5").css("display", "none");
				$("div.blok6").css("display", "none");
			break;
			case "icon2":
				//change status & style menu
				$("#icon1").css("background-image", "url(images/hm_btn1.png)");
				$("#icon2").css("background-image", "url(images/hm_btn2_f2.png)");
				$("#icon3").css("background-image", "url(images/hm_btn3.png)");
				$("#icon4").css("background-image", "url(images/hm_btn4.png)");
				$("#icon5").css("background-image", "url(images/hm_btn5.png)");
				$("#icon6").css("background-image", "url(images/hm_btn6.png)");
				//display selected division, hide others
				$("div.blok0").css("display", "none");
				$("div.blok1").css("display", "none");
				$("div.blok2").fadeIn("fast");
				$("div.blok3").css("display", "none");
				$("div.blok4").css("display", "none");
				$("div.blok5").css("display", "none");
				$("div.blok6").css("display", "none");
			break;
			case "icon3":
				//change status & style menu
				$("#icon1").css("background-image", "url(images/hm_btn1.png)");
				$("#icon2").css("background-image", "url(images/hm_btn2.png)");
				$("#icon3").css("background-image", "url(images/hm_btn3_f2.png)");
				$("#icon4").css("background-image", "url(images/hm_btn4.png)");
				$("#icon5").css("background-image", "url(images/hm_btn5.png)");
				$("#icon6").css("background-image", "url(images/hm_btn6.png)");
				//display selected division, hide others
				$("div.blok0").css("display", "none");
				$("div.blok1").css("display", "none");
				$("div.blok2").css("display", "none");
				$("div.blok3").fadeIn("fast");
				$("div.blok4").css("display", "none");
				$("div.blok5").css("display", "none");
				$("div.blok6").css("display", "none");
			break;
			case "icon4":
				//change status & style menu
				$("#icon1").css("background-image", "url(images/hm_btn1.png)");
				$("#icon2").css("background-image", "url(images/hm_btn2.png)");
				$("#icon3").css("background-image", "url(images/hm_btn3.png)");
				$("#icon4").css("background-image", "url(images/hm_btn4_f2.png)");
				$("#icon5").css("background-image", "url(images/hm_btn5.png)");
				$("#icon6").css("background-image", "url(images/hm_btn6.png)");
				//display selected division, hide others
				$("div.blok0").css("display", "none");
				$("div.blok1").css("display", "none");
				$("div.blok2").css("display", "none");
				$("div.blok3").css("display", "none");
				$("div.blok4").fadeIn("fast");
				$("div.blok5").css("display", "none");
				$("div.blok6").css("display", "none");
			break;
			case "icon5":
				//change status & style menu
				$("#icon1").css("background-image", "url(images/hm_btn1.png)");
				$("#icon2").css("background-image", "url(images/hm_btn2.png)");
				$("#icon3").css("background-image", "url(images/hm_btn3.png)");
				$("#icon4").css("background-image", "url(images/hm_btn4.png)");
				$("#icon5").css("background-image", "url(images/hm_btn5_f2.png)");
				$("#icon6").css("background-image", "url(images/hm_btn6.png)");
				//display selected division, hide others
				$("div.blok0").css("display", "none");
				$("div.blok1").css("display", "none");
				$("div.blok2").css("display", "none");
				$("div.blok3").css("display", "none");
				$("div.blok4").css("display", "none");
				$("div.blok5").fadeIn("fast");
				$("div.blok6").css("display", "none");
			break;
			case "icon6":
				//change status & style menu
				$("#icon1").css("background-image", "url(images/hm_btn1.png)");
				$("#icon2").css("background-image", "url(images/hm_btn2.png)");
				$("#icon3").css("background-image", "url(images/hm_btn3.png)");
				$("#icon4").css("background-image", "url(images/hm_btn4.png)");
				$("#icon5").css("background-image", "url(images/hm_btn5.png)");
				$("#icon6").css("background-image", "url(images/hm_btn6_f2.png)");
				//display selected division, hide others
				$("div.blok0").css("display", "none");
				$("div.blok1").css("display", "none");
				$("div.blok2").css("display", "none");
				$("div.blok3").css("display", "none");
				$("div.blok4").css("display", "none");
				$("div.blok5").css("display", "none");
				$("div.blok6").fadeIn("fast");
			break;
		}
		//alert(e.target.id);
	});
	$("#container").mouseleave(function(){
	            $("#icon1").css("background-image", "url(images/hm_btn1.png)");
				$("#icon2").css("background-image", "url(images/hm_btn2.png)");
				$("#icon3").css("background-image", "url(images/hm_btn3.png)");
				$("#icon4").css("background-image", "url(images/hm_btn4.png)");
				$("#icon5").css("background-image", "url(images/hm_btn5.png)");
				$("#icon6").css("background-image", "url(images/hm_btn6.png)");
				//display selected division, hide others
				$("div.blok0").fadeIn("fast");
				$("div.blok1").css("display", "none");
				$("div.blok2").css("display", "none");
				$("div.blok3").css("display", "none");
				$("div.blok4").css("display", "none");
				$("div.blok5").css("display", "none");
				$("div.blok6").css("display", "none");
	});
});