/* 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;

				var s125 = oldsrc.indexOf('125x125') != -1;
                var s221 = oldsrc.indexOf('221x221') != -1;

                if (s125) {
                    newsrc = oldsrc.replace(/125x125/,'400x400');
                    //TabBigImages[oldsrc] = new Image(400,400);
                    TabBigImages[oldsrc] = new Array();
                } else if (s221) {
                    newsrc = oldsrc.replace(/221x221/,'350x350');
					//TabBigImages[oldsrc] = new Image(350,350);
                    TabBigImages[oldsrc] = new Array();
                }

                /* nouvel objet image : */
                if( typeof( TabBigImages[oldsrc] ) != 'undefined' )
				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;
					 
				if( typeof( TabBigImages[oldsrc] ) != 'undefined' )
					newImagesrc = TabBigImages[oldsrc].src;
                // popup plus d'info
                /*if(node.id == 3) {
                    imgChild.onmouseover = function() {
                        showImgMsg('> Cliquez pour plus d\'infos');
                    }
                    imgChild.onmouseout = function() {
                        hideImgMsg();
                    }
                }*/

            /* 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")[1];
			if ( !isNull( zoomChild ) ) {
	        zoomChild.onmouseover = function() {
	         		// la grosse image :
              var brand = "";
              if (spanNodes[0].firstChild) {
                  if (spanNodes[0].firstChild.data != null)
                    brand = spanNodes[0].firstChild.data;
                  if (spanNodes[1].firstChild && spanNodes[1].firstChild.data != null)
                    brand = spanNodes[1].firstChild.data;
              }
			  
             if (typeof( TabBigImages[oldsrc] ) != 'undefined' && TabBigImages[oldsrc] != null) showtrail(TabBigImages[oldsrc].src,brand,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;
			}
	});
}
*/