/* tableau : clef : la source de la petite image, valeur : objet image */ 
var TabBigImages = new Array();

window.onload = function() {
		/* prechargement des grosses images (puis initialisation des rollovers) : */
		InitImages();
		/* initialisation du comportement du checkbox zoom / pas zoom : */
		InitLinks();
}

function InitImages() {
		/* les <div> de classe cadre2 : */
		var divNodes = document.getElementsByClassName('cadre2');
		var nodes = $A(divNodes);
		nodes.each(function(node){
				/* WARNING : ne fonctionnera que dans le cas où l'image du produit est la premiere du div de classe cadre2 */
				imgChild = node.getElementsByTagName("img")[0];
				if ( !isNull( imgChild ) ) {
  				var oldsrc = imgChild.src;
          newsrc = oldsrc.replace('pt/','');
          newsrc = newsrc.replace('_pt','');
		  
          /* nouvel objet image : */
          TabBigImages[oldsrc] = new Image(230,200);
          TabBigImages[oldsrc].src = newsrc;
        }
		});
		
		/*if ($('survol')) {
				if ( $('survol').defaultChecked ) {
					// initialisation des comportements des rollovers sur les petites images :
					InitLinks();
				}
		}*/
}

/* initialise les rollovers sur les cases images 
* conçu pour fonctionner avec une seule image dans chaque case
* si ce n'est pas le cas, ne pas prendre "imgChild = node.getElementsByTagName("img")[0]" mais 
* boucler sur les images enfantes de la case jusqu'à accéder à celle de classe "articleimg"
*/

function InitLinks() {
	/* les <div> de classe cadre2 : */
	var divNodes = document.getElementsByClassName('cadre2');
	//var divNodes = document.getElementsByClassName('zoomdiv2');
	var nodes = $A(divNodes);
	nodes.each(function(node){
			var newsrc = '';
			var oldsrc = '';
			/* WARNING : ne fonctionnera que dans le cas où l'image du produit est la premiere du div de classe cadre2 */
			var imgChild = node.getElementsByTagName("img")[0];
			if ( !isNull( imgChild ) ) {
  				oldsrc = imgChild.src;
  				newImagesrc = TabBigImages[oldsrc].src;
	        /* la description sur la grande image : contenue dans les enfants */
	        var spanNodes = node.getElementsByTagName("span");
	        var divNodes = node.getElementsByTagName("div");
			}
			// la petite image zoom (sans lien)
			var zoomChild = node.getElementsByTagName("img")[0];
			if ( !isNull( zoomChild ) ) {
	        zoomChild.onmouseover = function() {
	         		// la grosse image :
	  					showtrail(TabBigImages[oldsrc].src);//,spanNodes[0].firstChild.data,divNodes[2].firstChild.data,spanNodes[1].firstChild.data,400);
	  					// changement de la couleur de fond du <div> conteneur :
							//node.style.backgroundColor = '#f5f5f5';
	        }
	  			zoomChild.onmouseout = function() {
	         		// on enleve la "popup"
							hidetrail();
							// changement de la couleur de fond du <div> conteneur :
							//node.style.backgroundColor = '#fff';
	       	}
			}
			
	});
}

/* fonction inverse : debranche le zoom sur les imagettes */
/*
function UnInitLinks() {
	// les <div> de classe cadre2 :
	var divNodes = document.getElementsByClassName('cadre2');
	var nodes = $A(divNodes);
	nodes.each(function(node){
			// rollover :
			node.onmouseover = function() {							
					return true;
			}		
			node.onmouseout = function() {
					return true;
			}
	});
}
*/