// VARIABLES GLOBALES 
var puntero=1;
var maximo=999;
var pos = 0;	
var margen=17;
var ancho_total=0;
var cargadas=0;
var max_width=7000;
var contador_scroll=0;
// Esta funcion muestra la imagen en el marco grande de arriba
function muestra(im) {
	$('#img_main').attr("src","img/anim-loading.gif");
	portada = "imagen.php?imagen="+im+"&propmax=740x392";
	jQuery(function( $ ){	
		var urls = [ portada ];
		$.preload( urls, {
			onFinish:function(){
				$('#img_main').attr("src",portada);
				$('#link_img_main').attr("href",im);		
			}
		});
	});	 
}

// Esta funcion calcula el ancho total que suman todas las miniaturas para redimensionar
// el div que las contiene. Incluye el margen que las separa para que el calculo sea correcto
function calcula_ancho(_max) {	
	cargadas++;
	tope = (cargadas==_max);
	if(tope) {
	    ancho_total=0;		
		$('#miniaturas ul li').each(function(){ancho_total+=($(this).width()+margen);});										
		ult_pos=$('#miniaturas ul li:last').position().left;
		ult_anch=$('#miniaturas ul li:last').width();
		ult_r = ult_pos+ult_anch;
		dif = 640-ult_r;
		if(dif>0) {
			l = Math.round(dif/2);			
			$('#miniaturas ul').css("left",l+"px");
		}
	}
}

//Esta funcion carga las miniaturas de la galeria seleccionada, y muestra la ventana de visualizacion
function muestraGaleria(num,im) {			    
	$('#miniaturas ul').html("");
	$('#miniaturas ul').css("left","0");
	$('#miniaturas ul').css("width",max_width);
	puntero=1;
	pos=0;
	ancho_total=0;
	maximo=999;
	cargadas=0;
	contador_scroll=0;
	$('#miniaturas').scrollTo( 0, { axis:'x', duration: 500} );
	muestra(im);		
	//recupero las imagenes
	//$('#miniaturas ul').css("border","0");	
	$('#miniaturas ul').load("imag_gal.php",{id:num},function(){maximo = parseInt($('#total_img').attr("value"));});		
	$('#dialog').jqmShow();	
}
	
//Esta funcion tan rara solo sirve para suavizar el efecto de scroll
$.easing.easeOutQuart = function (x, t, b, c, d) {
	return -c * ((t=t/d-1)*t*t*t - 1) + b;
};
		
//Funcion para desplazar hacia la derecha la tira de miniaturas
//comprobando que no he llegado a la derecha del todo
function scroll_derecha() {	 	   
	ult_pos=$('#miniaturas ul li:last').position().left;
	ult_anch=$('#miniaturas ul li:last').width();
	ult_r = ult_pos+ult_anch;
	//a_la_d=$('#miniaturas ul').position().left * (-1);	
	a_la_d=contador_scroll;	
	a_tope = ((a_la_d+640)>=ult_r);
	
	if (puntero<maximo && !a_tope) {		   														
		var elem = "#foto"+puntero;			
		var obj = $(elem);				
		//var obj =document.getElementById(elem);
		pos-=(obj.outerWidth()+margen);
		$('#miniaturas').scrollTo( (pos*-1)+"px", { axis:'x', duration: 500} );	
		contador_scroll+=(obj.outerWidth()+margen);
		//$('#miniaturas').scrollTo(obj,{axis:'x',duration:500});	
		puntero++;			
	}
}

//Funcion para desplazar hacia la izquierda la tira de miniaturas
//comprobando que no estoy ya en el principio de la tira
function scroll_izquierda() {	
	if (puntero>1) {			
		puntero--;
		var elem = "#foto"+puntero;		
		var obj = $(elem);									
		pos+=(obj.outerWidth()+margen);			
		$('#miniaturas').scrollTo( (pos*-1)+"px", { axis:'x', duration: 500,easing:'easeOutQuart' } );					
		contador_scroll-=(obj.outerWidth()+margen);
		//$('#miniaturas').scrollTo(obj,{axis:'x',duration:500});
	} 
}

//Inicializacion, Esto se ejecuta siempre cuando ha cargado la pagina
$(document).ready(function(){
  //precarga de imagenes
  $.preload(['img/fondo_img_hover.gif']);						   
  
  //parche para los pngs en explorer						   	
  $('#carrousel').ifixpng();   
  $('h4').ifixpng();     
  $('#nav_container').ifixpng(); 	
  
  //inicializacion de la ventana de visualizacion imagenes
  $('#dialog').jqm({overlay:80,zIndex: 500}); 
});