/** FONTIONS EXECUTEES AU CHARGEMENT DU DOM **/
$(document).ready(function(){
	
	// alert(window.history);
	// Speed of the automatic slideshow
	var slideshowSpeed = 10000;
	
	if($('div#contenuInfosCe').length > 0)
	{
		$('div#fondInfosCe').css('height', $('div#contenuInfosCe').outerHeight());
		
		if($('div#recherche_rapide').length > 0)
		{
			$('div#contenuInfosCe, div#fondInfosCe').css({'marginLeft' : 360});
		}
		
		$('div#contenuInfosCe').css('visibility', 'visible');
		$('div#fondInfosCe').css('visibility', 'visible');
	}
	
	// Tableau contenant les liens des images pour le bg
	var photos = new Array();
	$('span[id^="src_"]').each(function(){
		var temp = new Object();
		temp.url = $(this).html();
		photos.push(temp);
	});
	
	var interval;
	var activeContainer = 1;
	var currentImg = 0;
	var animating = false;
	
	var navigate = function(direction)
	{
		// Check if no animation is running. If it is, prevent the action
		if(animating) return
		
		// Check which current image we need to show
		if(direction == "next")
		{
			currentImg++;
			if(currentImg == photos.length + 1) currentImg = 1;
		}
		// else
		// {
			// currentImg--;
			// if(currentImg == 0) currentImg = photos.length;
		// }
		
		// Check which container we need to use
		var currentContainer = activeContainer;
		
		if(activeContainer == 1) activeContainer = 2;
		else activeContainer = 1;
		
		showImage(photos[currentImg - 1], currentContainer, activeContainer);
	};
	
	var currentZindex = -1;
	
	var showImage = function(photoObject, currentContainer, activeContainer)
	{
		animating = true;
		
		// Make sure the new container is always on the background
		// currentZindex--;
		
		// alert(photoObject.url);
		// Set the background image of the new active container
		$("#headerimg" + activeContainer).css({
			"background-image" : "url(" + photoObject.url + ")",
			"display" : "block",
			"z-index" : currentZindex
		});
		
		// Fade out the current container and display the header text when animation is complete
		$("#headerimg" + currentContainer).delay(500).fadeOut(500, function() {
			setTimeout(function(){
				animating = false;
			}, 500);
		});
	};
	
	// We should statically set the first image
	// navigate("next");
	
	// Start playing the animation
	if(photos.length > 1)
	{
		// alert('galerie js');
		// navigate("next");
		interval = setInterval(function() {
			navigate("next");
		}, slideshowSpeed);
	}
});


/** Afficher le menu déroulant de l'entête **/
function montrer_menu(id_liste, id_menu, lien_menu)
{
	getId(id_liste).style.visibility = 'visible';
	
	if (getId('vignette_flash'))
	{
		getId('vignette_flash').style.visibility = 'hidden';
	}
}

/** Cacher le menu déroulant de l'entête **/
function cacher_menu(id_liste, id_menu, lien_menu)
{
	getId(id_liste).style.visibility = 'hidden';
	
	if (getId('vignette_flash'))
	{
		getId('vignette_flash').style.visibility = 'visible';
	}
}

/*
function clear_menu(id_liste, id_menu, lien_menu)
{
	setTimeout(function() { cacher_menu(id_liste, id_menu, lien_menu); }, 500);
}
*/

/** Change aléatoirement la couleur des hover des menu hauts **/
function couleurMenu(test, id)
{
	// alert('VERIF-FONCTION-UTLISEE : couleurMenu(test, id)');
	var tabCouleurs = new Array("#E00119", "#F49505", "#BC121F");
	var couleurDefaultIE = "#E45100";
	var indice = Math.floor(Math.random() * tabCouleurs.length);
	
	if (test == 'on')	getId(id).style.backgroundColor = tabCouleurs[indice];
	else 				getId(id).style.backgroundColor = couleurDefaultIE;
}

/** fonction pour l'affichage du login Mon Compte **/
function afficherLoginCompte(elem)
{
	if(verif_init_marche(elem) == false) return false;
	
	opacityOn();
	getId('login_compte').style.display = 'block';
	// Gestion du focus
	loginCompteFocus();
	//getId('login_compte').innerHTML = '<img id="logo_lv" src="site/media/cartes/logo_lv.png" alt="" /><br /><br /><img id="gif_loading" src="site/media/cartes/ajax-loader.gif" alt="" /><br /><br /><span class="ajax_loading">Loading,<br />Wait a second...</span>';
}

function loginCompteFocus()
{
	if(getId('login_email') && getId('login_email').value == '')
	{
		getId('login_email').focus();
	}
	else if(getId('login_password'))
	{
		getId('login_password').focus();
	}
}

/** fonction pour l'affichage du mot de passe oublié **/
function afficherMdpOublie()
{
	opacityOn();
	getId('mdp_oublie').style.display = 'block';
	getId('login_compte').style.display = 'none';
}

