/*------------------------------------------------
|             Clair et Net. © 2008                |
--------------------------------------------------*/

//à optimiser !!!!

var mi_checkInt;

function mi_showFull(urlImage){

	if(navigator.userAgent.indexOf("Opera")!=-1){//bug OPERA
		window.open(urlImage);
	}else{

		var divFull = document.getElementById("mi_fullSize");
		var divLoader = document.getElementById("mi_loader");
		var divGeneral = document.getElementById("general");

		if (typeof(window.innerWidth) == 'number') {
			var W = window.innerWidth + "px";
			if(navigator.userAgent.indexOf("Firefox") != -1){
				var W = "100%";//bug scrollbars FF
			}
		} else if (document.documentElement && document.documentElement.clientWidth) {
			var W = document.documentElement.clientWidth + "px";
		} else if (document.body && document.body.offsetWidth) {
			var W = document.body.offsetWidth + "px";
		}

		H = divGeneral.offsetHeight;

		//window.scrollTo(0,0);

		document.body.style.height = H;
		divLoader.innerHTML = "";
		divFull.style.width = W;
		divFull.style.height = H + "px";
		divFull.style.display = "block";

		divLoader.innerHTML = "";
		divLoader.innerHTML = "<div id='btnFermer'></div><img id='mi_imgFull' src='"+urlImage+"' alt='Zoom' title='Zoom' />";

		centerImgFull()


		mi_checkInt = setInterval(mi_checkLoaded,200);

	}


}

function mi_showBig(urlImage,urlImage2){
	if(urlImage != ""){
		var divBig = document.getElementById("mi_big");
		divBig.innerHTML = "";
		divBig.innerHTML = "<img onclick=\"mi_showFull('"+urlImage2+"');\" src='"+urlImage+"' alt='Zoom' title='Zoom' /><div class='loupe' onclick=\"mi_showFull('"+urlImage2+"');\"></div>";
	}else{
		var div = document.getElementById("mi_visionneuse");
		div.innerHTML = "<img src='/_img/default_220x220.jpg' alt='pas de visuel disponible actuellement' style='margin-top:-30px;' />";
	}
}

function mi_checkLoaded(){
	var imgTag = document.getElementById("mi_imgFull");
	if(imgTag.width > 0){
		clearInterval(mi_checkInt);
		var divLoader = document.getElementById("mi_loader");
		var divFull = document.getElementById("mi_fullSize");
		var divGeneral = document.getElementById("general");

		var imgW = imgTag.width;
		var imgH = imgTag.height;
		var padd = 20;


		var bH = divFull.style.height.split("px").join("");

		if(imgH + 2*padd > bH){
			divFull.style.height = (imgH + 2*padd) + "px";
			bH = divFull.style.height.split("px").join("");
		}

		if(divFull.style.width == "100%"){
			var W = window.innerWidth;
			divLoader.style.marginLeft = (W - imgW)/2 + "px";
		}

		imgTag.style.border = "10px solid #FFF";



		centerImgFull()
		imgTag.style.visibility = "visible";

	}
}

function mi_hideFull(){
	var divFull = document.getElementById("mi_fullSize");
	divFull.style.display = "none";
	document.body.style.height = "auto";
	document.body.style.overflow = "auto";
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

function getWindowWH() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return [ myWidth, myHeight ]
}



function centerImgFull(){
	var imgFull = document.getElementById("mi_imgFull");
	var btnfermer = document.getElementById("btnFermer");
	if(imgFull){
		var decal = Math.floor((getWindowWH()[1]-(imgFull.height + 20))/2);
		var newTop = (getScrollXY()[1] + decal);
		if(newTop < 0){newTop=0;}
		imgFull.style.top = newTop + "px";
		var newLeft = Math.floor(((getWindowWH()[0]-12) - (imgFull.width + 20))/2);
		imgFull.style.left = newLeft + "px";

		btnfermer.style.left = (newLeft+2) + "px";
		btnfermer.style.top = (newTop+2) + "px";

		if(imgFull.height <= getWindowWH()[1]){
			window.onscroll = centerImgFull;
		}else{
			window.onscroll = null;
		}

	}

}