/*******************************************************************************
 * ****************************************************************************** +
 * MAIN INFO
 * 
 * @filename : mas.js
 * @desc : custom javascript
 * @authors : Sebastien Tremblay <s@visualruck.us>
 * 
 ******************************************************************************/
var isHome;
var BASE_PATH = "http://www.lemouleasucre.com/";
function cd(x){
	w = +new Date;
	console.debug("("+w+") - "+x);
}


/** DOM READY * */

$(function(){
	//Lightbox links
	$(".lightboxlink").click(function(){
		$("#overlay").css("display", "block");
		$("#lightboxWrapper").css("display", "block");
		$(".lbtitle").removeClass("lbtitle_bijoux");
		$(".lbtitle").removeClass("lbtitle_autres");
		$(".lbtitle").removeClass("lbtitle_mode");
		$(".lbtitle").removeClass("lbtitle_poterie");
		$(".lbtitle").removeClass("lbtitle_produits");
		if($(this).hasClass("lightboxBijoux")) $(".lbtitle").addClass("lbtitle_bijoux");
		if($(this).hasClass("lightboxSoins")) $(".lbtitle").addClass("lbtitle_produits");
		if($(this).hasClass("lightboxMode")) $(".lbtitle").addClass("lbtitle_mode");
		if($(this).hasClass("lightboxPoterie")) $(".lbtitle").addClass("lbtitle_poterie");
		if($(this).hasClass("lightboxAutres")) $(".lbtitle").addClass("lbtitle_autres");
		$(".lightboxContent h2").html($(this).html().substring(4,$(this).html().length));
		$(".lightboxContent .lbArtistInfos").html($("#lightboxContent_"+$(this).attr("rel")).html());
	});
	
	//Close lightbox
	$("#lightboxClose").click(function(){
		$("#overlay").css("display", "none");
		$("#lightboxWrapper").css("display", "none");
	});
	var link1, link2;
	link1 = "metierart";
	link2 = "mainsdumonde";
	
	if(!isHome)  {
		link1 = "mainsdumonde";
		link2 = "metierart";
		//Menu over
		$("#bottom span").mouseover(function(){
			if($(this).hasClass("active")) $(this).addClass("alreadyActive")
			$(this).addClass("active");
		});
		//Menu out
		$("#bottom span").mouseout(function(){
			if(!$(this).hasClass("alreadyActive")) $(this).removeClass("active");
		});
	}
	
	//onclick main links
	$("#bottom span").click(function(){
		if($(this).hasClass("mag")) window.location = BASE_PATH+"magasin";
		if($(this).hasClass("mainsm")) window.location = BASE_PATH+link1;
		if($(this).hasClass("mets")) window.location = BASE_PATH+link2;
		if($(this).hasClass("jard")) window.location = BASE_PATH+"jardin";
	});
	
	
	/* ORBIT SLIDE */
	 $('#slideShow').orbit({
		 animation:'fade',
		 directionalNav:false
	 });
	 
	 
	 /* DROPDOWN MENUS */
	 // setting the active menus
	 var menus = ["magasin", "metiers", "mains", "activites"];
	 
	 // positioning them
	 $("div#sub ul").each(function(i,v){
			c = v.className;
			x = $("a."+c).position().left;
			$("ul."+c).css("left",x);
	 });
	 
	
	function left(cname,who) {
		setTimeout(function(){
		// guilty element
		var x = who+"."+cname;
		// related element
		var other = (who == "a"?"ul":"a")+"."+cname;
				// set guilty element's hover to false
		$(x)[0].hover = false;
		// if related element's hover isn't up
		if(!$(other)[0].hover) {
			deactivateMenu(cname);
		}
		//cd(x+": "+$(x)[0].hover +" / "+other+": "+$(other)[0].hover);
		}, 0);
	}
		 

	function deactivateMenu(cname) {
		//cd("unactivate // "+cname);
		// remove active class
		
		
		//hide submenu
		$("div#sub ul."+cname).css({display:'none'});
	}
	 
	 // givin' em some attention
	 $.each(menus, function(i,v){
		 $("a."+v).mouseenter(function(e){
			 // get target's class
			menu = e.target.className;
			
			 // hide other menus
			 $.each(menus,function(i,v){
				 if(v!=menu) {
					 deactivateMenu(v);
				 }
			 });
			
			// set the link on active
			if($("a."+menu).parent().hasClass("active")) $("a."+menu).parent().addClass("alreadyActive");
			$("a."+menu).parent().addClass("active");
			
			// set hover state to true
			$("a."+menu)[0].hover = true;
			
			// show submenu
			$("div#sub ul."+menu).css({
				display:'block'
				// left: left
			});
			// set basic related element hover to false
			$("div#sub ul."+menu)[0].hover = false;
			
			// add mouseenter events now
			$("div#sub ul."+menu).mouseenter(function(e){
				menu = e.currentTarget.className;
				// set element's hover var to true
				$("ul."+menu)[0].hover = true;
			}).mouseleave(function(e){
				menu = e.currentTarget.className;
				left(menu,"ul");
			});
			
		 }).mouseleave(function(e){
				
				menu = e.currentTarget.className;
				if(!$("a."+menu).parent().hasClass("alreadyActive")) $("a."+menu).parent().removeClass("active");
				left(menu,"a");
		});
		 
 	});
	 
	 
	/* SUB SLIDESHOW */
	 // to hide slides & remove active bullet state
	 function clearCurrentSlides() {
		 $(".slide").each(function(i,v){
				$(v).css("display","none");
		 });
		 // remove active state bullet
		$(".bullets a").removeClass("active");
	 }
	 
	 // find "active" bullet. param (x): 0 = removeClass, 1 = return which is active
	 /*function activeBullet(b) {
		 $(".bullets a").each(function(i,v){
			 if($(v).hasClass("active")){
				 if(b==1) { 
					 //cd(i);
					 return i;
				 }
				 else{
					 $(v).removeClass("active");
					 return false;
				 }
			 }
		 });
	 }*/
	 
	 $(".bullets").data("active",1);
	 $("#subslideshow a").click(function(e){
		 var t =e.currentTarget.className;
		 // if the bullet isn't already active
		 if (t.split(" ").length == 1) {
			 // if it's a numbered bullet
			 if(t!="next"&&t!="prev") {
				 // get slide #
				 slide = t.substr(1);
				 // reset slides
				 clearCurrentSlides();
				$(e.currentTarget).addClass("active");
				// save active slide
				$(".bullets").data("active",slide);
				$(".slide").eq(slide-1).css("display", "block");
			 }
			 else {
				 // set new slide value
				 newSlide = parseInt($(".bullets").data("active"))+(t=="next"?1:-1);
				 // loop to next slide, if value is under 0 or over 5
				 newSlide = (newSlide > 5?1:(newSlide<1?5:newSlide));
				 // reset slides
				 clearCurrentSlides();
				 // save active slide
				 $(".bullets").data("active",newSlide);
				 $(".s"+newSlide).addClass("active");
				 $(".slide").eq(newSlide-1).css("display", "block");
								 
			 }
		 }
		 return false;
	 });
	 
	 /* BOTTOM MENU */
	 /*OLD MENU WITHOUT FADE
	  * $("#bottom a").mouseenter(function(){
		 var posx = $(this.parentNode).css("background-position").split(" ")[0];
		 var hit = $(this.parentNode);
		 $(hit).css("background-position",posx+" -284px");
	 }).mouseleave(function(){
		 var posx = $(this.parentNode).css("background-position").split(" ")[0];
		 var hit = $(this.parentNode);
		 $(hit).css("background-position",posx+" 0");
	 });*/
	 
	 /*$("#bottom span span.suba").mouseenter(function(e){
		 cd(this);
		$(e.target).fadeOut('100')
	 });*/
	 
	 $("#bottom a").mouseenter(function(e){
		$(this.parentNode).children("div").fadeIn(300);
	 }).mouseleave(function(e){
		$(this.parentNode).children("div").fadeOut(300); 
	 });
	 
	 $("div.sideimg img").each(function(i){
		$(this).css({
			"top": -(i*345),
			"z-index":(i==0?2:1)
		});
	 });
	 
	 $("img.thumb").mouseenter(function(e){
		var pos;
		if($(this).hasClass("first")) {pos = 1;} else if($(this).hasClass("second")) {pos = 2;} else {pos = 3;};
		$(".sideimg img").css("opacity", 0);
		$(".sideimg img:nth-child("+(pos+1)+")").css("opacity", 1);
	 }).mouseleave(function(e){
		$(".sideimg img").css("opacity", 0);
		$(".sideimg img:nth-child(1)").css("opacity", 1);
	 });

});

var x = "";