/********************
flashHome
*********************
FUNCION GENÉRICA PARA FLASH DE LA HOME
Funcionamiento en tpl:
definir bloque contenedor de las imágenes.
Definir bloque para la imagen.
Definir bloque para el texto.
Quedándo con la estrucutra:

  	<div class="container">
		<div id="imgFlash_1"> 
			<div id="textFlash_1" class="flying-text">
			</div>
		</div>
		<div id="imgFlash_2"> 
			<div id="textFlash_2" class="flying-text">
			</div>
		</div>
		<div id="imgFlash_N"> 
			<div id="textFlash_N" class="flying-text">
			</div>
		</div>
		...
		...
		...				
	</div>
Para el diseño ver archivo se puede usar el genérico ./css/flashHome.css. Utilizar sobretodo para la animación del texto

PARÁMETROS:
i 			--> 	[INT]  contador de la imagen en bucle
count		--> 	[INT]  contador de la imagen total
total		--> 	[INT]  numero de imágenes
max 		--> 	[INT]  numero de veces que se repite hasta que se detenga el flash
imgBlock 	--> 	[STR]  etiqueta del bloque de imagane
imgFlash	-->		[STR]  etiqueta del bloque de texto
show_text   -->		[BOOL] Si la animación mostrará texto o no
wait		-->		[INT]  Tiempo de espera entre imágenes
speedFade	-->		[INT]  Velocidad del FadeIn
speedText	-->		[INT]  Velocidad de animación del texto (EN DESARROLLO|ANIMACION NO MUY "ELEGANTE")
PARA INICIALIZARLO:

$(document).ready(function(){
	flashHome('1','0','4','2','imgFlash','textFlash',false,10000,3000,2000);
});

*/

function flashHome(i,count,total,max,imgBlock,textBlock,show_text,wait,speedFade,speedText){
	var j;
	var imgOut;	
	if(speedFade == 0){
		speedFade=2000;
	}
	if(speedText == 0){
		speedText=speedFade-1;
	}	
	imgOut=parseInt(wait)+parseInt(speedFade)+1;
	if (speedText >= speedFade){
		speedText = speedFade -1;
	}
	if(i==parseInt(total)-1){
		j=0;
		count=parseInt(count)+1;
	}else{
		j=parseInt(i)+1;	
	}	
	if(i==0){
		$('#'+imgBlock+'_'+(parseInt(total)-1)).css('z-index',1);	
		$('#'+imgBlock+'_'+i).css('z-index',2);			
	}else{
		$('#'+imgBlock+'_'+(parseInt(i)-1)).css('z-index',1);			
		$('#'+imgBlock+'_'+i).css('z-index',2);			
	}
	if(parseInt(count)<parseInt(max)){	
		//alert('ROUND: '+i+' .COUNT: '+count +' .TOTAL: '+total +' .MAX: '+max+' .IMG_BLOCK: '+imgBlock +' .TEXT_BLOCK: '+textBlock +' .SPEED FADE: '+speedFade +' .SPEED TEXT: '+speedText +' .VARIABLE TOTAL: '+textBlock+'_'+i+' .WAIT: '+wait+' .IMG OUT: '+imgOut);	
		if(show_text=='true'){
			$('#'+textBlock+'_'+i).css({opacity:0}); //set all text opacity to 0		
			$('#'+textBlock+'_'+i).animate({opacity:1, marginTop: "35px"}, speedText); //animate first text				
		}else{
			document.getElementById(textBlock+'_'+i).style.display='block';	
		}
	    $('#'+imgBlock+'_'+i).fadeIn(speedFade, function(){ 
    		setTimeout("ShowImgFlash('"+j+"','"+total+"','"+imgBlock+"')",imgOut);    		    	
			setTimeout("flashHome('"+j+"','"+count+"','"+total+"','"+max+"','"+imgBlock+"','"+textBlock+"','"+show_text+"','"+wait+"','"+speedFade+"','"+speedText+"')",wait);  		
		});
	}else{
		document.getElementById(imgBlock+"_"+i).style.display='block';
		document.getElementById(textBlock+'_'+i).style.display='block';			
	}
	return false;	
}
/*******************
ShowImgFlash
********************
SE PUEDEN AÑADIR BOTÓN/ENLACE PARA ADELANTAR DE UNA IMAGEN A OTRA
Botón para pasar de una capa a otra del carrusel:
<a onclick=\"ShowImgFlash(img_show,total,imgBlock);return false;\" href='#'><img class='' src='' title=''></a>
*/
function ShowImgFlash(img_show,total,imgBlock){
	for (var i=0; i < total; i++){
	   if (i == img_show){
	      	document.getElementById(imgBlock+"_"+i).style.display='block';	   	
	   }
	   else{
	      	document.getElementById(imgBlock+"_"+i).style.display='none';	   	
	   }
	}	
}