/** fonction pour changer le fond du header automatiquement sans fondu **/
function changerHeaderBackground()
{
	// alert('VERIF-FONCTION-UTLISEE : changerHeaderBackground');

	var fond = document.body.style.backgroundImage;
	
	if(fond == '') document.body.style.backgroundImage = 'url(site/media/header/fond1.jpg)';
	else
	{
		for(var i = 1; i <= 3; i++)
		{
			if(fond.match(i)) document.body.style.backgroundImage = 'url(site/media/header/fond' + (i + 1) + '.jpg)';
		}
	}
	setTimeout('changerHeaderBackground()', 10000);
}

/** fonction pour adapter la largeur du fond pour infos lagrange dans le header **/
function resizeFondOpaque()
{
	// alert('VERIF-FONCTION-UTLISEE : resizeFondOpaque');
	// alert(getId('infos_lagrange').offsetWidth + 'px'); 
	getId('infos_lagrange_fond').style.width = getId('infos_lagrange').offsetWidth + 'px';
}


/** fonctions pour changer le fond du header automatiquement sans fondu **/
var currentOpacity;
var fading;
var galleryContainer;
var imagesArray;
var imagesTotalNumber;
var activeImage;
var nextActiveImage;
var timeBetweenSlides;

function initGallery()
{
	// alert('VERIF-FONCTION-UTLISEE : initGallery');
	// on récupère le contenu du bloc cadre_bg_temporaire dans le footer pour remplir le bloc bg_header dans le header.
	var contenuBgHeader = $('div#cadre_bg_temporaire').html();
	$('div#cadre_bg_temporaire').html('');
	$('div#bg_header').html(contenuBgHeader);
	
	if($('div.background[id^="bg_"]').length > 1)
	{
		getImages();
		
		for(var i = 0; i < imagesTotalNumber; i++)
		{
			if(document.all) getId('bg_' + i).style.filter = 'alpha(opacity=100)';
			else getId('bg_' + i).style.opacity = '0.99';
			
			getId('bg_' + i).style.visibility = 'hidden';
		}
		
		// alert(getId('bg_0').style.visibility);
		getId('bg_0').style.visibility = 'visible';
		
		activeImage = -1;
		nextActiveImage = 0;
		timeBetweenSlides = 10000;
		currentOpacity = 100;
		if(navVersion() == '6') fading = false;
		else fading = true;
		
		// preloadImages();
		setTimeout('preloadImages()', timeBetweenSlides/2);
		
		// nextImages();
		// setTimeout('nextImages()', timeBetweenSlides);
	}
}

function preloadImages()
{
	activeImage = nextActiveImage;
	
	if(nextActiveImage + 1 == imagesTotalNumber) nextActiveImage = 0;
	else nextActiveImage++;
	
	if(getId('bg_' + nextActiveImage).style.backgroundImage == '') getId('bg_' + nextActiveImage).style.backgroundImage = 'url(' + getId('src_' + nextActiveImage).innerHTML + ')';
	
	setTimeout('nextImages()', timeBetweenSlides/2);
}

function getImages()
{
	galleryContainer = getId('bg_header');
	
	imagesArray = galleryContainer.getElementsByTagName('DIV');
	imagesTotalNumber = imagesArray.length;
}

function nextImages()
{
	// activeImage = nextActiveImage;
	
	// if(nextActiveImage + 1 == imagesTotalNumber) nextActiveImage = 0;
	// else nextActiveImage++;
	
	if(fading)
	{
		setTimeout('showImage()', timeBetweenSlides/2);
	}
	else
	{
		// if(getId('bg_' + nextActiveImage).style.backgroundImage == '') getId('bg_' + nextActiveImage).style.backgroundImage = 'url(' + getId('src_' + nextActiveImage).innerHTML + ')';
		
		getId('bg_' + nextActiveImage).style.visibility = 'visible';
		getId('bg_' + activeImage).style.visibility = 'hidden';
		
		// setTimeout('nextImages()', timeBetweenSlides/2);
		setTimeout('preloadImages()', timeBetweenSlides/2);
	}
}

function showImage()
{
	if(currentOpacity == 100)
	{
		// if(getId('bg_' + nextActiveImage).style.backgroundImage == '') getId('bg_' + nextActiveImage).style.backgroundImage = 'url(' + getId('src_' + nextActiveImage).innerHTML + ')';
		getId('bg_' + nextActiveImage).style.visibility = 'visible';
	}
	
	currentOpacity = currentOpacity - 3;
	
	if(document.all) // IE
	{
		getId('bg_' + activeImage).style.filter = 'alpha(opacity=' + currentOpacity + ')';
		getId('bg_' + nextActiveImage).style.filter = 'alpha(opacity=' + (100 - currentOpacity) + ')';
	}
	else // FF
	{
		getId('bg_' + activeImage).style.opacity = Math.max(0.01, currentOpacity / 100); // Can't use 1 and 0 because of screen flickering in FF
		getId('bg_' + nextActiveImage).style.opacity = Math.min(0.99, (1 - (currentOpacity / 100)));
	}
	
	if(currentOpacity > 0) setTimeout('showImage()', 20);
	else
	{
		currentOpacity = 100;
		preloadImages();
		// nextImages();
	}
}