$(document).ready(function () {
	$("a.fotos").click(function(){
		mostrarProyecto(this);
    });
    $("div.preview").click(function(){
    	$(this).removeClass("preview");
    	$(this).load("loadVideo.php?id=" + $(this).attr("idFichero"));
    });
});

$(window).load(function () {
	preloadProyectos();
});

function preloadProyectos(){
	if($("div.load").length > 0){
		elemento = $("div.load")[0];
		
		if($(elemento).attr("tipo") == "jpg"){
			url = "loadImg.php?fichero=" + $(elemento).attr("fichero") + "&url=" + $(elemento).attr("url");
			$(elemento).load(url, '', function(){
				elemento = $("div.load")[0];
				$(elemento).removeClass("load");
				preloadProyectos();
			});
		}
		if($(elemento).attr("tipo") == "preview"){
			url = "loadImg.php?fichero=" + $(elemento).attr("preview") + "&url=" + $(elemento).attr("url") + "&height=" + $(elemento).attr("alto") + "&width=" + $(elemento).attr("ancho");
			$(elemento).load(url, "", function(){
				elemento = $("div.load")[0];
				$(elemento).removeClass("load");
				preloadProyectos();
			});
		}
		if($(elemento).attr("tipo") == "swf"){
			var so = new SWFObject($(elemento).attr("fichero"), $(elemento).attr("id"), $(elemento).attr("ancho"), $(elemento).attr("alto"), "8", "#FFFFFF");
			so.write($(elemento).attr("id"));
			$(elemento).removeClass("load");
			preloadProyectos();
		}
	}
}

function mostrarProyecto(item){
	$("a.proyecto" + $(item).attr("idProyecto")).removeClass("on");
   	$(item).addClass("on");
   	
   	$(".detalleProy" + $(item).attr("idProyecto")).hide();
   	$("#detalleProy" + $(item).attr("idFoto")).show();
}