/*
 * Change the banner images and text
 */

/* Functions called whe the document is loaded */
$(document).ready(	
	function() {
		init();
	}
);

var actif = 0;
var citation_texte = '';
var citation_lien = '';

var total = $('#diapos > .element').length - 1;
var position = -1;
var clicked = 0;
var tempo = Math.max($('#tempo').html(), 2) * 1000;

/* Change automaticaly the banner */
function auto() {
	if (clicked == 0) {	
		nextimg(1);
	} else {
		clicked = 0;
	}
	setTimeout("auto()",tempo);
}

/* Next image */
function nextimg(auto) {
	if (!auto) { clicked = 1; }		
	position++;
	if (position > total) { position = 0; }
	enlight_bouton(position);
	fade(position);
} 

/* Change to selected image */
function change(val) {
	clicked = 1;  				
	position = val;
	if (position < 0) { position = total; }
	enlight_bouton(position);
    fade(position);	 
  }

/* 
 * Copy the div in an other that appears in front of it
 * Change the div behind
 * The second div disappears
 */
function fade_bis(elt) {
	// Copie dans le div supérieur
	$("#bandeau_image_beta").html($("#bandeau_image").html());
	$("#bandeau_texte_beta").html($("#bandeau_texte").html());
	$("#bandeau_lien_beta").html($("#bandeau_lien").html());
	// Affichage du div supérieur
	$("#bandeau_image_beta").show();
	$("#bandeau_cadre_beta").show();
	// Insertion du contenu
	$("#bandeau_image").html($("#diapos > .element:eq("+elt+") > .element_image").html());
	$("#bandeau_texte").html($("#diapos > .element:eq("+elt+") > .element_texte").html());
	$("#bandeau_lien").html($("#diapos > .element:eq("+elt+") > .element_lien").html());
	// Masquage du div		
	$('#bandeau_image_beta').fadeOut('slow');	
	$('#bandeau_cadre_beta').fadeOut('slow');
}

function fade_ter(elt) {
	// Modification de l'image
	// Copie dans le div supérieur
	$("#bandeau_image_beta").html($("#bandeau_image").html());
	// Affichage du div supérieur
	$("#bandeau_image_beta").show();
	// Modification de l'image
	$("#bandeau_image").html($("#diapos > .element:eq("+elt+") > .element_image").html());
	// Masquage du div supérieur
	$('#bandeau_image_beta').fadeOut('slow');
	
	// Modification du texte
	if ($('#bandeau_cadre').queue().length != 0){
		$('#bandeau_cadre').dequeue();
		$('#bandeau_cadre').stop();
	}
	$('#bandeau_cadre').fadeTo("slow", 0.0, function(){
		// Insertion du texte
		$("#bandeau_texte").html($("#diapos > .element:eq("+elt+") > .element_texte").html());
		$("#bandeau_lien").html($("#diapos > .element:eq("+elt+") > .element_lien").html());
	});
	$('#bandeau_cadre').fadeTo("slow", alpha );	
}

function fade(elt) {

	$('#bandeau_image_beta').css({"z-index":3});

	// Lorsque l'animation n'est pas terminée
	if ($('#bandeau_image_beta').queue().length != 0){
		// Suppression des animations
		$('#bandeau_image_beta').dequeue();
		$('#bandeau_image_beta').stop();
		// Modification de l'image
		$("#bandeau_image").html($("#bandeau_image_beta").html());
		// Modification du texte
		change_text();
		// Masquage du div supérieur
		$('#bandeau_image_beta').css({opacity:"0.0"});
	}
	
	get_text(elt);
	
	// Copie de la nouvelle image dans le div supérieur
	$("#bandeau_image_beta").html($("#diapos > .element:eq("+elt+") > .element_image").html());
	// Affichage du div supérieur
	$("#bandeau_image_beta").fadeTo("slow", 1.0, function(){
		// Modification de l'image et des texte
		$("#bandeau_image").html($("#bandeau_image_beta").html());
		change_text();
	});

	// Masquage du div supérieur
	$('#bandeau_image_beta').fadeTo('slow', 0.0, function(){
		$('#bandeau_image_beta').css({"z-index":1});
	});
}

function get_text(elt){
	// Insertion du texte
	citation_texte = $("#diapos > .element:eq("+elt+") > .element_texte").html();
	citation_lien = $("#diapos > .element:eq("+elt+") > .element_lien").html();
}

function change_text(){
	// Insertion du texte
	$("#bandeau_texte").html(citation_texte);
	$("#bandeau_lien").html(citation_lien);
}

function init(){

	// Initialisation des images et textes du bandeau
	$("#bandeau_image").html($("#diapos > .element:eq(0) > .element_image").html());
	$("#bandeau_image_beta").html($("#bandeau_image").html());
	get_text(0)
	change_text();
	$('#bandeau_image_beta').show();
	$('#bandeau_image_beta').fadeTo('slow', 0.0, function(){
		$('#bandeau_image_beta').css({"z-index":1});
	});
	
	position=0;
	enlight_bouton(position);
	setTimeout("auto()",tempo);
}

/* Change the class of the link to enlight it */
function enlight_bouton(elt) {
	if(actif)
		document.getElementById("bandeau_menu_"+(actif)).className = "";
	actif = (elt+1);
	document.getElementById("bandeau_menu_"+(actif)).className = "actif";
}

