var arrMenuImages = new Array(11)
    
    arrMenuImages[0] = 'images/btnAccueil.jpg';
    arrMenuImages[1] = 'images/btnAccueil_hover.jpg';

    arrMenuImages[2] = 'images/btnDesignWeb.jpg';
    arrMenuImages[3] = 'images/btnDesignWeb_hover.jpg';

    arrMenuImages[4] = 'images/btnHebergement.jpg';
    arrMenuImages[5] = 'images/btnHebergement_hover.jpg';

    arrMenuImages[6] = 'images/btnDepannage.jpg';
    arrMenuImages[7] = 'images/btnDepannage_hover.jpg';

    arrMenuImages[8] = 'images/btnAPropos.jpg';
    arrMenuImages[9] = 'images/btnAPropos_hover.jpg';

    arrMenuImages[10] = 'images/btnNousJoindre.jpg';
    arrMenuImages[11] = 'images/btnNousJoindre_hover.jpg';
    
    for (i=0; i < arrMenuImages.length; i++) {
      var preload = new Image();
      preload.src = arrMenuImages[i];
    }

	function findimg()
	{
		var imgs,i;
		var keyword = '_hover'
		
	// Loop through all images, and check if their classes contain the class roll
		imgs = document.getElementsByTagName('img');
		for(i = 0; i < imgs.length; i++) {
			if(/roll_img/.test(imgs[i].className)) {
        // add the function roll to the parent Element of the image
				imgs[i].onmouseover  = function(){roll_img(this, keyword);};
				imgs[i].onmouseout   = function(){roll_img(this, keyword);};
				imgs[i].onfocus      = function(){roll_img(this, keyword);};
				imgs[i].onblur       = function(){roll_img(this, keyword);};
			}
			
		}
	}
  
  // Method to change an image on rollover
	function roll_img(o, keyword) {
		var i,isnode,src,ftype,newsrc,nownode;

/*
    //loop through all childNodes
		for (i=0;i<o.childNodes.length;i++) {
			nownode=o.childNodes[i];
      //if the node is an element and an IMG set the variable and exit the loop
			if(nownode.nodeType==1 && /img/i.test(nownode.nodeName)) {
				isnode=i;
				break;
			}
		}
*/
    //check src and do the rollover
    src = o.src;
		ftype = src.substring(src.lastIndexOf('.'), src.length);
		if(eval("/" + keyword + "/").test(src)) {
			newsrc = src.replace(keyword,'');
		}
		else {
			newsrc = src.replace(ftype, keyword + ftype);
		}

		o.src = newsrc;
//		o.childNodes[isnode].src=newsrc;
	}

	
	window.onload = function(){findimg();}