// JavaScript Document
function menu() {
	

	
	/****************************************************************************************************************************************************************************************
	 * LENSFLARE
	*****************************************************************************************************************************************************************************************/	
	var qtyLoaded = 0;
	var badBrowserCheck = false;
	
	var badBrowser = (/MSIE ((5\.5)|6|7|8)/.test(navigator.userAgent) && navigator.platform == "Win32");
	if (currentPage == "accueil") {
		
		if (badBrowser) {
			badBrowserCheck = true;
			//checkPng();
			flareIt();
		}
		else {
			badBrowserCheck = false;
			preloadFlare();
		}
	}
	else {
		putLogo();	
	}
	
	
	if (badBrowser){
		/*because internet explorer is so cool*/
//		$j("#"+currentPage).css("marginLeft","-5px");	
//		$j("#"+currentPage).css("marginRight","105px");
		/*
		if (currentPage != "accueil") {
			$j("#header #searchField").css("marginLeft","332px");
		}
		if (currentPage != "accueil") {
				
				$j("#menu div").each(
					function(){
						if ($j(this).attr("id") != currentPage)
							$j(this).animate({opacity: 1}, {duration:2, queue:false});
						else
							$j(this).animate({opacity: 1}, {duration:2, queue:false});
					}
				)

				$j("#menu div").each(
					function(){
						if ($j(this).attr("id") != currentPage) {
							$j(this).animate({opacity: 0.3}, {duration:2, queue:false});
							$j(this).animate({ backgroundColor: "black", color: "white"}, {duration:500, queue:false});
						}
						else
							$j(this).animate({opacity: 0.99}, {duration:2, queue:false});
					}
				);
			$j("#header #searchField").css("marginLeft","332px");
		}*/
	}
	
	function putLogo() {
		$j("#header").prepend('<a href="index.php" title="Home"><img id="logoDecover" src="img/decover.png" width="228" height="57" /></a>');
	}

	

	
	function preloadFlare() {
		
		// create object
		imagesLoader = new Image();
		
		// set image list
		images = new Array();
		images[0]="img/lensFlare/megaFlare.png";
		images[1]="img/lensFlare/flare02.png";
		images[2]="img/lensFlare/flare03.png";
		images[3]="img/lensFlare/flare04.png";
		images[4]="img/lensFlare/flare05.png";
		images[5]="img/lensFlare/flare06.png";
		images[6]="img/lensFlare/flare07.png";
		images[7]="img/lensFlare/flare07o.png";
		images[8]="img/lensFlare/flare08.png";
		images[9]="img/lensFlare/flare09.png";
		images[10]="img/lensFlare/flare10.png";
		images[11]="img/lensFlare/flare11.png";
		images[12]="img/decover.png";
		
        for (var picNum=0; picNum<images.length-1; picNum++) {
            imagesLoader[picNum] = new Image();
            imagesLoader[picNum].src = (images[picNum]);
			imagesLoader[picNum].onload = flareLoadCounter(images.length-1); 
        }		
	}
	
	function flareLoadCounter(howManyToComplete) {
		qtyLoaded ++;
		if (qtyLoaded == howManyToComplete) {
			$j("#header #logoDecover").css("opacity","0");
			$j("#logoDecover").remove();
			$j("#header").prepend('<img id="logoDecover" src="img/decover.png" width="228" height="57" />');
			$j("#header #logoDecover").css("opacity","0");
			setTimeout(function(){flareIt()},1500);	
		}
	}
	
	function reloadLogoIe() {
		$j("#logoDecover").remove();
		$j("#header").prepend('<img id="logoDecoverForIe" src="img/decover.png" width="228" height="57" />');
	}
	

	function flareIt() {
		var thisDur = 1500;
		var halfDur = thisDur/2;
			
		if (badBrowserCheck == true) {
			$j("#header #logoDecover").css("opacity","0");
			$j("#logoDecover").attr ("src","img/decover.png");
			$j("#header #logoDecover").animate({opacity:"1"},{duration:1500, queue:false, complete:setTimeout(function(){reloadLogoIe()}, 400)});
		}
		else {
			$j("#header #logoDecover").animate({opacity:"1"},{duration:2000, queue:false});
			$j("#header").prepend("<div id='lensFlare'></div>");
			$j("#lensFlare").append("<span class='flares' id='megaFlare'><img src='img/lensFlare/megaFlare.png'/></span>");
			$j("#megaFlare").css("left", "115px");
			$j("#megaFlare").animate({left: "-115px"}, {duration:thisDur, queue:false});
			$j("#megaFlare").css("opacity", "0");
			$j("#megaFlare").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#megaFlare")}, halfDur)});																											  
														
			$j("#lensFlare").append("<span id='flare11' class='flares'><img src='img/lensFlare/flare11.png'/></span>");
			$j("#flare11").css("left", "150px");
			$j("#flare11").css("top", "-10px");
			$j("#flare11").animate({left: "-150px"}, {duration:thisDur, queue:false});
			$j("#flare11").css("opacity", "0");
			$j("#flare11").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare11")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='flare10' class='flares'><img src='img/lensFlare/flare10.png'/></span>");
			$j("#flare10").css("left", "90px");
			$j("#flare10").css("top", "20px");
			$j("#flare10").animate({left: "-90px"}, {duration:thisDur, queue:false});
			$j("#flare10").css("opacity", "0");
			$j("#flare10").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare10")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='flare09' class='flares'><img src='img/lensFlare/flare09.png'/></span>");
			$j("#flare09").css("left", "75px");
			$j("#flare09").css("top", "15px");
			$j("#flare09").animate({left: "-75px"}, {duration:thisDur, queue:false});
			$j("#flare09").css("opacity", "0");
			$j("#flare09").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare09")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='flare08' class='flares'><img src='img/lensFlare/flare08.png'/></span>");
			$j("#flare08").css("left", "50px");
			$j("#flare08").css("top", "10px");
			$j("#flare08").animate({left: "-50px"}, {duration:thisDur, queue:false});
			$j("#flare08").css("opacity", "0");
			$j("#flare08").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare08")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='flare07' class='flares'><img src='img/lensFlare/flare07.png'/></span>");
			$j("#flare07").css("left", "5px");
			$j("#flare07").animate({left: "-5px"}, {duration:thisDur, queue:false});
			$j("#flare07").css("opacity", "0");
			$j("#flare07").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare07")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='flare07o' class='flares'><img src='img/lensFlare/flare07o.png'/></span>");
			$j("#flare07o").css("left", "5px");
			$j("#flare07o").css("top", "20px");
			$j("#flare07o").animate({left: "-5px"}, {duration:thisDur, queue:false});
			$j("#flare07o").css("opacity", "0");
			$j("#flare07o").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare07o")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='flare06' class='flares'><img src='img/lensFlare/flare06.png'/></span>");
			$j("#flare06").css("left", "-10px");
			$j("#flare06").css("top", "35px");
			$j("#flare06").animate({left: "50px"}, {duration:thisDur, queue:false});
			$j("#flare06").css("opacity", "0");
			$j("#flare06").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare06")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='flare05' class='flares'><img src='img/lensFlare/flare05.png'/></span>");
			$j("#flare05").css("left", "-20px");
			$j("#flare05").css("top", "35px");
			$j("#flare05").animate({left: "70px"}, {duration:thisDur, queue:false});
			$j("#flare05").css("opacity", "0");
			$j("#flare05").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare05")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='flare04' class='flares'><img src='img/lensFlare/flare04.png'/></span>");
			$j("#flare04").css("left", "-40px");
			$j("#flare04").css("top", "45px");
			$j("#flare04").animate({left: "80px"}, {duration:thisDur, queue:false});
			$j("#flare04").css("opacity", "0");
			$j("#flare04").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare04")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='flare03' class='flares'><img src='img/lensFlare/flare03.png'/></span>");
			$j("#flare03").css("left", "-70px");
			$j("#flare03").css("top", "60px");
			$j("#flare03").animate({left: "110px"}, {duration:thisDur, queue:false});
			$j("#flare03").css("opacity", "0");
			$j("#flare03").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare03")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='flare02' class='flares'><img src='img/lensFlare/flare02.png'/></span>");
			$j("#flare02").css("left", "-75px");
			$j("#flare02").css("top", "65px");
			$j("#flare02").animate({left: "145px"}, {duration:thisDur, queue:false});
			$j("#flare02").css("opacity", "0");
			$j("#flare02").animate({opacity: "1"}, {duration:halfDur, queue:false, complete:setTimeout(function(){opacityOut("#flare02")}, halfDur)});	
			
			$j("#lensFlare").append("<span id='apogy' class='flares'><img src='img/lensFlare/apogy.png'/></span>");
			$j("#apogy").css("opacity", "0");
			$j("#apogy").css("left", "0");
			$j("#apogy").css("top", "0");
			$j("#apogy").animate({opacity: "0"}, {duration:333, queue:false, complete:$j("#apogy").animate({opacity: "1"}, {duration:100})});
		}
	}
	
	
	function opacityOut(thisFlare) {
		var thisDur = 1500;
		var halfDur = thisDur/2;
		$j(thisFlare).animate({opacity: "0"}, {duration:thisDur/2, queue:false , complete:setTimeout(function(){removeFlareDivs()}, halfDur)});	
	}
	
	function removeFlareDivs() {
		$j("#lensFlare").remove();	
	}
	
	/****************************************************************************************************************************************************************************************
	 * Other links
	*****************************************************************************************************************************************************************************************/	
	if (!badBrowser) {
		$j("#otherLinks").css("opacity","0.3");
		
		$j("#otherLinks").hover(
		  function () {
			$j(this).animate({opacity: 1}, {duration:500, queue:false});
		  }, 
		  
		  function () {
			$j(this).animate({opacity: 0.3}, {duration:500, queue:false});
		  }
		);
	}
	else
		$j("#otherLinks").css("opacity","0.75");
	
	
	/****************************************************************************************************************************************************************************************
	 * Languages
	*****************************************************************************************************************************************************************************************/	
	$j("#searchField .language").each(
		function(){
			$j(this).css("opacity","0.3");
			$j(this).hover(
			  function () {
				$j(this).animate({opacity: 1}, {duration:500, queue:false});
			  }, 
			  
			  function () {
				$j(this).animate({opacity: 0.3}, {duration:500, queue:false});
			  }
			);
		}
	)



	/****************************************************************************************************************************************************************************************
	 * SEARCH FIELD
	*****************************************************************************************************************************************************************************************/	
	$j("#searchFieldForm").css("opacity","0.3");
	
	$j("#searchFieldForm").hover(
	  function () {
		$j(this).animate({opacity: 1}, {duration:500, queue:false});
	  }, 
	  
	  function () {
		$j(this).animate({opacity: 0.3}, {duration:500, queue:false});
	  }
	  
	  
	);
	
	/****************************************************************************************************************************************************************************************
	 * artists thumbnails in the magazine page
	*****************************************************************************************************************************************************************************************/	
	if (!badBrowser) {
		$j("#featuredList .singleArtist").each(
			function(){
				$j(this).css("opacity","0.3");
				
				$j(this).hover(
				  function () {
					$j(this).animate({opacity: 1}, {duration:500, queue:false});
				  }, 
				  
				  function () {
					$j(this).animate({opacity: 0.3}, {duration:500, queue:false});
				  }
				);
			}
		);
	}
	
	
	/****************************************************************************************************************************************************************************************
	 * BOTTOM FEEDS
	*****************************************************************************************************************************************************************************************/	
	$j("#bottomFeeds").css("opacity","0.5");
	$j("#agendaDisplay").css("opacity","0.5");
	$j("#currentMag").css("opacity","0.5");
	
	$j("#bottomFeeds").hover(
	  function () {
		$j(this).animate({opacity: 1}, {duration:500, queue:false});
	  }, 
	  
	  function () {
		$j(this).animate({opacity: 0.5}, {duration:500, queue:false});
	  }
	);
	
	
	
	
	$j("#currentMag").hover(
	  function () {
		$j(this).animate({opacity: 1}, {duration:500, queue:false});
	  }, 
	  
	  function () {
		$j(this).animate({opacity: 0.5}, {duration:500, queue:false});
	  }
	);
	
	$j("#agendaDisplay").hover(
	  function () {
		$j(this).animate({opacity: 1}, {duration:500, queue:false});
	  }, 
	  
	  function () {
		$j(this).animate({opacity: 0.5}, {duration:500, queue:false});
	  }
	);
	
	/****************************************************************************************************************************************************************************************
	 * MENU
	*****************************************************************************************************************************************************************************************/	
	/*
	var currentBtnDiv = "#"+currentPage;
	$j(currentBtnDiv).css("cursor", "default");
	$j(currentBtnDiv).css("color", "#000000");
	$j(currentBtnDiv).animate({ color: "#dbdbdb"}, 1500);
	
	var animArray = new Array();	
	var hoverOn = false;
	

	
	$j("#menu div").each(
		function(){
			if ($j(this).attr("id") != currentPage) {
				$j(this).animate({opacity: 0.3}, {duration:0, queue:false});
				$j(this).css("cursor", "pointer");
				animArray["a"+$j(this).attr("id")] = false;
			}
			else
				$j(this).animate({opacity: 0.99}, {duration:0, queue:false});
		}
	);
	
	$j("#menuContainer").hover(
	  function () {
		$j("#menu div").each(
			function(){
				if ($j(this).attr("id") != currentPage)
					$j(this).animate({opacity: 1}, {duration:500, queue:false});
				else
					$j(this).animate({opacity: 1}, {duration:500, queue:false});
			}
		);
		hoverOn = true;
	  }, 
	  
	  function () {
		$j("#menu div").each(
			function(){
				if ($j(this).attr("id") != currentPage) {
					$j(this).animate({opacity: 0.3}, {duration:500, queue:false});
					$j(this).animate({ backgroundColor: "black", color: "white"}, {duration:500, queue:false});
				}
				else
					$j(this).animate({opacity: 0.99}, {duration:500, queue:false});
			}
		);
		hoverOn = false;
	  }
	);
	


		
    $j(".menuBtn").mousemove(function(e){
		var thisDiv = $j(this).attr("id");
		if ($j(this).attr("id") != currentPage && animArray["a"+thisDiv] == false) {
			$j(this).animate({ backgroundColor: "white", color: "black"}, 500);
			setAnimate(thisDiv);
		};
    });

	
	$j(".menuBtn").hover(
	  	function () {
			var thisDiv = $j(this).attr("id");
			if ($j(this).attr("id") != currentPage && animArray["a"+thisDiv] == false) {
				$j(this).animate({ backgroundColor: "white", color: "black"}, 500);
				setAnimate(thisDiv);
			};
	  	}, 
	  
	  	function () {
			var thisDiv = $j(this).attr("id");
			if ($j(this).attr("id") != currentPage  ) {
				animArray["a"+thisDiv] = true;
				$j(this).animate({ backgroundColor: "black", color: "white"}, {duration:500, complete:setTimeout(function(){unSetAnimate(thisDiv)},400)});
			}
	  	}
	);
	
	function setAnimate(thisDiv) {
		animArray["a"+thisDiv] = true;
	}
	
	function unSetAnimate(thisDiv) {
		animArray["a"+thisDiv] = false;
		$j("#"+thisDiv).css("background", "none");
	}
	*/
	
	/****************************************************************************************************************************************************************************************
	 * transparency PNG fix for sucky IE
	*****************************************************************************************************************************************************************************************/	
	 var blank = new Image();
	 blank.src = 'images/blank.gif';
	 
	 function checkPng() {
	   var badBrowser = (/MSIE ((5\.5)|6|7|8)/.test(navigator.userAgent) && navigator.platform == "Win32");
	   if (badBrowser) {
		 // get all pngs on page
		 $j('img[src$j=.png]').each(function() {
		   if (!this.complete) {
			 this.onload = function() { fixPng(this) };
		   } else {
			 fixPng(this);
		   }
		 });
	   }
	 };
	 
	 function fixPng(png) {
	   // get src
	   var src = png.src;
	   // set width and height
	   if (!png.style.width) { png.style.width = $j(png).width(); }
	   if (!png.style.height) { png.style.height = $j(png).height(); }
	   // replace by blank image
	   png.onload = function() { };
	   png.src = blank.src;
	   // set filter (display original image)
	   png.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
	 }
}