var ie=document.all;
var ns6=document.getElementById&&!document.all;



function alphadown(){
	if (navigator.appName=="Microsoft Internet Explorer"){
		document.getElementById("dragim").style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
		document.getElementById("draglegende").style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	}else{
		document.getElementById("dragim").style.opacity=0.5;
		document.getElementById("draglegende").style.opacity=0.5;
	}
}
function alphaout(){
	if (navigator.appName=="Microsoft Internet Explorer"){
		document.getElementById("dragim").style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
		document.getElementById("draglegende").style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	}else{
		document.getElementById("dragim").style.opacity=1;
		document.getElementById("draglegende").style.opacity=1;
	}
}


function ietruebody(){
	return (document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function zoom2(which, texte, e, position, imgwidth, imgheight){
	if (ie||ns6){
		crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage;
		// ICI POUR REGLER LA POSITION DE LA LOUPE PAR RAPPORT A LA PAGE
		crossobj.style.left=350+"px";
		crossobj.style.top=getScrollHeight()+ 100 + "px";

		crossobj.innerHTML='<div id="dragbar" onmousedown="javascript:alphadown();" ondblclick="closepreview();" onmouseup="javascript:alphaout();" class="txt-bold"><span style="float:right;padding:5px 10px 10px 10px;" id="closetext" onClick="closepreview();"> Fermer</span></div><img id="dragim" onmousedown="javascript:alphadown();" onmouseup="javascript:alphaout();" ondblclick="closepreview();" src="'+which+'"><div id="draglegende" onmousedown="javascript:alphadown();" onmouseup="javascript:alphaout();" ondblclick="closepreview();">'+texte+'</div>';
		crossobj.style.visibility="visible";

		return false;
	}else //if NOT IE 4+ or NS 6+, affiche image ds le navigateur en pleine page
		return true;
}

function closepreview(){
	crossobj.style.visibility="hidden";
}

function drag_drop(e){
	if (ie&&dragapproved){
		crossobj.style.left=tempx+event.clientX-offsetx+"px";
		crossobj.style.top=tempy+event.clientY-offsety+"px";
	}else if(ns6&&dragapproved){
		crossobj.style.left=tempx+e.clientX-offsetx+"px";
		crossobj.style.top=tempy+e.clientY-offsety+"px";
	}else{	
	}
	return false;
}

function initializedrag(e){
	if ((ie&&event.srcElement.id=="dragbar") || (ns6&&e.target.id=="dragbar") || (ie&&event.srcElement.id=="dragim") || (ns6&&e.target.id=="dragim")){
		offsetx=ie? event.clientX : e.clientX;
		offsety=ie? event.clientY : e.clientY;

		tempx=parseInt(crossobj.style.left);
		tempy=parseInt(crossobj.style.top);
	
		dragapproved=true;
		document.onmousemove=drag_drop;
	}
}

function getScrollWidth()
{
   var w = window.pageXOffset ||
           document.body.scrollLeft ||
           document.documentElement.scrollLeft;
           
   return w ? w : 0;
}

function getScrollHeight()
{
   var h = window.pageYOffset ||
           document.body.scrollTop ||
           document.documentElement.scrollTop;
           
   return h ? h : 0;
}


document.onmousedown=initializedrag;
document.onmouseup=new Function("dragapproved=false");