/**********************************************************************************/
/******************* affichage de l'image et l'onglet dans la  ********************/
/****************** section artistes                            *******************/
/**********************************************************************************/

var lastImageActive="3862.jpg";
var depart=1;

function passageLien(lienImage) {
		var ancienLien= "i"+lastImageActive+"";
		var nouveauLien= "i"+lienImage+"";
		
		if(depart == 1){
			document.getElementById(ancienLien).style.color = "#e89600";
			depart==0;
		}

		if(lienImage!=lastImageActive){
			document.getElementById(ancienLien).style.background = "none";
			if(document.getElementById(ancienLien).name == "no")
				document.getElementById(ancienLien).style.color = "#8b8787";
			else
				document.getElementById(ancienLien).style.color = "#000000";
			document.getElementById(nouveauLien).style.color = "#e89600";
		}

	    changerImage(lienImage);

	    document.getElementById("divVignette").innerHTML = "<p></p>";
		document.getElementById("divVignette").style.backgroundImage = "";
		
		lastImageActive = lienImage;
}

function cliqueLien(lienImage,vignette, nomArtiste) {

	changerCouleurFond(lastImageActive, "none");
		
	changerCouleurFond(lienImage, "#716c6c");
	document.getElementById("i"+lastImageActive).name = "yes";
//	document.getElementById("i"+lienImage).style.color = "#e89600";
	
	changerVignette(vignette, nomArtiste);
 	
  	lastImageActive = lienImage;
}

function changerVignette(contenuVignette, nomArtiste){
	document.getElementById("divVignette").style.backgroundImage = "url(images/oeuvres/bg_vignette.gif)";
	document.getElementById("divVignette").innerHTML = "<p class=\"vignetteTitre\">"+nomArtiste+"</p><p class=\"vignetteDescription\">"+contenuVignette+"</p>";
}

function changerImage(lienImage){

	if (document.images) {
		document["imageAffichee"].src = "images/oeuvres/"+lienImage;
	}
} 

function changerCouleurFond(idLien, couleurLien){
	lienAChanger = "i"+idLien+"";
	document.getElementById(lienAChanger).style.background = couleurLien;
}
/**********************************************************************************/
/******************* TOGGLE pour onglets / CHANGER pour police ********************/
/******************fonctions devant être déclenchés dès le début*******************/
/**********************************************************************************/
var $j = jQuery.noConflict();

$j(document).ready(function(){
	/*Par défaut on ferme les div*/
	$j('div.expandableBox').hide();
	
	/*Active le code d'ouverture des sections*/
	$j("div.expand").click(function (e) {
		if ((this.className).indexOf("tabUp") != -1) {
			$j(this).removeClass("tabUp");
			$j(this).removeClass("upOver");
			$j(this).addClass("tabDown");
			$j(this).addClass("downOver");
		} else {
			$j(this).removeClass("tabDown");
			$j(this).removeClass("downOver");
			$j(this).addClass("tabUp");
			$j(this).addClass("upOver");
		}
		var expandableBox = $j(this).next("div.expandableBox");
		expandableBox.slideToggle("slow");
	});
	
	/*Ouverture de section fermé visée par des ancre*/
	ouvrirSection(window.location.href);
});

/**********************************************************************************/
/**************************** ROLLOVER pour les onglets ***************************/
/**********************************************************************************/
function overTab(ong){
	if((ong.className).indexOf("tabUp") != -1){
		$j(ong).addClass("upOver");
	}else{
		$j(ong).addClass("downOver");
	}
}
function outTab(ong){
		$j(ong).removeClass("upOver");
		$j(ong).removeClass("downOver");
}

/**********************************************************************************/
/***************************** REFRESH POUR ACCORDÉON *****************************/
/**********************************************************************************/

function resetAll()
{
	$j("div.expand").removeClass("tabDown");
	$j("div.expand").addClass("tabUp");
	$j("div.expandableBox").slideDown("slow");
}

/**********************************************************************************/
/*********************************** IMPRESSION ***********************************/
/**********************************************************************************/

