/************************************/
/* mon_zoom.js - Zoom    */
/* Le Goascoz Yann - 2009             */
/* http://www.dyna-creation.com           */
/************************************/

var x_init,y_init,p_x_init,p_y_init,top,left,so=0;
var rectangle,r,positions,rs,image,myzoom;
var coorYY, coorXX;

function init(i, r, so) {
	myzoom = document.getElementById("myzoom").style;
	this.r=r;
	image=document.getElementById(i);
	rs= document.getElementById("rectangle").style;
	coorYY = getTop(document.getElementById("moyen_image"));
	coorXX = getLeft(document.getElementById("moyen_image"))+getLeft(document.getElementById("global"));
	//alert ("Y="+coorYY+" / "+"X="+coorXX);
	positions=findPos(image);	
	image.onmouseover = function () {
	initImage(last_id);	
	}
	
}

function deplace(event) {
	if(!event) event = window.event;
	x_init=event.clientX+positions[0];y_init=event.clientY+positions[1];
	detectMouse(event);
}

function findPos(obj) {
	var curleft,curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft;
		curtop = obj.offsetTop;
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		}
	}
	coorYY = curtop;
	coorXX = curleft;
	return [curleft,curtop];
}

var IE6 = false, IE7 = false,IE8 = false,
FIREFOX2 = false, FIREFOX = false,
NETSCAPE7 = false, NETSCAPE = false,
OPERA9 = false, OPERA = false,
AUTRE = false;
var strChUserAgent = navigator.userAgent;
var intSplitStart = strChUserAgent.indexOf("(",0);
var intSplitEnd = strChUserAgent.indexOf(")",0);
var strChStart = strChUserAgent.substring(0,intSplitStart);
var strChMid = strChUserAgent.substring(intSplitStart, intSplitEnd);
var strChEnd = strChUserAgent.substring(strChEnd);

if(strChMid.indexOf("MSIE 8") != -1)
IE8 = true;
if(strChMid.indexOf("MSIE 7") != -1)
IE7 = true;
else if(strChMid.indexOf("MSIE 6") != -1)
IE6 = true;
else if(strChEnd.indexOf("Firefox/2") != -1)
FIREFOX2 = true;
else if(strChEnd.indexOf("Firefox") != -1)
FIREFOX = true;
else if(strChEnd.indexOf("Netscape/7") != -1)
NETSCAPE7 = true;
else if(strChEnd.indexOf("Netscape") != -1)
NETSCAPE = true;
else if(strChStart.indexOf("Opera/9") != -1)
OPERA9 = true;
else if(strChStart.indexOf("Opera") != -1)
OPERA = true;
else
AUTRE = true;



function detectMouse(event){
if(!event) event = window.event;	
	
	if(navigator.appName == 'Netscape'){	
		// *******************************//
		if ((event.pageY) < coorYY-5 || (event.pageY) > coorYY+335 || (event.pageX) < coorXX-5 || (event.pageX) > coorXX+335 ) {
		ferme_zoom ();
		}else {
		rs.top = (event.pageY-35)+"px";
		rs.left =(event.pageX-35)+"px";  
		}
		// *******************************//
	          
	 } else if (IE7 == true || IE6 == true || IE8 == true || OPERA9==true) {		
	 
	 
	 	// *******************************//
		
		
		coo_y = (event.clientY)+ document.documentElement.scrollTop-35;
		coo_x = (event.clientX)+ document.documentElement.scrollLeft-35;
				// *******************************//
				if ((coo_y+35) < coorYY-5 || (coo_y+35) > coorYY+335 || (coo_x+35) < coorXX-5 || (coo_x+35) > coorXX+335 ) {
				ferme_zoom ();
				}else {
				rs.top = (coo_y)+"px";
				rs.left =(coo_x)+"px"; 
				}
				// *******************************//	
		
	} else {	
	
	
	
		if ((event.clientY) < coorYY-5 || (event.clientY) > coorYY+335 || (event.clientX) < coorXX-5 || (event.clientX) > coorXX+335 ) {
		ferme_zoom ();
		}else {	
		//alert ("TOP="+rs.top+"Left="+rs.left);
		rs.top = (event.clientY-35)+"px";
		rs.left =(event.clientX-35)+"px"; 
		}    
	    
	}
	
	 if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
		p_x_end = (event.clientX) - positions[0]+ window.pageXOffset-20;
		p_y_end = - ((event.clientY) - positions[1]+ window.pageYOffset-20);	
	  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
	    //DOM compliant
	   	p_x_end = (event.clientX) - positions[0]+ document.body.scrollLeft-20;
		p_y_end = - ((event.clientY) - positions[1]+ document.body.scrollTop-20);	
	  } else if( document.documentElement) {
	    //IE6 standards compliant mode
		p_x_end = (event.clientX) - positions[0]+ document.documentElement.scrollLeft-20;
		p_y_end = - ((event.clientY) - positions[1]+ document.documentElement.scrollTop-20);	
	  }



	if(p_x_init <= p_x_end) leleft = -p_x_init; else leleft = -p_x_end;
	if(p_y_init >= p_y_end) letop = p_y_init; else letop = p_y_end;	
	
	
	
	myzoom.backgroundPosition = ((leleft*r))+'px '+((letop*r))+'px';
	

}

function ferme_zoom () {
document.getElementById("myzoom").style.visibility="hidden";
document.getElementById("rectangle").style.visibility="hidden";
document.getElementById("detail_produit").style.visibility="visible";
}


// FADE HOME ACTU //
function initImage(last_id) {

	document.getElementById("myzoom").innerHTML="<div align='center'><br><br><br><br><br><br><br><br><br><br><br><br><br><img src='http://rsc.24h00.fr/img_com/loading.gif' alt='' width='20' height='20' border='0'><br><br>Chargement du Zoom en cours</div>";

	theimage = new Image;
	theimage.src = imgZoom4Vente + 'L-' + last_id + '.jpg';

	theimage.onerror = function() {
	ferme_zoom ();
	document.onmousemove ="";
	document.getElementById("myzoom").innerHTML="";
	}
	if (theimage.complete){
		show_gr_photo(last_id);
	} else {
		theimage.onload = function () {
		show_gr_photo(last_id);
		}
	}
	document.getElementById("myzoom").style.visibility="visible";
	document.getElementById("rectangle").style.visibility="visible";
	document.getElementById("detail_produit").style.visibility="hidden";
	document.onmousemove = deplace;
	
	
	document.getElementById("rectangle").onmouseout = function () {
	document.onmousemove ="";
	}
}


function show_gr_photo(last_id) {
document.getElementById("myzoom").innerHTML='';
document.getElementById("myzoom").style.background = "white url("+imgZoom4Vente + 'L-' + last_id +".jpg) no-repeat";	
} 

function zoom_plus () {
document.getElementById("myzoom").innerHTML="<div align='center'><br><br><br><br><br><br><br><br><br><br><br><br><br><img src='http://rsc.24h00.fr/img_com/loading.gif' alt='' width='20' height='20' border='0'><br><br>Chargement du Zoom en cours</div>";
theimage = new Image;
theimage.src = imgZoom4Vente + 'L-' + last_id + '.jpg';
//alert(theimage.src)	
theimage.onerror = function() {
	ferme_zoom ();
	
	document.onmousemove ="";
	document.getElementById("myzoom").innerHTML="";
	}
if (theimage.complete){
		show_gr_photo(last_id);
	} else {
		theimage.onload = function () {
		show_gr_photo(last_id);
		}
	}
document.getElementById("myzoom").style.visibility="visible";
document.getElementById("detail_produit").style.visibility="hidden";
}