// JavaScript Document
//<![CDATA[

var image ;
image = new Array();

//Elements du menu	
image[0] = new Array();	
image[0]["src"] = "images/menu1.png";
image[0]["lien"] = "alm-1000.php";
image[0]["hover"] = "images/menu1_hover.png";
image[0]["alt"] = "Promenades en Mer";
image[0]["width"] = 141;
image[0]["height"] = 46;

image[1] = new Array();
image[1]["src"] = "images/menu2.png";
image[1]["lien"] = "alm-2000.php";
image[1]["hover"] = "images/menu2_hover.png";
image[1]["alt"] = "Pêches en Mer";
image[1]["width"] = 107;
image[1]["height"] = 46;

image[2] = new Array();
image[2]["src"] = "images/menu3.png";
image[2]["lien"] = "alm-3000.php";
image[2]["hover"] = "images/menu3_hover.png";
image[2]["alt"] = "Notre Région";
image[2]["width"] = 90;
image[2]["height"] = 46;

/*######  ######*/

image[3] = new Array();
image[3]["src"] = "images/menu4.png";
image[3]["lien"] = "index.php";
image[3]["hover"] = "images/menu4_hover.png";
image[3]["alt"] = "Accueil";
image[3]["width"] = 62;
image[3]["height"] = 72;

image[4] = new Array();
image[4]["src"] = "images/menu5.png";
image[4]["lien"] = "alm-1000.php";
image[4]["hover"] = "images/menu5_hover.png";
image[4]["alt"] = "Promenade en Mer";
image[4]["width"] = 146;
image[4]["height"] = 72;

image[5] = new Array();
image[5]["src"] = "images/menu6.png";
image[5]["lien"] = "alm-2000.php";
image[5]["hover"] = "images/menu6_hover.png";
image[5]["alt"] = "Pêche en Mer";
image[5]["width"] = 106;
image[5]["height"] = 72;

image[6] = new Array();
image[6]["src"] = "images/menu7.png";
image[6]["lien"] = "alm-3000.php";
image[6]["hover"] = "images/menu7_hover.png";
image[6]["alt"] = "Notre Région";
image[6]["width"] = 96;
image[6]["height"] = 72;

image[7] = new Array();
image[7]["src"] = "images/menu8.png";
image[7]["lien"] = "alm-t1200.php";
image[7]["hover"] = "images/menu8_hover.png";
image[7]["alt"] = "Galerie Photos";
image[7]["width"] = 119;
image[7]["height"] = 72;

image[8] = new Array();
image[8]["src"] = "images/menu9.png";
image[8]["lien"] = "alm-t1600.php";
image[8]["hover"] = "images/menu9_hover.png";
image[8]["alt"] = "Fond d'Ecran";
image[8]["width"] = 99;
image[8]["height"] = 72;

image[9] = new Array();
image[9]["src"] = "images/menu10.png";
image[9]["lien"] = "alm-t1400.php";
image[9]["hover"] = "images/menu10_hover.png";
image[9]["alt"] = "Ecards";
image[9]["width"] = 47;
image[9]["height"] = 72;


//Préchargement des images
function Preload() {
	pre = new Array();
	for( i=0; i<image.length; i++ ) {
		document.write('<img src="'+image[i]["hover"]+'" alt="prechargement '+i+'" class="preload" />');
	}
}

//Affichage du menu
function CreateMenu(id) {
	if((id_page+3)==id) {
		document.write('<span id="menu'+id+'a"></span>');
		var element = createPNGImage(image[id]["hover"], image[id]["width"], image[id]["height"], image[id]["alt"], "m"+id);
	}
	else {
		document.write('<a href="'+image[id]['lien']+'" id="menu'+id+'a" onMouseOver="Change('+id+', '+image[id]['width']+', '+image[id]['height']+');" onMouseOut="Restore('+id+', '+image[id]['width']+', '+image[id]['height']+')"></a>');
		var element = createPNGImage(image[id]["src"], image[id]["width"], image[id]["height"], image[id]["alt"], "m"+id);
	}
	document.getElementById("menu"+id+"a").appendChild(element);
}

//Change l'image onMouseOver
function Change(id) {
	var dc = document.getElementById("m"+id);
	if( dc=="[object]" ) dc.style.filter = "progid:DXImageTransform.Microsoft."+"AlphaImageLoader(src='"+image[id]["hover"]+"')";
	else dc.src = image[id]["hover"];
}

//Restaure l'image onMouseOut
function Restore(id) {
	var dc = document.getElementById("m"+id);
	if( dc=="[object]" ) dc.style.filter = "progid:DXImageTransform.Microsoft."+"AlphaImageLoader(src='"+image[id]["src"]+"')";
	else dc.src = image[id]["src"];
}

//Crée une image afin de gerer la transparence du PNG
function createPNGImage(src, width, height, alt, id) {
	var element = document.createElement("img");
	//Si Internet Explorer 6
	if (navigator.userAgent.indexOf("MSIE") != -1) {
		element.style.filter = "progid:DXImageTransform.Microsoft."+"AlphaImageLoader(src='" + src + "')";
		src = "images/transparent.gif";
	}
	element.src = src;		
	element.alt = alt;
	element.id = id;
	element.style.width = width + "px";
	element.style.height = height + "px";
	return element;
}
//]]>