var ruta="../../imagenes/productos/";
var loaderRuta="../img_decora/ajax-loader.gif";
var anchoFoto=600;
var altoFoto=400;

var fotoCarga;	
var fotoCarga;
var altFoto;
var pre;
var vistos = new Array();
var i=0;
	

function CargaFoto(foto,alt){
	
	$("contenido").innerHTML="";
	preloader();
	
	fotoCarga=foto;	
	fotoCarga=ruta+foto;
	altFoto=alt;
	
	pre=$("foto_real");

	pre.setAttribute('alt',altFoto);
	pre.setAttribute('width',anchoFoto);
	pre.setAttribute('height',altoFoto);
	pre.setAttribute("src",fotoCarga);

	pre.onload=finCarga;
	
	if (navigator.appName == "Microsoft Internet Explorer"){
		for(var j=0;j<vistos.length;j++){
			if(vistos[j]==fotoCarga){
				Element.hide("cargando");
				Element.hide("foto_carga");
				Effect.Appear($("foto"));
				Effect.Appear($("foto_real"));
			}
		}
	}
	

}


function finCarga(){
		Element.hide("cargando");
		Element.hide("foto_carga");
		Effect.Appear($("foto"));
		Effect.Appear($("foto_real"));
		//alert("Completado.");
		
	    if (navigator.appName == "Microsoft Internet Explorer"){
			vistos[i]=fotoCarga;
			i++;
		}
		
}


function preloader(){
	
	$("contenido").innerHTML="<div id=\"cargando\">" +
	"<img id=\"foto_carga\" src=\" " + loaderRuta + " \" alt=\"Cargando...\" border=\"0\" title=\"Loader...\" class=\"bordeimg\" />" +
	"</div>" +
	"<div id=\"foto\">"  +
	"<img id=\"foto_real\"  class=\"bordeimg\" />" +
	"</div>";
	
	Element.hide($("foto"));
	Element.hide($("foto_real"));
	
	//alert("Cargando...");
}