//jQuery=$j;

function getScrollLeft() {
  var scrOfX = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfX = window.pageXOffset;
  } else if( document.body && document.body.scrollLeft ) {
    //DOM compliant
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && document.documentElement.scrollLeft ) {
    //IE6 standards compliant mode
    scrOfX = document.documentElement.scrollLeft;
  }
  return scrOfX;
}

function getScrollTop() {
  scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
  } else if( document.body && document.body.scrollTop ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
  } else if( document.documentElement && document.documentElement.scrollTop ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
  }
  return scrOfY;
}

	//config global
	jQuery(".slides3").css('cursor','pointer');
	var diapoVitesseSlide = 2;// en 1000px/s
	var tempsDiapo = 10000;//le temps entre l'apparition d'une image et le passage à la suivante
	var diapoTimer;//objet contenant le timer des diapos
	var diapoCurrentId;
	var diapoCurrentImage;
	var diapoActif=true;
	var diapoScrollPos;
	
//initialisation
jQuery('body').ready(function(){
	//on met en place les elements de la box.
	//jQuery('body').append('<div style="position:relative;botom:5px;top:50px;display:none;border: 0px #FF00FF solid;z-index:1002;text-align:center"id="diapoP"><div id="diapo"style="width:450px;z-index:1001;margin-left:auto;margin-right:auto;"><div id="diapoImage" style="position:relative;border:#888888 solid 4px;border-bottom:0px;padding:12px;background-color:#FFFFFF;"></div><div id="diapoLegende"style="border:#888888 solid 4px;border-top:0px;background-color:#FFFFFF;"><table style="border:0px black solid;padding-left:12px" id="diapoLegendeTab"><tr><td style="float:left;border:0px black solid;margin-right:7%;wrap:break-word;"><p id="diapoTexte"class="diapoStrong"style="font-family:Verdana,Helvetica,sans-serif;font-size:10px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.4em;wrap:break-word;"></p><p id="diapoCopyright">ici copyright</p><p id="diapoCompteur"></p><p id="diapoNav"style="padding-left:15px"><a href="#"onclick="diapoImagePrecedente()"><<precedent</a>||<a href="#"onclick="diapoImageSuivante()">suivant>></a></p></td><td style="width:160px;"valign="top"style="text-align:right"><img style="float:right;display:inline;cursor:pointer;" onclick="diapoCacher()"src="//icons/diapoFermer.png"/><img id="diapoPlayPause"style="float:right;display:inline;cursor:pointer;"src="//icons/diapoPause.png"onclick="diapoPlayPause()"/></td></tr></table></div></div><div id="diapoGlobal" style="background-color:#000000;position:absolute;opacity:0.8;filter:alpha(opacity=80);z-index:1232;display:none" />');
	jQuery('#diapoIci').html('<div style="position:absolute;width:100%;left:0px;z-index:1234"><div style="position:relative;botom:5px;top:500px;display:none;border: 0px #FF00FF solid;z-index:1002;text-align:center"id="diapoP"><div id="diapo"style="width:450px;z-index:1001;margin-left:auto;margin-right:auto;"><div id="diapoImage" style="position:relative;border:#888888 solid 4px;border-bottom:0px;padding:12px;background-color:#FFFFFF;"></div><div id="diapoLegende"style="border:#888888 solid 4px;border-top:0px;background-color:#FFFFFF;"><table style="border:0px black solid;padding-left:12px" id="diapoLegendeTab"><tr><td style="float:left;border:0px black solid;margin-right:7%;wrap:break-word;" id="td1"><p id="diapoTexte"class="diapoStrong"style="font-family:Verdana,Helvetica,sans-serif;font-size:10px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.4em;wrap:break-word;"></p><p id="diapoCopyright"></p><p id="diapoCompteur"></p></td><td id="td2" style="width:160px;"valign="top"style="text-align:right"><img style="float:right;display:inline;cursor:pointer;" onclick="diapoCacher()"src="/icons/diapoFermer.png"/><img id="diapoPlayPause" style="float:right;display:inline;cursor:pointer;"src="/icons/diapoPause.png"onclick="diapoPlayPause1()"/></td></tr><tr width="100%"><td width="100%"><p id="diapoNav"style="padding-left:15px"><a href="#" class="diapoImagePrecedente"><<precedent</a>||<a href="#" class="diapoImageSuivante">suivant>></a></p></td></tr></table></div></div></div></div><div id="diapoGlobal"style="background-color:#000000;position:absolute;opacity:0.8;filter:alpha(opacity=80);z-index:1232;display:none"></div>');
	
	jQuery('#diapoImage').css('height','200px');
	jQuery('#diapo').css('width','200px');
	
	$j('#sliders3 a').each(function(){
		$j(this).click(function(e){
			e.preventDefault();
		})
	});
	
	/*$j('#diapoGlobal').click(function(e){		// ferme la fenetre en cliquant sur le fond
		e.preventDefault();
		diapoCacher();
	});*/

});
	
	
	
	//fonction qui lance le diapo id 
	function diapoInit(id){
		diapoScrollPos = getScrollTop();
		diapoCurrentId=id;
		diapoCurrentImage=0;
		////alert('on est dans l\'init','kkk');
		//on affiche le calque translucide
		jQuery("#diapoGlobal").css('opacity','0').css('width','100%').css('height',jQuery('body').height()).css('top','0px').css('left','0px').css('display','block').animate( { opacity:"0.8" }, { queue:false, duration:400 } );
		//on affiche la box

		jQuery("#diapoP").css("display","block").css("z-index","1234").css("bottom",function(){
		//on calcule la position de la box
			var bodyHeight = parseInt(jQuery("body").height());
			var diapoPHeight = parseInt(jQuery("#diapoP").height());
			
			diapoScrollPos = getScrollTop();
			//alert('debug1:' + getScrollTop());
			//document.documentElement.scrollTop = 0;
			//alert('debug2:' + getScrollTop());
			var diapoPTop = 50 + parseInt(getScrollTop());
			
			
	    	jQuery("#diapoP").css('top',diapoPTop);
			
	    	jQuery('#td1').width("70%");
			////alert(diapoPTop);
			//diapoPTop = -500;
			
			return diapoPTop;
			
	
					
		});
		
		diapoAfficherImage();
		
		

	}
	function diapoImageSuivante(){
		diapoCurrentImage++;
		diapoAfficherImage();
		
	}
	function diapoImagePrecedente(){
		diapoCurrentImage--;
		diapoAfficherImage();
	}
	function diapoAfficherImage(){
	//	//alert('on rentre dans diapoAffichierImage');
		jQuery('#diapoImage').html('<img id="diapoImageChargement" src="/icons/loading.gif" />');
		
		//alert('#diapoImageSrc_' + diapoCurrentId + '_' + diapoCurrentImage);
		if (jQuery('#diapoImageSrc_' + diapoCurrentId + '_' + diapoCurrentImage).length > 0) {//si la source de l'image existe
			//alert(('id = diapoImage_' + diapoCurrentId + '_' + diapoCurrentImage));
			//alert('longueur=' + jQuery('#diapoImage_' + diapoCurrentId + '_' + diapoCurrentImage).length);
			if (jQuery('#diapoImage_' + diapoCurrentId + '_' + diapoCurrentImage).length == 0) {//si l'image n'est pas chargée
				//alert("l'image n'est pas chargée");
				//on charge l'image
				jQuery('#diapoContent_' + diapoCurrentId).append('<img id="diapoImage_' + diapoCurrentId + '_' + diapoCurrentImage + '" src="' + jQuery('#diapoImageSrc_' + diapoCurrentId + '_' + diapoCurrentImage).html() + '" />');
				jQuery('diapoImage_' + diapoCurrentId + '_' + diapoCurrentImage).ready(function(){
					//alert('on viend de charger notre image');
					diapoAfficherImage();
				});
			}
			else {
				//alert("l'image est apparement chargée");
				
				resizeBox();
				//ici on fait du resize
				//une on affiche l'image en callback
			}
		}else{
			diapoCacher();

		}
		
		
		
		
	}
	//fonction play pause
	function diapoPlayPause1(){
		//alert('poupou');
		if(diapoActif===true){
			diapoPause();
			diapoActif=false
		}else{
			diapoPlay();
			diapoActif=true;			
		}
	}
	function diapoPlay(){
		//alert('oui');
		jQuery("#diapoPlayPause").attr('src','/icons/diapoPause.png');
		clearTimeout(diapoTimer);
		diapoTimer = setTimeout("diapoImageSuivante()",tempsDiapo);

	
	}
	function diapoPause(){
		//alert('non');
		jQuery("#diapoPlayPause").attr('src','/icons/diapoPlay.png');
		clearTimeout(diapoTimer);


		
	}
	function diapoCacher(){
		//document.documentElement.scrollTop = diapoScrollPos;
		jQuery("#diapoGlobal").css('display','none');
		jQuery("#diapoP").css('display','none');
		clearTimeout(diapoTimer);

	}
	
	
	
