var infoBoxStatut = 0;
var PositionX;//global

$(document).ready(function(){

	$("#infoBoxClose, #cache").each(function(){
		$(this).click(function(){  
			disableBox();  
		});   
	}); 
	
	/*$('#infoBoxClose').hover(
		function(){
			$('#infoBoxClose').css('background', 'url(design/img/infoBox/closeicon-hover.png) no-repeat center');
		},
		function(){
			$('#infoBoxClose').css('background', 'url(design/img/infoBox/closeicon.png) no-repeat center');
	});*/
		
	var arrayPositions = centrerBox();
	PositionX = arrayPositions[1];
	$("#infoBox").css({ 
		position: "absolute",  
		top: "-300px",  
		left: PositionX 
	});
	$(window).scroll(function(){
		var arrayPositions = centrerBox();
		if (infoBoxStatut == 1){
			$("#infoBox").animate({ 
			position: "absolute",  
			top: arrayPositions[0],  
			left: PositionX 
			}, 65 );
		}
	});
});

function loadBox(){  
	if(infoBoxStatut == 0){  
		$("#cache").css({"opacity": "0.75"});  
		$("#cache").fadeIn(300); 
	var navigateur = navigator.appName.substring(0,3);
	
		if (navigateur == "Mic"){
			var arrayPositions = centrerBox();
			$("#infoBox").css({
			position: "absolute",  
			top: arrayPositions[0],   
			left: PositionX
			});
			$("#infoBox").fadeIn(400);  
		}
		else{
			$("#infoBox").fadeIn(1);  
			var arrayPositions = centrerBox();
			$("#infoBox").animate({  
				position: "absolute",  
				top: arrayPositions[0],  
				left: PositionX
				},{
				duration: 500,
				easing: 'easeOutBack'
			});
		}
		infoBoxStatut = 1;  
	} 
}
function disableBox(){  
	if(infoBoxStatut==1){  
		 $("#cache").fadeOut(300);
	var navigateur = navigator.appName.substring(0,3);

		if (navigateur == "Mic"){
			$("#infoBox").fadeOut(500);  
			$("#infoBox").css({
			position: "absolute",  
			top: "-300px",   
			left: PositionX
			});
		}
		else{
			$("#infoBox").animate({  
				position: "absolute",  
				top: "-300px",  
				left: PositionX
				},{
				duration: 500,
				easing: 'easeInBack'
			});
			$("#infoBox").fadeOut(10);  
		}
		 infoBoxStatut = 0;  
	 }  
}
function centrerBox(){  
	var yScroll = 0;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} 
	else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} 
	else if (document.body) {//autres Explorers
		yScroll = document.body.scrollTop;
	}
			
	var scrLargeur = document.documentElement.clientWidth;  
	var scrHauteur = document.documentElement.clientHeight; 
	var popupHeight = $("#infoBox").height();  
	var popupWidth = $("#infoBox").width(); 
	
	var positionY = ((scrHauteur/2)-(popupHeight/2))+yScroll;
	var positionX = (scrLargeur/2)-(popupWidth/2);//local

	var arrayPositions = new Array(positionY,positionX);
	return arrayPositions;
	//ie6
	$("#cache").css({"height": scrHauteur});
}