/**
Parametros:
	carpeta: 
		Ruta Absoluta a la carpeta de las imagenes.
		Los niveles deben ser separados con / y no con \
		NO debe comenzar con /, ya se asume que es a partir de la raiz.
		La carpeta debe contener adentro 2 carpetas, img y thumb, las cuales contendran las respectivas imagenes
		Las imagenes correspondientes deben llamarse exactamente igual.
	props:
		Configuraciones adicionales del plugin, los posibles valores son:
			thumbSize: tamaņo del thumb en pixels (los thumbs solo son cuadrados)
			imgSizeX: width de la imagen principal en pixels
			imgSizeY: height de la imagen principal en pixels
*/
jQuery.fn.extend({
	visortz: function (carpeta, props) {		
		if (carpeta == "") return false;	
		
		if (carpeta.charAt(carpeta.length-1) == "/") {
			carpeta = carpeta.substring(0,carpeta.length-1);
		}
		
		//Valores por defecto:
		var thumbSize = 150;
		var imgSizeX = 560;
		var imgSizeY = 420;
		
		for (p in props) {
			switch (p) {
				case "thumbSize":
					thumbSize = props[p]; 
					break;
				case "imgSizeX":
					imgSizeX = props[p]; 
					break;				
				case "imgSizeY":
					imgSizeY = props[p]; 
					break;					
			}
		}
	
		var lista;
		var raiz;
		if (window.location.href.substr(7,3) == "www" || window.location.href.substr(7,9) == "acropolis" ) {
			raiz = "";
		} else {
			raiz = "/SitioOinaur2009";
		}
				
		var data = $.ajax({
			url: raiz + "/js/visortz.php?carpeta=" + raiz + "/" + carpeta,
			async: false
		}).responseText;
		
		lista = data.split("|");
		
		var thumbs = new Array();
		var imgs = new Array();
		for (l in lista) {
			//thumbs[l] = carpeta + "/thumb/" + lista[l];			
			thumbs[l] = raiz + "/" + carpeta + "/thumb/" + lista[l];			
			//imgs[l] = carpeta + "/img/" + lista[l];		
			imgs[l] = raiz + "/" + carpeta + "/img/" + lista[l];	
			
			//Agrego un preload...
			var preloadedImg = new Image();
			preloadedImg.src = imgs[l];
		}
		

		this.width(20 + thumbSize + imgSizeX);		
		var thumbDiv = $("<div></div>");
		var imgDiv = $("<div></div>");
		
		for (t in thumbs) {
			//alert(thumbs[t]);
			var p = $("<p></p>");
			var a = $("<a></a>");
			//a.attr("href","#");
			a.attr("href","javascript:cargarImagen('" + imgs[t] + "');");
			var i = $("<img/>");
			i.attr("src",thumbs[t])
				.attr("width",thumbSize)
				.attr("height",thumbSize)
				.attr("border","0");
			//a.append('<img src="' + thumbs[t] + '" width="' + thumbSize + '" height="' + thumbSize + '" />').bind('click',cargar(thumbs[t]));		
			//i.attr("onclick","javascript:cargarImagen('" + thumbs[t] + "');");
			a.append(i);
			p.append(a);
			thumbDiv.append(p);
			//alert(t + ": " +thumbDiv.php());
		}
		
		
		

		var oMainImg = $('<img/>');
		oMainImg.attr("id","mainImg").attr("src",imgs[0]).attr("width",imgSizeX).attr("height",imgSizeY);
		imgDiv.append(oMainImg);				
		
		thumbDiv.css("float","left").css("overflow","auto").width(20 + thumbSize).height(10 + imgSizeY);
		imgDiv.css("float","right").width(imgSizeX).height(10 + imgSizeY);		
		//var result = $("<h1>").width("90px");
		//result.text("TEXTO EN TITULO");
		
		this.append(thumbDiv).append(imgDiv);			
		
		// For JS strict compliance
		return true;
	}	
});

function cargarImagen(x) {
	//alert(x);
	$("#mainImg").hide().attr("src",x).fadeIn(500);
};