function printSetting(link)
{
	window.open(link,"print","menubar=0,resizable=0,scrollbars=1,width=775,height=600"); 	
}


/**********************************************************************************/
/*************************************POPUP****************************************/
/**********************************************************************************/

function hide(id) 
{
	document.getElementById(id).innerHTML='';
}

function loadContent(id) 
{
	$("#view").load(id);
	document.getElementById('view').style.position='absolute';
}

/**********************************************************************************/
/********** OUVERTURE DES SECTION EN FONCTION DES ANCRES  *************************/
/**********************************************************************************/
function ouvrirSection(lienClique){
	if(lienClique.indexOf("#")!=-1){
		//Ici on garde seulement l'url a partir de fr ou en et on enlève les ancres 
		//Ceci pour permettre de comparer l'url cible et celui courant.
		var liencourant = "";
		if(window.location.href.indexOf("/fr/")!=-1){
			liencourant = window.location.href.substr(window.location.href.indexOf("/fr/")+1);
		}
		if(window.location.href.indexOf("/en/")!=-1){
			liencourant = window.location.href.substr(window.location.href.indexOf("/en/")+1);
		}
		if(liencourant.indexOf("#")!=-1){
			liencourant = liencourant.substring(0,liencourant.indexOf("#"));
		}
		
		if (lienClique.indexOf("/fr/")!=-1){
			lienClique = lienClique.substr(lienClique.indexOf("/fr/")+1);
		}
		if (lienClique.indexOf("/en/")!=-1){
			lienClique = lienClique.substr(lienClique.indexOf("/en/")+1);
		}
		
		// On exécute l'ouverture de section seulement si on est dans la page visé (sinon les objet a ouvrir seront inexistant!)
		if(liencourant == lienClique.substring(0,lienClique.indexOf("#"))){
			var cibleAncre = document.getElementById(lienClique.substr(lienClique.indexOf("#")+1));
			var divTapDown = cibleAncre.nextSibling;
			/*patch pour les nodetext vide de firefox*/
			if(divTapDown.nodeType != 1){divTapDown = divTapDown.nextSibling}
			
			if ((divTapDown.className).indexOf("tabDown") > -1) {
				$j(divTapDown).removeClass("tabDown");
				$j(divTapDown).addClass("tabUp");
				var divAncre = $j(divTapDown).next("div.expandableBox");
				divAncre.slideDown("slow");
			}
		}	
	}
}


/**********************************************************************************/
/********** SECTION CAPSULE VIDEO			  *************************/
/* Cree par: Junon Gilles				  *************************/
/* date : 19-03-2009					  *************************/
/* projet: MAJ 26-03-2009				  *************************/			  
/**********************************************************************************/

		

		
		
function jouerVideo(nomVideo, auto){
	var flashvars = {};

			flashvars.lien_video = "/collection/flash/Diffusion/fr/"+nomVideo;
			flashvars.autoplay = auto;

			var params = {};
			params.menu = "false";
			params.scale = "noscale";
			var attributes = {};
			swfobject.embedSWF("/collection/flash/Diffusion/capsules/fr/video_fr.swf", "flashDiv", "340", "320", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
			

}	

function cliqueLienVideo(nomVideo, date, titre, description,langue) {


	jouerVideo(nomVideo,"true");
	changerTexteVideo(date,titre, description,langue);
	
 	
//  	lastImageActive = lienImage;
}

function changerTexteVideo(date,titre, description,langue){
    	if (langue == 'fr') {
		document.getElementById("textePrincipal").innerHTML = "<p class=\"videoTitre\"> <h2>"+titre+"</h2> </p> <p class=\"videoDate\">"+date+"</p> <p class=\"videoDescription\">"+description+"</p>";
		}
	else
	{
		document.getElementById("textePrincipal").innerHTML = "<p class=\"videoTitre\"> <h2>"+titre+"</h2><br> [in French only] </p> <p class=\"videoDate\">"+date+"</p> <p class=\"videoDescription\">"+description+"</p>";
	}	
}