// JavaScript Document

/*****************************************************************************
 ***********************  PASE  BANNERS  **************************************	
 **********************************************************************************/	
 
 
function PaseBanner(id,carpeta,foto,numfotos,temps,espera,Nfotosprecarga){

	/*****************************************************************************
	id=         es el ID del div on aniran el pase de fotos  ("cabecera")
	carpeta=    es la carpeta on es troben totes les fotos  ("IMAGENES/CAB_SLIDESHOW")
	foto=       es el nom comú que han de tenir totes les fotos  ("imatge") (imatge1,imatge2, imatge3.....)
	num_fotos=  es el numero de fotos que hi ha en la carpeta començant per la 1
	temps=      es el temps que dura el fos de les imatges expressat en milisegons
	espera=     es el temps que espera ente quan acaba un fos i comença el seguent
	Nfotosprecarga (optatiu)  son el numero de fotos a partir del cual comença el slideshow (aixo es quan hi han moltes fotos
	*******************************************************************************/	
	$(document).ready(function() {	
/* *********************************** PRECARGA DE LAS IMAGENES Y PRELOADER ***************************************** */
					var gifpreloader ="<img id=\"gifpreloader\" src=\"/IMAGENES/loadinfo.net.gif\" style=\"position:absolute; left:50%; top:50%; margin-left:-24px; margin-top:-24px;\" />"
					$("#"+id).html(gifpreloader);               /* poner  imagenes del preloader en el div */
					var arrayimagenes = new Array();		
					for (i=1;i<(numfotos+1);i++){
						arrayimagenes[i] = new Image();
						arrayimagenes[i].src = carpeta + "/" + foto + i + ".jpg ";
					}
/* ************************************* FIN DE LA PRECARGA ********************************************** */
		if (typeof (Nfotosprecarga) == "undefined") {
			var fotosprecarga = numfotos ;
		}
		else {
			var fotosprecarga = Nfotosprecarga ;
			if (Nfotosprecarga >= numfotos) {fotosprecarga = numfotos}
		}

		var altodiv= $("#"+id).height();
		var anchodiv= $("#"+id).width();
		
		var primera= "<img class="+id+"pos1 id="+id+"pos1 src=" + carpeta + "/" + foto + "1.jpg style=\"position:absolute;height:"+altodiv+"px;\"/>";
		var segunda= "<img class="+id+"pos2 id="+id+"pos2 src=" + carpeta + "/" + foto + "2.jpg style=\"position:absolute;height:"+altodiv+"px;display:none\"/>";		
		
		var vCycleImages = setInterval(function() { /* Comprobación de si se han cargado las imagenes */
     		var bImgLoaded = true;     
 
      		for (var s=1;s<(fotosprecarga+1);s++) {
      		   var img = arrayimagenes[s];
      		   if (img.complete == false)
             bImgLoaded = false;			 
       		}
 
    		if (bImgLoaded) {		                      /* cuando se han cargado las imagenes */	
				
       		 	 clearInterval(vCycleImages);
				 $("#gifpreloader").css("display","none");
				 var arrayposicion = new Array();				 
				 for (var t=1;t<(fotosprecarga+1);t++){					  
					  var proporcion= (altodiv /arrayimagenes[t].height);					  
					  var posicion =  ((anchodiv - ((arrayimagenes[t].width)*proporcion)))/2;					  
					  arrayposicion[t] = posicion;					  
			     }				 				 
				 $("#"+id).html(primera + segunda);        /* poner las imagenes en el div */				 
				 $("."+id+"pos" + 1).css("left",arrayposicion[1]);
				 $("."+id+"pos" + 2).css("left",arrayposicion[2]);
				 if(numfotos > 1){
						 var cont= 3;
						 if (numfotos == 2) {cont = 2; var ok2=true};
						 var ok=true;	
						 setInterval(function() {	       /* Control del fundido de las imagenes */							
							if (ok) { var p1=1; var p2=2; ok=false} else { p1=2; p2=1; ok=true};
							var cont2= cont-1;
							if (cont==1) { cont2=numfotos};
						    $("."+id+"pos" + p1).fadeOut(temps);							
	                        $("."+id+"pos" + p2).fadeIn(temps, function () {
															if (ok2) {cont = 1; cont2=2; ok2=false};
															$("."+id+"pos" + p1).attr("src",src=carpeta+"/"+foto + cont + ".jpg").css("left",arrayposicion[cont]);														
													    	$("."+id+"pos" + p2).attr("src",src=carpeta+"/"+foto + cont2 + ".jpg").css("left",arrayposicion[cont2]); 
													    	cont++;
															if (cont == numfotos+1) {cont=1};
															if (fotosprecarga < numfotos) {
																fotosprecarga++;																
																var proporcion2= (altodiv /arrayimagenes[fotosprecarga].height);					  
					  											var posicion2 =  ((anchodiv - ((arrayimagenes[fotosprecarga].width)*proporcion2)))/2;
					  											arrayposicion[fotosprecarga] = posicion2;	
																
															};
														});														
						}, temps+espera);    /* Fin del control del fundido de las imagenes */
	 			 }
		    }
  	 	}, 100);                            /* Fin comprobación de si se han cargado las imagenes */
	})
}
/*****************************************************************************
 ***********************  FIN PASE  BANNERS  **************************************	
 **********************************************************************************/