rubrique_effet = [] ;
longueur_rubrique = [] ;
longueur_colonne = [] ;
opacite_rubrique = [] ;

menu_effet = [] ;
Header_Menu_Depart = '' ;
Header_Menu_Arrivee = '' ;


// RECHERCHE => Focus

function Search_Focus()
	{

		// On a toujours le Focus sur la recherche
		
		if ( document.activeElement.id == "header-search-input" )
			{
			
				document.getElementById("header-search").className="header-search-focus";
				setTimeout ( "Search_Focus()", 250 ) ;
				
				if ( document.getElementById("header-search-input").value.length > 0 )
					{
						document.getElementById("header-search-label").style.color="#FFFFFF";
						document.getElementById("header-search-reset").style.display="block";
					}
				else
				{
						document.getElementById("header-search-label").style.color="#999999";
						document.getElementById("header-search-reset").style.display="none";
				}
			
			}
			
			
			
			
		// On perd le focus
		
		else
			{
			
				if ( document.getElementById("header-search-input").value.length > 0 )
					{
						document.getElementById("header-search-label").style.color="#FFFFFF";
						document.getElementById("header-search-reset").style.display="block";
					}
				
				else
					{
						document.getElementById("header-search").className="header-search";
						document.getElementById("header-search-label").style.color="#999999";
						document.getElementById("header-search-reset").style.display="none";
					}
					
					clearTimeout();
				
			}			

	} 





// RECHERCHE => Reset

function Search_Reset ( type )
	{
	
		// On passe avec la souris
		
		if ( type == 'down' )
			{
				document.getElementById("header-search-reset").className="header-search-reset-down";
			}
		
		
		
		
		// On relache la souris
		
		if ( type == 'up' )
			{
				document.getElementById("header-search-reset").className="header-search-reset";
				document.getElementById("header-search-input").value = "" ;
				Search_Focus();
			}
		
		
		
		
		// On relache la souris en dehors
		
		if ( type == 'out' )
			{
				document.getElementById("header-search-reset").className="header-search-reset";
			}
		
	
	} 





// RECHERCHE => Nombre de produit trouvés

function Search_Result ( type )
	{
	
		// Activation du résultat de recherche
		
		if ( type == 'on' )
			{
			
				if ( document.getElementById("header-search-input" ).value.length > 3 )
					{
				
						var xhr = AJAX_Init ( ) ;
						
						
						// On défini ce qu'on va faire quand on aura la réponse
						
						xhr.onreadystatechange = function ( )
							{
							
								// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
								
								if ( xhr.readyState == 4 && xhr.status == 200 )
									{
									
										// On se sert de innerHTML pour rajouter les éléments au caddie
							
										result = xhr.responseText ;
										
										document.getElementById( "header-search-result" ).innerHTML = result + ' Résultats' ;
										document.getElementById( "header-search-result" ).style.cursor = "pointer" ;
										
									}
									
							}
						
						
						// Envoie du fichier Navigation à traiter
						
						xhr.open ( "GET" , "frames/search_rapid.php?search=" + document.getElementById("header-search-input" ).value, true ) ;
						
						xhr.send ( null ) ;
	
					
					}
					
					
				else
					{
						document.getElementById("header-search-result" ).innerHTML = '4 caract. min.' ;
						document.getElementById( "header-search-result" ).style.cursor = "default" ;
					}
			
			}
		
		
		
		
		// Masquage du résultat
		
		else if ( type == 'off' )
			{
				document.getElementById( "header-search-result" ).innerHTML = "";
				document.getElementById( "header-search-result" ).style.cursor = "default" ;
			}
			
			
			
			
		// Go to search
			
		else if ( type == 'go')
			{
				document.location.replace ( 'index.php?s=' + ( document.getElementById("header-search-input" ).value ) ) ;
			}
		
	}
	
	
	
	

// RECHERCHE => Submit > 3 caractères

function Search_submit ( )
	{
	
		if ( document.getElementById ( 'header-search-input' ).value.length < 4 )
			{
				return false ;
				
			}
		else
			{
				return true ;
			}
	
	}





// Fonction Menu Fluide

