function $(id) {    
	return document.getElementById(id);
}
function $F(id) {
    return document.getElementById(id).value;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function changePicto(obj) {
	if (obj.src.match(/-off/)) {
		prev = "-off"
		next = "-bis";
	}
	else {
		prev = "-bis"
		next = "-off";
	}
	adr = obj.src;
	obj.src = adr.replace(prev, next);
}

function getPresentation() {
	if ($('presentation').style.display == "block") 
		$('presentation').style.display = "none";
	else 
		$('presentation').style.display = "block";
}

function showNews(id, image) {
	
	// On récupère la news actuel, on la repli et on lui enleve le style de titre
	old = $('news-actuel').value;
	
	if(old != id) {
		$toggle('news-detail-'+old);
		$('news-'+old).className = "s15";
		
		//On affiche la news actuel
		//$("img-news").src = "img/news/news-"+id+".gif";
		$("img-news").src = "upload/news/"+image;
		$('news-'+id).className = "s15r";
		$toggle('news-detail-'+id);
		
		//On réactualise la valeur de la news
		$('news-actuel').value = id;
	}
	
}

function open_ext_link()
{
	var liens = document.getElementsByTagName('a');
	// On récupère tous les liens (<a>) du document dans une variable (un array), ici liens.
	// Une boucle qui parcourt le tableau (array) liens du début à la fin.
	for (var i = 0 ; i < liens.length ; ++i)  {
		// Si les liens ont un nom de class égal à lien_ext, alors on agit.
		if (liens[i].className.match(/.*blank.*/))  {
			//liens[i].title = 'S\'ouvre dans une nouvelle fenêtre';
			// Au clique de la souris.
			liens[i].onclick = function()  {
				window.open(this.href);
				return false; // On ouvre une nouvelle page ayant pour URL le href du lien cliqué et on inhibe le lien réel.
			};
		}
	}
}

function load() {
	MM_preloadImages('img/picto/1-bis.gif', 'img/picto/2-bis.gif','img/picto/3-bis.gif','img/picto/4-bis.gif','img/picto/5-bis.gif','img/picto/6-bis.gif','img/picto/7-bis.gif','img/picto/8-bis.gif','img/picto/9-bis.gif','img/picto/10-bis.gif','img/picto/11-bis.gif','img/picto/12-bis.gif','img/picto/13-bis.gif','img/picto/14-bis.gif','img/picto/15-bis.gif','img/picto/16-bis.gif','img/picto/17-bis.gif','img/picto/18-bis.gif','img/picto/19-bis.gif','img/picto/20-bis.gif','img/picto/21-bis.gif','img/picto/22-bis.gif','img/picto/23-bis.gif','img/picto/24-bis.gif','img/picto/25-bis.gif','img/picto/26-bis.gif','img/picto/27-bis.gif', 'img/news/news-1.gif', 'img/news/news-2.gif', 'img/news/news-3.gif');
	open_ext_link();
}
function loadVisu(num, total) {
	
	var liste = "";
	
	for(i=1; i<= total; i++) {
		liste += "'img/visu/"+num+"-"+i+".gif'";
		if(i != total) liste += ",";
	}
	MM_preloadImages(liste);
}

Array.prototype.in_array = function(p_val) {
	for(var i = 0, l = this.length; i < l; i++) {
		if(this[i] == p_val) {
			return true;
		}
	}
	return false;
}

var legende = Array();

legende["1-1"] = "&nbsp;";
legende["1-2"] = "Détail";
legende["1-3"] = "Détail";

legende["3-1"] = "Editée à 18 ex";
legende["3-2"] = "Détail - Editée à 18 ex";
legende["3-3"] = "Détail - Editée à 18 ex";
legende["3-4"] = "Détail - Editée à 18 ex";
legende["3-5"] = "Détail - Editée à 18 ex";

legende["4-1"] = "&nbsp;";
legende["4-2"] = "Détail";
legende["4-3"] = "Détail";

legende["7-1"] = "&nbsp;";
legende["7-2"] = "Détail";
legende["7-3"] = "Détail";
legende["7-4"] = "Détail";

legende["8-1"] = "&nbsp;";
legende["8-2"] = "Détail";
legende["8-3"] = "Détail";

legende["9-1"] = "&nbsp;";
legende["9-2"] = "Détail";
legende["9-3"] = "Détail";

legende["10-1"] = "&nbsp;";
legende["10-2"] = "Détail - Serie_01 - Editée à 29 ex";
legende["10-3"] = "Détail - Serie_02 - Editée à 33 ex";
legende["10-4"] = "Détail - Serie_03 - Editée à 30 ex";
legende["10-5"] = "Détail - Serie_01 - Editée à 29 ex";

legende["11-1"] = "&nbsp;";
legende["11-2"] = "Détail";
legende["11-3"] = "Détail";

legende["13-1"] = "&nbsp;";
legende["13-2"] = "Détail";
legende["13-3"] = "Détail";
legende["13-4"] = "&nbsp;";
legende["13-5"] = "&nbsp;";
legende["13-6"] = "&nbsp;";
legende["13-7"] = "Détail";

legende["17-1"] = "&nbsp;";
legende["17-2"] = "Détail";
legende["17-3"] = "Détail";

legende["18-1"] = "&nbsp;";
legende["18-2"] = "&nbsp;";
legende["18-3"] = "&nbsp;";
legende["18-4"] = "Détail";
legende["18-5"] = "Détail";
legende["18-6"] = "&nbsp;";

legende["20-1"] = "&nbsp;";
legende["20-2"] = "Détail";
legende["20-3"] = "Détail";
legende["20-4"] = "Détail";
legende["20-5"] = "Détail";

legende["23-1"] = "&nbsp;";
legende["23-2"] = "&nbsp;";
legende["23-3"] = "&nbsp;";
legende["23-4"] = "Détail";
legende["23-5"] = "Détail";
legende["23-6"] = "&nbsp;";

legende["24-1"] = "&nbsp;";
legende["24-2"] = "Détail";
legende["24-3"] = "Détail";
legende["24-4"] = "Détail";

legende["25-1"] = "&nbsp;";
legende["25-2"] = "Détail";
legende["25-3"] = "Détail";
legende["25-4"] = "Détail";
legende["25-5"] = "Détail";
legende["25-6"] = "Détail";



var legende_right = Array();
legende_right["3-1"] = "////////  My Botanical Garden*  ///// Sérigraphie 3 couleurs - 50x70cm - 2006";
legende_right["3-2"] = "////////  My Botanical Garden*  ///// Sérigraphie 3 couleurs - 50x70cm - 2006";
legende_right["3-3"] = "////////  My Botanical Garden*  ///// Sérigraphie 3 couleurs sur calque - 50x70cm - 2006";
legende_right["3-4"] = "////////  My Botanical Garden*  ///// Sérigraphie 3 couleurs - 50x70cm - 2006";
legende_right["3-5"] = "////////  My Botanical Garden*  ///// Sérigraphie 3 couleurs - 50x70cm - 2006";

legende_right["18-1"] = "//////// Triptyque sans titre ///// Technique mixte sur canvas - 40x120cm - 2006";
legende_right["18-2"] = "//////// Triptyque sans titre ///// Technique mixte sur canvas - 40x40cm - 2006";
legende_right["18-3"] = "//////// Triptyque sans titre ///// Technique mixte sur canvas - 40x40cm - 2006";
legende_right["18-4"] = "//////// Triptyque sans titre ///// Technique mixte sur canvas - 40x40cm - 2006";
legende_right["18-5"] = "//////// Triptyque sans titre ///// Technique mixte sur canvas - 40x40cm - 2006";
legende_right["18-6"] = "//////// Triptyque sans titre ///// Technique mixte sur canvas - 40x40cm - 2006";


legende_right["23-1"] = "//////// Triptyque sans titre ///// Technique mixte sur canvas - 40x120cm - 2006";
legende_right["23-2"] = "////////  Triptyque My Garden*  ///// Technique mixte sur canvas - 40x40cm - 2006";
legende_right["23-3"] = "////////  Triptyque My Garden*  ///// Technique mixte sur canvas - 40x40cm - 2006";
legende_right["23-4"] = "////////  Triptyque My Garden*  ///// Technique mixte sur canvas - 40x40cm - 2006";
legende_right["23-5"] = "////////  Triptyque My Garden*  ///// Technique mixte sur canvas - 40x40cm - 2006";
legende_right["23-6"] = "////////  Triptyque My Garden*  ///// Technique mixte sur canvas - 40x40cm - 2006";


function InitChargement() {
    setTimeout(TestChargement,50);
}
function TestChargement() {
	if($('image-visu').complete == false) 
		 setTimeout(TestChargement,100);
	else 
		$('image-visu').style.display = 'block';
}

function changeVisu(obj, num, total) {
	adr = obj.src;
	tab = adr.split(num+"-");
	actuel = parseInt(tab[1].split(".gif")[0]);
	if(actuel+1 > total)
		next = 1;
	else 
		next = actuel+1;
	base_url = adr.split(num+"-"+actuel+".gif");
	base_url = base_url[0];
	new_url = base_url+num+"-"+next+".gif";
	obj.src = new_url;
	
	document.getElementById('image-conteneur').innerHTML = '<a href="javascript:void(0)"><img id="image-visu" style="display:none;" src="'+new_url+'" onclick="changeVisu(this, '+num+', '+total+')">';
	InitChargement();
	
	
					//<img id="image-visu" src="img/visu/15-1.gif" onclick="changeVisu(this, 15, 2)"/>
	
	if($('legende')) {
	if(legende[num+"-"+next] != "")
		$('legende').innerHTML = legende[num+"-"+next];
	}
	
	if($('legende_right')) {
	if(legende_right[num+"-"+next] != "")
		$('legende_right').innerHTML = legende_right[num+"-"+next];
	}
}



/****    Page acceuil    ***/
/** Chargement des images **/

function Index_InitChargement() {
    setTimeout(Index_Chargement,50);
}

function Index_Chargement() {
	images = document.getElementsByTagName("img");
	nb_images = images.length;
	nb_images_chargees = 0;
	
	for (var i = 0; i < nb_images; i++) {
		if (images[i].complete == false) {
			setTimeout(Index_Chargement, 100);
			break;
		}
		
		else 
			nb_images_chargees++;
	}
	
	if (nb_images_chargees == nb_images) {
		for (var i = 0; i < nb_images; i++) 
			images[i].style.visibility = 'visible';
		
		$('multi_pictos').style.background = "#fff";
	}
}