/***************************/
//@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").hover(function(e){
var tabs = Array("my","conv","gt");
var targ = e.target.id;
for(i=0;i<3;i++){
(tabs[i] == targ)?$("#"+tabs[i]).addClass("active"):$("#"+tabs[i]).removeClass("active");
(tabs[i] == targ)?$("div."+tabs[i]).fadeIn():$("div."+tabs[i]).css("display", "none");
}
return false;
});
});

function mainmenu(){
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
		$(this).find('ul:first').css({visibility: "visible",display: "none"}).fadeIn(300);
		},function(){
		$(this).find('ul:first').css({visibility: "hidden"});
		});
}

 
 
 $(document).ready(function(){					
	mainmenu();
});


$(document).ready(function(){
	$(".shadetabs > li").click(function(e){
		switch(e.target.id){
			case "overview":
				//change status & style menu
				$("#overview").addClass("active");
				$("#specs").removeClass("active");
				$("#arrangements").removeClass("active");
				$("#exterior").removeClass("active");
				$("#interior").removeClass("active");
				$("#exterior2").removeClass("active");
				$("#interior2").removeClass("active");
				//display selected division, hide others
				$("div.overview").fadeIn();
				$("div.specs").css("display", "none");
				$("div.arrangements").css("display", "none");
				$("div.exterior").css("display", "none");
				$("div.interior").css("display", "none");
				$("div.exterior2").css("display", "none");
				$("div.interior2").css("display", "none");
			break;
			case "specs":
				//change status & style menu
				$("#overview").removeClass("active");
				$("#specs").addClass("active");
				$("#arrangements").removeClass("active");
				$("#exterior").removeClass("active");
				$("#interior").removeClass("active");
				$("#exterior2").removeClass("active");
				$("#interior2").removeClass("active");
				//display selected division, hide others
				$("div.overview").css("display", "none");
				$("div.specs").fadeIn();
				$("div.arrangements").css("display", "none");
				$("div.exterior").css("display", "none");
				$("div.interior").css("display", "none");
				$("div.exterior2").css("display", "none");
				$("div.interior2").css("display", "none");
			break;
			case "arrangements":
				//change status & style menu
				$("#overview").removeClass("active");
				$("#specs").removeClass("active");
				$("#arrangements").addClass("active");
				$("#exterior").removeClass("active");
				$("#interior").removeClass("active");
				$("#exterior2").removeClass("active");
				$("#interior2").removeClass("active");
				//display selected division, hide others
				$("div.overview").css("display", "none");
				$("div.specs").css("display", "none");
				$("div.arrangements").fadeIn();
				$("div.exterior").css("display", "none");
				$("div.interior").css("display", "none");
				$("div.exterior2").css("display", "none");
				$("div.interior2").css("display", "none");
			break;
			case "exterior":
				//change status & style menu
				$("#overview").removeClass("active");
				$("#specs").removeClass("active");
				$("#arrangements").removeClass("active");
				$("#exterior").addClass("active");
				$("#interior").removeClass("active");
				$("#exterior2").removeClass("active");
				$("#interior2").removeClass("active");
				//display selected division, hide others
				$("div.overview").css("display", "none");
				$("div.specs").css("display", "none");
				$("div.arrangements").css("display", "none");
				$("div.exterior").fadeIn();
				$("div.interior").css("display", "none");
				$("div.exterior2").css("display", "none");
				$("div.interior2").css("display", "none");
			break;
			case "interior":
				//change status & style menu
				$("#overview").removeClass("active");
				$("#specs").removeClass("active");
				$("#arrangements").removeClass("active");
				$("#exterior").removeClass("active");
				$("#interior").addClass("active");
				$("#exterior2").removeClass("active");
				$("#interior2").removeClass("active");
				//display selected division, hide others
				$("div.overview").css("display", "none");
				$("div.specs").css("display", "none");
				$("div.arrangements").css("display", "none");
				$("div.exterior").css("display", "none");
				$("div.interior").fadeIn();
				$("div.exterior2").css("display", "none");
				$("div.interior2").css("display", "none");
			break;
			case "exterior2":
				//change status & style menu
				$("#overview").removeClass("active");
				$("#specs").removeClass("active");
				$("#arrangements").removeClass("active");
				$("#exterior").addClass("active");
				$("#interior").removeClass("active");
				$("#exterior2").removeClass("active");
				$("#interior2").removeClass("active");
				//display selected division, hide others
				$("div.overview").css("display", "none");
				$("div.specs").css("display", "none");
				$("div.arrangements").css("display", "none");
				$("div.exterior").css("display", "none");
				$("div.interior").css("display", "none");
				$("div.exterior2").fadeIn();
				$("div.interior2").css("display", "none");
			break;
			case "interior2":
				//change status & style menu
				$("#overview").removeClass("active");
				$("#specs").removeClass("active");
				$("#arrangements").removeClass("active");
				$("#exterior").removeClass("active");
				$("#interior").addClass("active");
				$("#exterior2").removeClass("active");
				$("#interior2").removeClass("active");
				//display selected division, hide others
				$("div.overview").css("display", "none");
				$("div.specs").css("display", "none");
				$("div.arrangements").css("display", "none");
				$("div.exterior").css("display", "none");
				$("div.interior").css("display", "none");
				$("div.exterior2").css("display", "none");
				$("div.interior2").fadeIn();
			break;
		}
		//alert(e.target.id);
		return false;
	});
});