// JavaScript Document

var array_img = new Array();
var img_cargar;
var estado = 0;
var pre_load;

array_img[0] = "img_original_10.jpg";
array_img[1] = "img_original_01.jpg";
array_img[2] = "img_original_02.jpg";
array_img[3] = "img_original_03.jpg";
array_img[4] = "img_original_04.jpg";
array_img[5] = "img_original_05.jpg";
array_img[6] = "img_original_06.jpg";
array_img[7] = "img_original_07.jpg";
array_img[8] = "img_original_08.jpg";
array_img[9] = "img_original_09.jpg";

$(document).ready(function() {
						   $('#div_base_img').hide(1);
						   
						   var img_load = "img/loading.gif";
						   var img_load_now = new Image(1,1);
						   img_load_now.src = img_load;
						   
						   //configuracion de la capa contenedora de la imagen original
						   
						   var ancho = $('#div_base_img').css("width");
						   var ancho_sin_px = ancho.replace("px","");
						   
						   var alto = $('#div_base_img').css("height");
						   var alto_sin_px = alto.replace("px","");
						   
						   var nuevo_ancho = "-" + (ancho_sin_px / 2) + "px";
						   var nuevo_alto = "-" + (alto_sin_px / 2) + "px";
						   
						    $('#div_base_img').css({marginTop: nuevo_alto, marginLeft: nuevo_ancho});
							
							//fin de la configuracion
							
						   });

function open_window(img) {
		if ($.browser.msie) {
			var ancho_ventana = (screen.width - 20) +"px";
			var alto_ventana = (screen.height - 156) + "px";
			
			var img_anc_ven = ((screen.width / 4) * 2) + "px";
			if (navigator.appVersion == '4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 2.0.50727)' || navigator.appVersion == '4.0 (compatible; MSIE 5.5; Windows NT 5.1; .NET CLR 2.0.50727)') {
				$('#div_base_opaco').css({position: "absolute", width: ancho_ventana, height: alto_ventana});
				$('#div_base_img').css({position: "absolute", left: img_anc_ven, marginTop: "-35px", marginLeft: "-15px"});
			}
		}
	
	var code_load = '<p style="text-align: center;"><img src="img/loading.gif" alt="Cargando" border="0"><br />Cargando...</p>';
	$('#div_base_img').html(code_load);
	
	$('#div_base_opaco').show();
	$('#div_base_img').show();
	
	var imagen_a_cargar = "gallery/" + array_img[img];
	
	pre_load = new Image();
	pre_load.src = imagen_a_cargar;
	
	setTimeout("validar_img()",500);
}

function validar_img() {
	if (pre_load.complete) {
		var code_img = '<p style="text-align: center" class="mano"><img src="' + pre_load.src + '" alt="" border="0" title="Click para cerrar" onclick="close_window()"><br />Cerrar</p>';
		
		$('#div_base_img').html(code_img);
		
		if ($.browser.msie) {
			var ancho_ventana = (screen.width - 20) +"px";
			var alto_ventana = (screen.height - 156) + "px";
			
			var img_anc_ven = ((screen.width / 4) * 2) + "px";
			if (navigator.appVersion == '4.0 (compatible; MSIE 6.0; Windows NT 5.1; .NET CLR 2.0.50727)' || navigator.appVersion == '4.0 (compatible; MSIE 5.5; Windows NT 5.1; .NET CLR 2.0.50727)') {
				$('#div_base_opaco').css({position: "absolute", width: ancho_ventana, height: alto_ventana});
				$('#div_base_img').css({position: "absolute", left: img_anc_ven});
			}
		}
		
		var ancho_img = pre_load.height;
		
		var nuevo_ancho = "-" + Math.floor(pre_load.width / 2) + "px";
		var nuevo_alto = "-" + Math.floor(pre_load.height / 2) + "px";
		
		$('#div_base_img').css({marginTop: nuevo_alto, marginLeft: nuevo_ancho});
	}else {
		setTimeout("validar_img()",500);
	}
}

function close_window() {
	$('#div_base_opaco').hide();
	$('#div_base_img').hide(1,function() {
									   $('#div_base_img').css({marginTop: "-35px", marginLeft: "-15px"});
									   });
}