var galerie=new Array();
var toile=new Array();
var txthtm=new Array();
function initialiser()
{
 	galerie[1]=new creer_galerie("structure",18);
 	galerie[2]=new creer_galerie("wakeboard",12);
 	galerie[3]=new creer_galerie("insolite",11);
	toile[1]=new creer_toile(1,1,"Eslalom sobre el lago de Leucate",500,350);
	toile[2]=new creer_toile(1,2,"Salida en esquí náutico acompañado por un monitor",500,350);
	toile[3]=new creer_toile(1,3,"El kneeboard es divertido",500,350);
	toile[4]=new creer_toile(1,4,"Mono esquí sobre el mar mediterráneo",500,350);
	toile[5]=new creer_toile(1,5,"Unos de los sitios más preciosos del pirineo oriental",500,350);
	toile[6]=new creer_toile(1,6,"Curso de esquí acuático",500,350);
	toile[7]=new creer_toile(1,7,"Un barco de seguridad viene buscarle en caso de caída",500,350);
	toile[8]=new creer_toile(1,8,"¿Qué de mejor que tomar una bebida bajo la cabaña?",500,350);
	toile[9]=new creer_toile(1,9,"El wakeboard versión pro",500,350);
	toile[10]=new creer_toile(1,10,"Los niños se divierten al borde de la playa",500,350);
	toile[11]=new creer_toile(1,11,"El bar domina el lago de Leucate",500,350);
	toile[12]=new creer_toile(1,12,"El telesquí esta cerca del mar mediterráneo",500,350);
	toile[13]=new creer_toile(1,13,"Esquí acuático en familia",500,350);
	toile[14]=new creer_toile(1,14,"El telesquí del sur de Francia",500,350);
	toile[15]=new creer_toile(1,15,"El ocio sobre la terraza del cableski",500,350);
	toile[16]=new creer_toile(1,16,"El restaurante propone ensaladas y carnes asadas a la parrilla",500,350);
	toile[17]=new creer_toile(1,17,"Vacaciones con sensaciones fuertes",500,350);
	toile[18]=new creer_toile(1,18,"Pontón del cable esquí bajo el sol",500,350);
	toile[19]=new creer_toile(2,1,"El wakeboard según Juliano Taboulet alias ’Wesh-Wesh’",500,350);
	toile[20]=new creer_toile(2,2,"Slide sobre el Wake Park",500,350);
	toile[21]=new creer_toile(2,3,"Enorme railey en puesta del sol",500,350);
	toile[22]=new creer_toile(2,4,"Wake al nivel del agua",500,350);
	toile[23]=new creer_toile(2,5,"Backroll sobre el kicker",500,350);
	toile[24]=new creer_toile(2,6," ",500,350);
	toile[25]=new creer_toile(2,7,"El deslizamiento del wakeboard",500,350);
	toile[26]=new creer_toile(2,8,"Figura muy alta sobre el kicker en wakeboard",500,350);
	toile[27]=new creer_toile(2,9,"Tricks de wakeboard parecidos al snowboard",500,350);
	toile[28]=new creer_toile(2,10,"Estilo ’Kum’ wake",500,350);
	toile[29]=new creer_toile(2,11,"El wake fuerza 10",500,350);
	toile[30]=new creer_toile(2,12,"Un wakeboarder volador no identificado",500,350);
	toile[31]=new creer_toile(3,1,"Joven deportista practicando wakeboard",500,350);
	toile[32]=new creer_toile(3,2,"El estilazo de un rider pro",500,350);
	toile[33]=new creer_toile(3,3,"Wakeboard contra kneeboard",500,350);
	toile[34]=new creer_toile(3,4,"Un salto de wakeboard en el cable esquí",500,350);
	toile[35]=new creer_toile(3,5,"El estilo de ’Boudu’ en wakeskate",500,350);
	toile[36]=new creer_toile(3,6,"Final de sesión de Theo",500,350);
	toile[37]=new creer_toile(3,7,"Aprendizaje original con un kneeboard",500,350);
	toile[38]=new creer_toile(3,8,"Cuidado, ¡cierra la boca!",500,350);
	toile[39]=new creer_toile(3,9,"La alegria del deslizamiento",500,350);
	toile[40]=new creer_toile(3,10,"un hipopótamo volante",500,350);
	toile[41]=new creer_toile(3,11,"Pruebas duras del wakeboard",500,350);
}
function creer_galerie(nom, nbtoiles)
{
 	this.nom=nom;
	this.nbtoiles=nbtoiles;
}
function creer_toile(gale, nume, titr, pixx, pixy)
{
 	this.gale=gale;
	this.nume=nume;
	this.titr=titr;
	this.pixx=pixx;
	this.pixy=pixy;
}
function choix_galerie(choix)
{
 	var temp=1;
	var lign=1;
	for(var i=1;i<toile.length;i++)
	{
	 	if(toile[i].gale==choix)
		{
		 	var code="";
			var image="pho_";
			var vignette="./images/vig_";
			var refer=galerie[choix].nom+" - photo "+toile[i].nume;
			image+=galerie[choix].nom+toile[i].nume+".jpg";
			vignette+=galerie[choix].nom+toile[i].nume+".jpg";
			code="<li><a href=\"#interne\" onclick=\"javascript:affiche_img('"+image+"',"+toile[i].pixx+","+toile[i].pixy+",'"+toile[i].titr+"');\">";
			code+="<img src=\""+vignette+"\" title=\"aumentar : "+refer+"\"/></a></li>";
			txthtm[temp]=code;
			temp++;
		}
	}
	afficher_galerie();
}
function afficher_galerie()
{
 	var code="";
 	for(var i=1;i<txthtm.length;i++)
	{
		code+=txthtm[i];
	}
	document.getElementById("galerie").innerHTML=code;
}
function affiche_img(nom_image,taillex,tailley,titre,ligne)
{
	var chemin = "./images/"+nom_image;
	var bt_taillex = taillex+60;
	if (bt_taillex<300)
	{
	 	bt_taillex=300;
	}
	var bt_tailley = tailley+50;
	if (bt_tailley<300)
	{
	 	bt_tailley=300;
	}
	var margex_img = (bt_taillex-taillex)/2;
	document.getElementById("bt_aff_photo").style.height=bt_tailley+"px";
	document.getElementById("bt_aff_photo").style.width=bt_taillex+"px";
	//document.getElementById("bt_aff_photo").style.left=(ecranx-bt_taillex)/2+"px";
	document.getElementById("bt_aff_photo").style.marginLeft="20%";
	document.getElementById("bt_aff_photo").style.marginTop="15%";
	if (taillex>tailley)
	{
	 	var posy_bt=275+(ligne*75);
	}
	else {
		var posy_bt=125+(ligne*100);
	}
	posy_bt=23;
	//document.getElementById("bt_aff_photo").style.top=posy_bt+"%";
	document.getElementById("bt_aff_photo").style.visibility="visible";
	document.getElementById("bt_aff_photo").innerHTML="<img src='"+chemin+"' style='margin-left:"+margex_img+"px;'/><h3>"+titre+"</h3>";
}
function enleve_img()
{
	document.getElementById("bt_aff_photo").style.visibility="hidden";
	document.getElementById("bt_aff_photo").style.height="0px";
	document.getElementById("bt_aff_photo").style.width="0px";
}