function Header_Menu_Effet ( type )
	{
	
		// Initialisation de l'effet
		
		if ( type == 'on' )
			{

				// Initialisation des variables d'effet
				
				if ( Header_Menu_Depart == '' || Header_Menu_Depart == 'undefined' )
					{
						Header_Menu_Depart = Header_Menu_Arrivee ;
					}
					
				frequence = 10 ;
				
				distance_start = document.getElementById ( Header_Menu_Depart ).offsetLeft ;
				longueur_start = document.getElementById ( Header_Menu_Depart ).offsetWidth ;

				document.getElementById ( 'header-menu-effect' ).style.visibility = "visible" ;
					
				distance_freq = ( document.getElementById ( Header_Menu_Arrivee ).offsetLeft - distance_start ) / frequence ;
				longueur_freq = ( document.getElementById ( Header_Menu_Arrivee ).offsetWidth - longueur_start ) / frequence ;
				
				distance_final = 0 ;
				longueur_final = 0 ;
				
				
				
				// Lancement de l'effet
			
				menu_effet[Header_Menu_Arrivee] = setInterval ( "Header_Menu_Effet('onon')", 20 ) ;
			
			}
			
			
			
			
		// Effet
		
		if ( type == 'onon' )
			{
				
				distance_final = distance_final + distance_freq ;
				longueur_final = longueur_final + longueur_freq ;
				
				frequence = frequence - 1 ;
				
				document.getElementById ( 'header-menu-effect' ).style.left = distance_start + distance_final + 10 + "px" ;
				document.getElementById ( 'header-menu-effect' ).style.width = longueur_start + longueur_final + "px" ;
				
				if ( frequence < 1 ) 
					{
					
						clearInterval ( menu_effet[Header_Menu_Arrivee] ) ;
					
					}
					
			}
	
	
	
		
		// Extinction de l'effet
		
		if ( type == 'off' )
			{
			
				clearInterval ( menu_effet[Header_Menu_Arrivee] ) ;
				document.getElementById ( 'header-menu-effect' ).style.visibility = "hidden" ;
				
			}
	
	}
	




// SlideShow de la bannière

function Header_SlideShow_Init ( )
	{
		
		// Initialisation de variables
		
		slideshow_path = "medias/header/" ;
		slideshow_time = 10 ;
		
		
		
		
		// Mélange du tableau
		
		slideshow_array = Array_Shuffle ( slideshow_array ) ;
		
		


		// Ajout des premiers visuels

		document.getElementById( "header-interactif-2-img" ).style.opacity = 0 ;
		document.getElementById( "header-interactif-2-img" ).style.filter = "alpha(opacity=0)" ;

		Image_Check_Loading ( slideshow_path, slideshow_array[0], "header-interactif-1-img" ) ;
		Image_Check_Loading ( slideshow_path, slideshow_array[1], "header-interactif-2-img" ) ;

		
		
		
		// Lancement de l'intervalle de transition
		
		attente = setInterval ( "Header_Slideshow_Encours()", 1000 * slideshow_time ) ;
		
	}
	




function Header_Slideshow_Encours ( )
	{
		
		opacite = 100 ;
		transition = setInterval('Header_SlideShow_Transition()', 50 ) ;
		
		document.getElementById( "header-interactif-2-img" ).style.filter = "alpha(opacity=100)" ;
		document.getElementById( "header-interactif-2-img" ).style.opacity = 1 ;
	
	}
	
	
	
	
		
function Header_SlideShow_Transition ( )
	{
		
		// Modification de l'opacité
		
		opacite = opacite - 6 ;
		
		document.getElementById( "header-interactif-1-img" ).style.opacity = opacite / 100 ;
		document.getElementById( "header-interactif-1-img" ).style.filter = "alpha(opacity=" + opacite + ")" ;
		
		
		
		
		// Transition terminée : on traite tableau et nouveaux visuels
		
		if ( opacite < 10 )
			{
				
				// Fin de transition
				
				clearInterval ( transition ) ;
				
				
				
				// Traitement du tableau : premier en dernier
				
				slideshow_array.push(slideshow_array[0]) ;
				slideshow_array.shift() ;
				
				
				
				// Traitement des visuels
				
				document.getElementById( "header-interactif-1-img" ).src = slideshow_path + slideshow_array[0] ;
				document.getElementById( "header-interactif-1-img" ).style.opacity = 1 ;
				document.getElementById( "header-interactif-1-img" ).style.filter = "alpha(opacity=100)" ;
				document.getElementById( "header-interactif-2-img" ).src = slideshow_path + slideshow_array[1] ;
				
				
			}
	
	}
	
	
	
	

// Colonne effet

