// JavaScript Document
//var nomClient="";

//alert(image);
function opaciteImage () {
	// opacite au survole d'une image
$("#petiteImage a").mouseover(function(){		
		$('#petiteImage a ').css({opacity:"0.40", filter:'alpha(opacity=40)'});
		PetiteImageSelectionne.css({ opacity:"1",filter:'alpha(opacity=100)'});	
		PetiteImageSelectionne.mouseover(function(){PetiteImageSelectionne.css({ opacity:"1",filter:'alpha(opacity=100)' });});
		$(this).css({ opacity:"0.6",filter:'alpha(opacity=60)' });
	});
PetiteImageSelectionne.mouseover(function(){PetiteImageSelectionne.css({ opacity:"1",filter:'alpha(opacity=100)' });})
}

function ImageSlide (position) {	
	$("#listeImage").wslide({
				
		pos:position,
		col:1,
                width: 700,
                height: 500,
		fade:false,
                horiz: true,
		autolink: false,
		duration: 500
				
				
        })	

}
function ClickPetiteImage (){
		$("#petiteImage a").click(function(){
		$("#petiteImage a").css({opacity:"0.4", filter:'alpha(opacity=40)' });
		PetiteImageSelectionne = $(this) ;
		$(this).css({opacity:"1", filter:'alpha(opacity=100)' });
		
		});
}


$(function() {
						   
			$('.texte').hide();			
			$('#grandeImage').fadeIn(5000);
			$('#petiteImage').fadeIn(5000);
			$('#categorieClient a ').css({opacity:"0.40", filter:'alpha(opacity=40)' });
			$('#'+nomClient).css({opacity:"1", filter:'alpha(opacity=100)' });
			logoSelectionne = $('#'+nomClient) ;
			// changement opacité au survol d'un logo client
			$('#categorieClient a').mouseover(function(){		
					$('#categorieClient a ').css({opacity:"0.40", filter:'alpha(opacity=40)'});
					logoSelectionne.css({ opacity:"1",filter:'alpha(opacity=100)' });
					logoSelectionne.mouseover(function(){logoSelectionne.css({ opacity:"1",filter:'alpha(opacity=100)' });});
					$(this).css({ opacity:"0.6",filter:'alpha(opacity=60)' });
				});
			logoSelectionne.mouseover(function(){logoSelectionne.css({ opacity:"1",filter:'alpha(opacity=100)' });});
			$('#petiteImage a ').css({opacity:"0.40", filter:'alpha(opacity=40)' });//  tout  las balise <a> sont mise à une opacité de 0.5			
			$('#'+image).css({opacity:"1", filter:'alpha(opacity=100)' });// la première  est mise à une opacité de 1
			PetiteImageSelectionne = $('#'+image) ;
			opaciteImage ();
			//recherche de la position par default  pour le plugin Wslide
			var Tpos = $('#'+image).attr('href').split('-');
			Spos = Tpos[1]; 
			// position du tiret
			pos = parseInt(Spos);
			//alert(pos);
			ImageSlide(pos);
			ClickPetiteImage ();
			$('#categorieClient a').click(function(){ 												   
						
						nomclient = $(this).attr('id') ;
						
						$('#categorieClient a ').css({opacity:"0.40",filter:'alpha(opacity=40'});						
						$(this).css({ opacity:"1",filter:'alpha(opacity=100)' });
						logoSelectionne = $(this) ;
						
						
						$.ajax({
							  type:"POST",
							  url: chemin+"/script_php/grande_image_wslide.php",
							  data:"client="+nomclient+"&chemin="+chemin,
							  success: function(msg){
								  
								  $('#grandeImage').replaceWith(msg);								  
								  $('.texte').hide();
														  
							  }				  
						});
						$.ajax({
							  type:"POST",
							  url: chemin+"/script_php/petite_image_wslide.php",
							  data:"client="+nomclient+"&chemin="+chemin,
							  success: function(msg){
								  
								  $('#petiteImage').replaceWith(msg);								  
								  $('.texte').hide();	
								  ClickPetiteImage ();
								  $('#petiteImage a ').css({opacity:"0.40", filter:'alpha(opacity=40)' });//  tout  las balise <a> sont mise à une opacité de 0.5
								  $('#petiteImage a:first-child ').css({opacity:"1", filter:'alpha(opacity=100)' });// la première  est mise à une opacité de 1
								  PetiteImageSelectionne = $('#petiteImage a:first-child ') ;
								  opaciteImage();
								 }	
								 
						}); 
						
						return false;		
									
					}); 
					
			$(this).ajaxSend(function(request,settings){
				$('#grandeImage').append("<div id='loading'><img src='"+chemin+"/img/ajax-loader.gif' /></div>");	
				});
			$(this).ajaxComplete(function(request,settings){
				$('#loading').remove();
				ImageSlide ();
				});
		
	/*	$('#admin').click(function(){ 
				$('body').append("<div id='connect_admin'></div>") ;				
				$('#connect_admin').append('<fieldset><legend>Connexion page Admin</legend>'+
											'<form action="redirect.php"  method="post">'+
											'Login<br /><input name="login" type="text" value="Entrez votre login" size="40" maxlength="40" /><br/>'+
											'Pass<br /><input name="pass" type="text" value="*****" size="40" maxlength="40" />'+
											'<input name="envoyer" type="submit" value="Envoyer" />'+
											'</form>'+
											'</fieldset>');
				return false;
			});*/
		
				
});