var nav=(navigator.appName).toLowerCase(); 

function AJAX(){
	
	if(window.XMLHttpRequest)// Firefox
	{
		xhr_object = new XMLHttpRequest(); 
	}
	else if(window.ActiveXObject)// Internet Explorer 
	{
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else
	{ // XMLHttpRequest non supporté par le navigateur 
		 alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		 return false; 
	}
}

//fin AJAX

function precharger_image(url)
{
	var imgR = new Image();
	imgR.src=url;
	return imgR;
}


$(document).ready(function(){
						   
	var SELECT;
	var SELECT_ID;
	var ID;
	var tab_couleur = new Array('#99b8b7' , '#30C0E7' , '#91C1B0' , '#91C1B0' , '#91C1B0');
	var tab_fond = new Array('ESTIVES-ACTU.jpg' , 'ESTIVES-AGENCE.jpg' , 'ESTIVES-BOOK.jpg' , 'ESTIVES-CLIENT.jpg','ESTIVES-CONTACT.jpg'	);
	var positions = new Array();
	var pos = 0;
	var LargeurNew = 0;
	var NOM_CLIENT;
	var TITRE_TRAVAUX;
	var IMG_CIBLE;
	var tab_elements = new Array();
	var image1;
	
	var SOUS_MENU_CIBLE;
	var SOUS_MENU_ID_CIBLE = 0;
	
	var BOOK = 0;
	var tab_op;
	var PREMIER_CLICK = 0 ;
	var DEFILEMENT_OK = 1;
	
	
	//SOUS MENU
	AJAX();
	//on ouvre le fichier php
	xhr_object.open("POST", "trait_book_clients_liste.php", true); 
	
	//envoi des elements
	xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
	
	var contenu = "contenu=clients";
	
	
	xhr_object.send(contenu);
	//reception
	xhr_object.onreadystatechange = function()
	{ 
		if(xhr_object.readyState == 4)
		{
			
			$("#clients_conteneur_nom").html(xhr_object.responseText);
			
			//premier bouton
			$("#clients_conteneur_nom span:first").css({ "color" : "#91C1B0" });
			SOUS_MENU_CIBLE = $("#clients_conteneur_nom span:first");
			
			
			
			$("#clients_conteneur_nom span").each(function(j){
				$(this).click(function(){
					
						//on  place le slide à la bonne place
						$('#slider').stop().animate({"left" : -positions[$(this).attr('id')]+'px'},1000);
						$("#titre_travaux_book").html(tab_op[$(this).attr('id')]);
						
						
						SOUS_MENU_CIBLE.css({ "color" : "#666666" });
						$(this).css({ "color" : "#91C1B0" });
						SOUS_MENU_CIBLE = $(this);
						SOUS_MENU_ID_CIBLE = parseInt($(this).attr('id'));
						pos = SOUS_MENU_ID_CIBLE;
						
						$("#slide_bouton_gauche img").attr({ "title" : tab_op_titre_simple[pos-1] , "alt" : tab_op_titre_simple[pos-1]  });
						$("#slide_bouton_droit img").attr({ "title" : tab_op_titre_simple[pos+1] , "alt" : tab_op_titre_simple[pos+1] });
					
				})
			})
			
			
		}
	}
	//FIN SOUS MENU
	
	//ACTION LOGO
	$('#logo img').click(function(){
		DEFILEMENT_OK = 1;
		$("#definition_estives").fadeIn();
		
		$("#affichage").animate( { height : '0px' , top : '140px' } , "slow" );
		
		if( PREMIER_CLICK !== 0)
		{
			SELECT.css({ 'color' : "#FFFFFF" });
		
			$("#pastille").css( { background : 'url(images/elements/estives_pastille_noir.png) no-repeat center' });	
			
			$("#pastille").find("p").each(
				function(i){
					$(this).animate({ 'top':'0'} );
				})
			
			BOOK = 0;
			
			$("#pastille_sous_menu_book").fadeOut();
			//LOADER IMAGE FOND
				image1 = precharger_image('images/Fonds/ESTIVES-ACCUEIL.jpg');
												
				image1.onload = function()
				{
					$("#backgroundImage").fadeOut(150, function(){  
						//on la ré-affiche avec un effet de transparence  
						$("#backgroundImage").css( {"background-image" : "url(images/Fonds/ESTIVES-ACCUEIL.jpg)"} );
						$("#backgroundImage").fadeIn();
					});  
					
				};		
		}
	})
	//FIN ACTION LOGO
	
	//MENU
	$("#pastille").find("p").each(
	function(i){
		$(this).css({ position : "relative" , 'z-index' : 5+i , 'top':'0'} );
		//CLICK MENU
		$(this).click(function(){
			PREMIER_CLICK = 1;
			$("#definition_estives").fadeOut();	  
			$("#titre_travaux_book").html("");
			//NUM == 2
			if( $(this).attr('name') == 2 )
			{
				DEFILEMENT_OK = 1;
				BOOK = 1;
				$("#slider").html('<div id="loading"><img src="images/LOADER/loadingAnimation.gif" /></div>');
				
			
				$("#affichage").animate( { height : '0px' , top : '140px' } , "slow" ).animate( { height : '187px' , top : '-46px' } , "slow" ,
			   function(){
				   
				    //AFFICHAGE DES TRAVAUX
				    AJAX();
					//on ouvre le fichier php
					xhr_object.open("POST", "trait_contenu_book.php", true); 
					//envoi des elements
					xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
					var contenu = "contenu="+$(this).attr('id');
					xhr_object.send(contenu); 
					//reception
					xhr_object.onreadystatechange = function(){ 
						
						positions = new Array();
						pos = 0;
						
						if(xhr_object.readyState == 4){
							$("#slider").html("");
							
							
							tab_elements = xhr_object.responseText.split('§');
							
							
							//0 -> IMG
							//1 -> NBR ELEMENTS
							//2 -> TITRE OP
							//3 -> TITRE SIMPLE
							
							
							tab_op = tab_elements[2].split('||');
							tab_op.pop();
							
							tab_op_titre_simple = tab_elements[3].split('||');
							tab_op_titre_simple.pop();
							
							
							
							$("#slider").html(tab_elements[0]);
							$("#slider").css({ "width" : (898 * tab_elements[1])+"px"});
							
							
							
							for( var k=0 ; k< tab_elements[1] ; k++)
							{
								positions[k] =  (898 * k );
							}
							
							$("#slider .box").lightBox();
							
							NOM_CLIENT = $(".conteneur_images_slide").attr("id");
							TITRE_TRAVAUX = $(".conteneur_images_slide").attr("name");
							$("#titre_travaux_book").html("<span>"+NOM_CLIENT+"</span> : "+TITRE_TRAVAUX);
							$("#pastille_sous_menu_book").fadeIn();	
							$('.scroll-pane').jScrollPane();
							
							$("#slide_bouton_gauche img").attr({ "title" : "" , "alt" : "" });
							$("#slide_bouton_droit img").attr({ "title" : tab_op_titre_simple[1] , "alt" : tab_op_titre_simple[1]  });
						
							
							
						}//xhr_object.readyState == 4
					}
					//FIN RECEPTION NOM CLIENT SOUS MENU
			});
			
			$('#slider').fadeIn();
			}//FIN NUM == 2
			else if( $(this).attr('name') == 3 )
			{
				DEFILEMENT_OK = 0;
				BOOK = 0;
				$("#pastille_sous_menu_book").fadeOut();
				$("#affichage").animate( { height : '0px' , top : '140px' } , "slow" , function(){
					$("#slider").html('<div id="loading"><img src="images/LOADER/loadingAnimation.gif" /></div>');
					$("#slider").html('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="924" height="151" title="CLIENTS ESTIVES"><param name="movie" value="ESTIVES-CLIENTS.swf" /><param name="quality" value="high" /><embed src="ESTIVES-CLIENTS.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="924" height="171"></embed></object>');
					$("#affichage").animate( { height : '187px' , top : '-46px'  } , "slow" , function(){  $('#slider').fadeIn(); });
				})//FIN ANIMATE
			}//FIN NUM == 3
			else
			{
				DEFILEMENT_OK = 1;
				BOOK = 0;
				$("#pastille_sous_menu_book").fadeOut();
				$("#affichage").animate( { height : '0px' , top : '140px' } , "slow" , function(){
					$("#slider").html('<div id="loading"><img src="images/LOADER/loadingAnimation.gif" /></div>');
					AJAX();
					//on ouvre le fichier php
					xhr_object.open("POST", "trait_contenu.php", true); 
					//envoi des elements
					xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
					var contenu = "contenu="+SELECT_ID;
					xhr_object.send(contenu); 
					//reception
					xhr_object.onreadystatechange = function()
					{ 
						positions = new Array();
						pos = 0;
						
						if(xhr_object.readyState == 4)
						{
							
							$("#slider").html(xhr_object.responseText);
							$("#slider").find(".slide_item").each(function(j){
								$(this).css({ "left" : (465 * j)+"px" , "top" : -(162 *j)+"px" , "z-index" : 50+j });
								positions[j] =  (465* j );
							});
							$("#slider").css({ "width" : "924px"});
							if(SELECT_ID == 0)
							{
								$("#slider .box").lightBox();	
							}
						}//fin if
					}//fin reception
				
					
					$("#affichage").animate( { height : '187px' , top : '-46px'  } , "slow" , function(){  $('#slider').fadeIn(); });
				})//FIN ANIMATE
			}
			
			
			
			if( SELECT !== undefined)
			{
				SELECT.css({ 'color' : "#FFFFFF" })
			}
			
			SELECT_ID = $(this).attr('name');
			$(this).addClass('select');
			$(this).css({ 'color' : tab_couleur[SELECT_ID] })
			SELECT = $(this);
			
			
			
			$("#pastille p").each(function(j){
				if( $(this).attr('name') >  SELECT_ID)
				{
					$(this).animate( { 'top' : "-"+(  ( parseInt(SELECT_ID) +1) * 30 )+'px' } , "slow" );
				}//FIN IF > SELECT_ID
				
				if( $(this).attr('name') <=  SELECT_ID)
				{
					$(this).animate( { 'top' : (122 - (i*30))+'px' } , "slow" );
				}//FIN IF <= SELECT_ID
			})//FIN EACH PASTILLE P
			
			
			$("#pastille").css( { background : 'url()' });
			
			//SLIDE
			$("#slider").css({ "left" :(0) , "top" : (0) } );
			
			//LOADER IMAGE FOND
			image1 = precharger_image('images/Fonds/'+tab_fond[SELECT_ID]);
											
			image1.onload = function()
			{
				$("#backgroundImage").fadeOut(150, function(){  
					//on la ré-affiche avec un effet de transparence  
					$("#backgroundImage").css( {"background-image" : "url(images/Fonds/"+tab_fond[SELECT_ID]+")"} );
					$("#backgroundImage").fadeIn();
				});  
				
			};
			
			
			
			
		})//FIN CLICK MENU
	})//FIN MENU
	

	
	
	
	
	$("#slide_bouton_droit").click(
		function(){
			if( DEFILEMENT_OK == 1)
			{
				if(BOOK == 1 )
				{
					$("#slide_bouton_gauche img").attr({ "title" : "" , "alt" : ""  });
					$("#slide_bouton_droit img").attr({ "title" : "" , "alt" : "" });
					
					if( pos < positions.length-1)
					{
						pos++;
						$("#slide_bouton_gauche img").attr({ "title" : tab_op_titre_simple[pos-1] , "alt" : tab_op_titre_simple[pos-1]  });
						$("#slide_bouton_droit img").attr({ "title" : tab_op_titre_simple[pos+1] , "alt" : tab_op_titre_simple[pos+1] });
						
					}
					else
					{
						
						pos=0;
						$("#slide_bouton_gauche img").attr({ "title" : "" , "alt" : "" });
						$("#slide_bouton_droit img").attr({ "title" : tab_op_titre_simple[1] , "alt" : tab_op_titre_simple[1]  });
						
					}
					
					SOUS_MENU_CIBLE.css({ "color" : "#666666" });
					$("#"+(pos)).css({ "color" : "#91C1B0" });
					SOUS_MENU_CIBLE = $("#"+(pos));
					SOUS_MENU_ID_CIBLE = pos;	
					$('#slider').stop().animate({"left" : -positions[pos]+'px'},1000);
					$("#titre_travaux_book").html(tab_op[pos]);
					
					
					
					
					
				}
				else
				{
					if( pos < positions.length-2)
					{
						pos+=2;
						$('#slider').stop().animate({"left" : -positions[pos]+'px'},1000);
						
					}
					else
					{
						pos=0;
						$('#slider').stop().animate({"left" : -positions[pos]+'px'},1000);
						
					}
				}	
			}
			
	});
	$("#slide_bouton_gauche").click(
		function(){
			if( DEFILEMENT_OK == 1)
			{
				
				if(BOOK == 1 )
					{
						$("#slide_bouton_gauche img").attr({ "title" : "" , "alt" : ""  });
						$("#slide_bouton_droit img").attr({ "title" : "" , "alt" : "" });
						
						if( pos > 0)
						{
							pos--;
							SOUS_MENU_CIBLE.css({ "color" : "#666666" });
						}
						else
						{
							pos = positions.length-1;
						}
						
						SOUS_MENU_CIBLE.css({ "color" : "#666666" });
						$("#"+(pos)).css({ "color" : "#91C1B0" });
						SOUS_MENU_CIBLE = $("#"+(pos));
						SOUS_MENU_ID_CIBLE = pos;	
						$('#slider').stop().animate({"left" : -positions[pos]+'px'},1000);
						$("#titre_travaux_book").html(tab_op[pos]);
						
						$("#slide_bouton_gauche img").attr({ "title" : tab_op_titre_simple[pos-1] , "alt" : tab_op_titre_simple[pos-1]  });
						$("#slide_bouton_droit img").attr({ "title" : tab_op_titre_simple[pos+1] , "alt" : tab_op_titre_simple[pos+1] });
						
					}
					else
					{
						if( pos > 0)
						{
							pos-=2;
							$('#slider').stop().animate({"left" : -positions[pos]+'px'},1000);	
						}
						else
						{
							
								
								pos=positions.length;
								$('#slider').stop().animate({"left" : -positions[pos]+'px'},1000);
							
							 
						}
					}
			}
			
	});				

})//fin document.ready