function Colonne_Rubrique_Effet ( id, types )
	{

		if ( types == 'on' )
			{
	
				clearInterval ( rubrique_effet['colonne_' + id] ) ;

				if ( isNaN ( opacite_rubrique['colonne_' + id] ) )
					{
						opacite_rubrique['colonne_' + id] = 0 ;
					}

				longueur_rubrique['colonne_' + id] = document.getElementById( 'colonne_' + id ).offsetWidth - 10 ;

				document.getElementById( 'colonne_' + id ).style.opacity = ( opacite_rubrique['colonne_' + id] / 100 ) ;
				document.getElementById( 'colonne_' + id ).style.filter = "alpha(opacity=" + opacite_rubrique['colonne_' + id] + ")" ;
				document.getElementById( 'colonne_' + id ).style.backgroundColor = 'red' ;

				rubrique_effet['colonne_' + id] = setInterval ( "Colonne_Rubrique_Effet('" + id + "','onon')", 10 ) ;
				
			}




		if ( types == 'onon' )
			{
				
				if ( longueur_rubrique['colonne_' + id] > 269 )
					{
						clearInterval ( rubrique_effet['colonne_' + id] ) ;
						opacite_rubrique['colonne_' + id] = 69 ;
					}
					
				else
					{
					
						opacite_rubrique['colonne_' + id] = opacite_rubrique['colonne_' + id] + 3 ;
		
						longueur_rubrique['colonne_' + id] = longueur_rubrique['colonne_' + id] + 1.5 ;
						
		 				document.getElementById( 'rubrique_' + id ).style.width = longueur_rubrique['colonne_' + id] + "px" ;
		  				document.getElementById( 'colonne_' + id ).style.width = longueur_rubrique['colonne_' + id] + "px" ;
						
						document.getElementById( 'colonne_' + id ).style.opacity = opacite_rubrique['colonne_' + id] / 100 ;
						document.getElementById( 'colonne_' + id ).style.filter = "alpha(opacity=" + opacite_rubrique['colonne_' + id] + ")" ;

					}
			
			}




		if ( types == 'off' )
			{
			
				clearInterval ( rubrique_effet['colonne_' + id] ) ;
				
				rubrique_effet['colonne_' + id] = setInterval ( "Colonne_Rubrique_Effet('" + id + "','offoff')", 30 ) ;
				
			}




		if ( types == 'offoff' )
			{
			
				if ( longueur_rubrique['colonne_' + id] < 236 )
					{
					
						clearInterval ( rubrique_effet['colonne_' + id] ) ;

						document.getElementById( 'colonne_' + id ).style.backgroundColor = "" ;
						opacite_rubrique['colonne_' + id] = 0 ;

					}
					
				else
					{
						
						opacite_rubrique['colonne_' + id] = opacite_rubrique['colonne_' + id] - 3 ;

						longueur_rubrique['colonne_' + id] = longueur_rubrique['colonne_' + id] - 1.5 ;
						
		 				document.getElementById( 'rubrique_' + id ).style.width = longueur_rubrique['colonne_' + id] + "px" ;
		  				document.getElementById( 'colonne_' + id ).style.width = longueur_rubrique['colonne_' + id] + "px" ;
		
						document.getElementById( 'colonne_' + id ).style.opacity = opacite_rubrique['colonne_' + id] / 100 ;
						document.getElementById( 'colonne_' + id ).style.filter = "alpha(opacity=" + opacite_rubrique['colonne_' + id] + ")" ;
						
					}
			
			}
	
	}	





// Mélange aléatoire d'un tableau

function Array_Shuffle ( tableau )
	{
	
		var j = 0 ;
		var valI = '' ;
		var valJ = valI ;
		var l = tableau.length - 1 ;
		
		while ( l > -1 )
			{
				j = Math.floor ( Math.random ( ) * l ) ;
				valI = tableau[l] ;
				valJ = tableau[j] ;
				tableau[l] = valJ ;
				tableau[j] = valI ;
				l = l - 1 ;
			}
			
		return tableau ;
	}





// Vérification du chargement d'une image

function Image_Check_Loading ( path, image, name )
	{

		Loader = new Image() ; 
		Loader.src = path + image ;

		if ( Loader.complete == true )
			{
				document.getElementById( name ).src = Loader.src ;
			}
			
		else
			{
				setTimeout ( "Image_Check_Loading( '" + path + "', '" + image + "', '" + name + "' )", 60 ) ;  
			}
	
	}	
	
	
	
	

// Remplacement de balise <a>

function Ancre_link ( url, type, couleur )
	{
		
		// ON => On souligne
		
		if ( type == "on" )
			{
				document.getElementById( url ).style.backgroundColor = couleur ;
			}
		
		
		
		
		// OFF => on dé-sous-ligne

		else if ( type == "off" )
			{
				document.getElementById( url ).style.backgroundColor = "" ;
			}
		
		
		
		
		// GO => On y va
		
		else if ( type == "go" )
			{
				document.location.replace( url ) ;
			}
		
	}
		
		
		
		
		
// AJAX Initialisation

function AJAX_Init ( )
	{
	
		var xhr = null ;
		
		if ( window.XMLHttpRequest )
			{ 
				xhr = new XMLHttpRequest ( ) ;
			}
		
		else if ( window.ActiveXObject ) 
			{
				try
					{
						xhr = new ActiveXObject ( "Msxml2.XMLHTTP" ) ;
			            }
				
				catch (e)
					{
						xhr = new ActiveXObject ( "Microsoft.XMLHTTP" ) ;
					}
			}
			
		else
			{ 
				alert ( "Votre navigateur ne supporte pas les objets XMLHTTPRequest..." ) ; 
				xhr = false; 
			}

		return xhr ;
		
	}