var gko = navigator.userAgent.toLowerCase();
var num_max;
var indice;
var tamanio;
var visor_act;

function Muestra_Img(visor){
	$(document).ready(function(){
		$("#precarga_"+visor).css("display", 'none');
	  	$("#img_act_"+visor).fadeIn(700);
	  					
	  	if(txt_act==""){
			$("#textos_"+visor).css("display", 'none');
	  		}else{
				$("#textos_"+visor).fadeIn(700);
	  			}
	  			
	  	if (gko.indexOf('gecko')!=-1){						
	  		if(tamanio==0){
					$("#mascara").css("height", $(document).height()).hide();
					}else{
						$("#mascara").css("height", $(document).height()).show();
						}
					}
		});
	}

function Cambia_Img(indice,tamanio,visor){
	visor_act=visor;
	
	$(document).ready(function(){
		
		$("#contador_"+visor).html(indice+"/"+num_max);
		
		if(tamanio==0){
			nombre="peque_";
			}else{
				nombre="grande_";
				}

		if($("body").data("img_grande_"+ indice)==""){
			$("#bt_mas_"+visor).css("display", 'none');
			$("#bt_menos_"+visor).css("display", 'none');
			nombre="peque_";
			}else{
				if(tamanio==0){
					$("#bt_mas_"+visor).css("display", '');
					}else{
						$("#bt_menos_"+visor).css("display", '');
						}
				}
		
		img = $("body").data("img_"+ nombre + indice);
		alto = $("body").data("alto_"+ nombre + indice);
		ancho = $("body").data("ancho_"+ nombre + indice);
		
		$("#textos_"+visor).fadeOut(700);

		$("#img_act_"+visor).fadeOut(700, function() {
			$("#imgs_"+visor).animate({ height: alto, width: ancho }, 700, 'linear', function() {
	
				$("#textos_"+visor).css("width", ancho);
				
				if(tamanio==0){
					$("#textos_"+visor).css("text-align", "center");
					}else{
						$("#textos_"+visor).css("text-align", "left");
						}
					
				if(tamanio==0 || $("body").data("desc_" + indice)=="" || $("body").data("img_grande_"+ indice)==""){
					txt_act=$("body").data("txt_" + indice);
					}else{
						txt_act=$("body").data("desc_" + indice);
						}

				$("#textos_"+visor).html(txt_act);
					
				alto_precarga = alto / 2;
				$("#precarga_"+visor).css("margin-top", alto_precarga);
				$("#precarga_"+visor).css("display", '');

				$("#img_act_"+visor).attr("width", ancho);
				$("#img_act_"+visor).attr("src", img);
				
				if (gko.indexOf('gecko')!=-1){
					$("#img_act_"+visor).load(img, function() {
						Muestra_Img(visor);
						});
					}else{
						if($("#img_act_"+visor).attr("complete")==true){
							Muestra_Img(visor);
							};
						}
				});
			});
		});
	}

function Aumenta(visor){
	contenedor=document.getElementById('div_MM');
	divs=contenedor.getElementsByTagName('DIV');
	
	for(i=0;i<divs.length;i++){
		if(divs[i].getAttribute('div_img')==visor){
			divs[i].style.zIndex=120;
			}else{
				divs[i].style.zIndex=100 - i;
				}
		}
	
	indice=document.getElementById("contador_"+visor).getAttribute("indice_"+visor);
	indice=parseInt(indice);
		
	tamanio=document.getElementById("contador_"+visor).getAttribute("tamanio_"+visor);
	tamanio=parseInt(tamanio);
	
	if(tamanio==0){
		tamanio = 1;
		document.getElementById("bt_mas_"+visor).style.display="none";
		document.getElementById("bt_menos_"+visor).style.display="";
		}else{
			tamanio = 0;
			document.getElementById("bt_mas_"+visor).style.display="";
			document.getElementById("bt_menos_"+visor).style.display="none";
			}
					
	document.getElementById("contador_"+visor).setAttribute("tamanio_"+visor,tamanio);	
		
	Cambia_Img(indice,tamanio,visor);
	}
		
function Avanza(visor){
	indice=document.getElementById("contador_"+visor).getAttribute("indice_"+visor);
	tamanio=document.getElementById("contador_"+visor).getAttribute("tamanio_"+visor);
	indice=parseInt(indice);
		
	if(indice<num_max){
		indice = indice + 1;
		}else{
			indice = 1;
			}

	document.getElementById("contador_"+visor).setAttribute("indice_"+visor,indice);
			
	Cambia_Img(indice,tamanio,visor);
	}
		
function Atras(visor){
		
	indice=document.getElementById("contador_"+visor).getAttribute("indice_"+visor);
	tamanio=document.getElementById("contador_"+visor).getAttribute("tamanio_"+visor);
	indice=parseInt(indice);
		
	if(indice>1){
		indice = indice - 1;
		}else{
			indice = num_max;
			}
					
	document.getElementById("contador_"+visor).setAttribute("indice_"+visor,indice);
				
	Cambia_Img(indice,tamanio,visor);
	}
	
$(document).ready(function(){
	$("#mascara").click(function(){
		Aumenta(visor_act);
   		});
	});