function resizeBox(){
	var heightToAdd;
	var widthToAdd;
	var timeWidth;
	var timeHeight;
	//on met le controle precedent/suivant
	jQuery("#diapoNav").html('<a href="#" class="diapoImagePrecedente"><< precedent </a> || <a href="#" class="diapoImageSuivante"> suivant >></a>');
	
	if(diapoCurrentImage==0){
		jQuery("#diapoNav").html('<< precedent  || <a href="#" class="diapoImageSuivante"> suivant >></a>');
	}
	if(diapoCurrentImage==(parseInt(jQuery('#diapoNombre_' + diapoCurrentId ).html()))-1){
		jQuery("#diapoNav").html('<a href="#" class="diapoImagePrecedente"><< precedent </a> || suivant >>');		
	}
	
	$j('#diapoNav .diapoImagePrecedente').click(function(e){
		e.preventDefault();
		diapoImagePrecedente();
	})
	$j('#diapoNav .diapoImageSuivante').click(function(e){
		e.preventDefault();
		diapoImageSuivante();
	})

	//on calcule nos valeurs
	heightToAdd = parseInt(jQuery("#diapoImageHeight_" + diapoCurrentId + "_" + diapoCurrentImage).html()) - parseInt(jQuery('#diapoImage').height());
	widthToAdd = parseInt(jQuery("#diapoImageWidth_" + diapoCurrentId + "_" + diapoCurrentImage).html()) - parseInt(jQuery('#diapoImage').width());
	timeWidth = Math.abs(widthToAdd * diapoVitesseSlide);
	timeHeight = Math.abs(heightToAdd * diapoVitesseSlide);
	//on resize et anime
	
	jQuery("#diapoLegende").css('opacity',0);
	
	jQuery('#diapoImage').animate({ height : "+="+ heightToAdd }, timeHeight,'',function(){
		
		jQuery('#diapo').animate({ width : "+="+ widthToAdd }, timeWidth,'',function(){
			
			//le resize est fait on affiche l'image
			//alert('voili voilou');
			jQuery('#diapoImage').html('<img id="imageActuelle" src="' + jQuery('#diapoImageSrc_' + diapoCurrentId + '_' + diapoCurrentImage).html() + '" />');
			//document.documentElement.scrollTop = diapoScrollPos;
			jQuery("#imageActuelle").css('opacity',0).animate({opacity: "+=" + 1},300,function(){//fondu image
				jQuery("#diapoCopyright").html(jQuery("#diapoCopyright" + '_' + diapoCurrentId + '_' + diapoCurrentImage).html());
				jQuery("#diapoTexte").html(jQuery("#diapoTexte" + '_' + diapoCurrentId + '_' + diapoCurrentImage).html());
				diapoIndex2 = diapoCurrentImage+1;
				jQuery("#diapoCompteur").html("image " + diapoIndex2 + " sur " + jQuery('#diapoNombre_' + diapoCurrentId ).html());
				jQuery('#diapoLegendeTab').width(jQuery('#diapoImage').width()-10);
				//alert(jQuery('#diapoImage').width());
				
				
			if (parseInt(jQuery("#diapoLegende").width()) > 260 ){
				jQuery('#td1').width(parseInt(jQuery("#diapoLegende").width()) - 190);
				
				jQuery('#td2').width(242);
				jQuery('#tdiapoLegendeTab').width(jQuery("#diapoLegende").width());
			}else{
				jQuery('#td1').width(parseInt(jQuery("#diapoLegende").width()) - 88);
				jQuery('#td2').width(68);
			
			}
				
				
				
				
				
				jQuery("#diapoLegende").animate({opacity: "+=" + 1},400);
				if(diapoActif===true){
					clearTimeout(diapoTimer);
					diapoTimer = setTimeout("diapoImageSuivante()",tempsDiapo);
				}
			});
			
		
		});
	});

	

		
	}