// JavaScript Document
var jp_prodDiv,posFinale,posOriginale;
var delta = 0;
var pas = 0;		
var moveTimer;
var btnId;
var diapo;

//Pour fair basculer les fiches des produits.
function deroulerFiche(x) {
	clearInterval(moveTimer);
	if(posOriginale!=posFinale) {
		divjp_prod.style.left = posFinale + "px";
	}
	btnId = x.id;

	for(var i=0; i<16; i++){
		var pos = "bouton" + (i+1);
		if(btnId == pos) {position = i;};
	};
	
	divjp_prod = document.getElementById("jp_prod");
	posFinale = position * -768;
	posOriginale = (parseInt(divjp_prod.style.left))?parseInt(divjp_prod.style.left):0;
	delta = posFinale - posOriginale;
	//La chiffre doit être diviseble entre la chiffre de la posFinale.
	pas = delta/24; 
	moveTimer = setInterval(move,10);
	diapo = x;
//	alert("entro con un id : "+diapo.id);
	return(diapo);
}

//Function pour que le DIV de chaque fiche bascule pas à pas.
function move() {
	if(delta==0) {
		clearInterval(moveTimer);
		return;
	}
	divjp_prod.style.left = posOriginale + pas + "px";
	posOriginale = posOriginale + pas;
	delta = delta - pas;
}

function cacherElement(ele) {
		document.getElementById(ele).style.display = "none";
}

function montrerElement(ele) {
		document.getElementById(ele.id).style.display = "block";
}

function montrerElement2(ele) {
		document.getElementById(ele).style.display = "block";
}


//Fair le zoom sur chaque image des produits.
function zoomSurImage(id,e) {
	var posX = (e.offsetX)?e.offsetX:e.layerX;
	var posY = (e.offsetX)?e.offsetY:e.layerY;
//	alert("id = "+id+" e = "+e);
	
	var grandDiv = document.getElementById("jp_grande"+id);
	
	grandDiv.style.display = "block";
	if((posX > 36) && (posX < 164))	
	//Le premier chifre = widthImagePetit/widthImageGrande. La deuxième chifre = La moitie du width du clip
		grandDiv.style.left = (-7.5*posX + 272) + "px";
	if((posY > 36) && (posY < 385))
	//Le premier chifre = heigthImagePetit/heigthImageGrande. La deuxième chifre = La moitie du heigth du clip
		grandDiv.style.top = (-7.5*posY + 272) + "px"; 
}


//TOURNER L'IMAGE 
function turnerImage(img,id) {
//	alert("imagen = "+img);
//	alert("id = "+id);
	if (img.substr(0,1)==="p") {
		balisage = '<img onmousemove="zoomSurImage('+id+', event);" onmouseout="cacherElement(\'jp_grande'+id+'\')" width="200" alt="'+img+'" src="images/produits/v_'+img+'" />';
		balisage += '<div class="jp_surVol"><?php echo $surVol ?></div>';
        balisage += '<div class="jp_verso" onclick="turnerImage(\'v_'+img+'\','+id+');">';
		balisage += '<span class="block"><input type="button" value="<< Recto" /></span></div>';
		balisage += '<div id="jp_clip'+id+'" class="jp_clip"><div id="jp_grande'+id+'" class="jp_grande">';
		balisage += '<img width="1500" alt="'+img+'" src="images/produits/gv_'+img+'" /></div> </div>';

		document.getElementById("jp_div"+img).innerHTML = balisage;		
	}
	
	if (img.substr(0,1)==="v") {
		img2 = img.substr(2,13);
		balisage = '<img onmousemove="zoomSurImage('+id+', event);" onmouseout="cacherElement(\'jp_grande'+id+'\')" width="200" alt="'+img2+'" src="images/produits/'+img2+'" />';
		balisage += '<div class="jp_surVol"><?php echo $surVol ?></div>';
        balisage += '<div class="jp_verso" onclick="turnerImage(\''+img2+'\','+id+');">';
		balisage += '<span class="block"><input type="button" value="Verso >>" /></span></div>';
		balisage += '<div id="jp_clip'+id+'" class="jp_clip"><div id="jp_grande'+id+'" class="jp_grande">';
		balisage += '<img width="1500" alt="'+img2+'" src="images/produits/g_'+img2+'" /></div> </div>';

		document.getElementById("jp_div"+img2).innerHTML = balisage;		
	}		
}


//MONTRER LE DIV CACHÉ QUI CONTIENT LA CARTE DE GOOGLE
function montrerGoogleMaps(id,divXY,cote) {
	var posLeft = document.getElementById(divXY).offsetLeft;
	var posTop = document.getElementById(divXY).offsetTop;
	var divMap = document.getElementById('jp_mapsGrand'+id).style;
	var granDivMap = document.getElementById('jp_maps'+id).style;

//	alert("Pos left = "+posLeft+" >> Pos Top = "+posTop);
	if (cote==="right") {
		granDivMap.cssFloat="left";
		granDivMap.top=0;
		granDivMap.left=-470;
		posLeft = posLeft-484;		
	}
	
	divMap.display = "block";	
	divMap.left = posLeft+"px";
	divMap.top = posTop+"px";
}

//GOOGLE MAPS API
var map = null;
var geocoder = null;

function initialize(jpDivMap) {
  if (GBrowserIsCompatible()) {
	map = new GMap2(document.getElementById(jpDivMap));
	map.setCenter(new GLatLng(45.496722,-73.55484), 13);
	geocoder = new GClientGeocoder();
  }
}

function showAddress(address) {
  if (geocoder) {
	geocoder.getLatLng(
	  address,
	  function(point) {
		if (!point) {
		  alert(address + " not found");
		} else {
		  map.setCenter(point, 13);
		  var marker = new GMarker(point);
		  map.addOverlay(marker);
		  marker.openInfoWindowHtml(address);
		}
	  }
	);
	var mapControl = new GMapTypeControl();
	map.addControl(mapControl);
	map.addControl(new GLargeMapControl());
  }
}