$(document).ready(init);

function init(){
	 var id_trabajo = $(".trabajo #id_trabajo").val();
	$(".trabajo").load("ver_trabajo.php?id_trabajo="+id_trabajo+"&o=t");
	$("#all_trabajos a").click(ver_trabajos);
	$("#all_trabajos a").mouseover(mostrar_nombre_trabajo);
	$("#all_trabajos a").mouseout(ocultar_nombre_trabajo);
	$("#otros_trabajos li").click(ver_otros_trabajos);
	$("#otros_trabajos_imagen").hide();
	
	$("#trabajo_"+id_trabajo).find("img").attr("src","images/trabajo2.jpg");
	$(".trabajo").css("margin-bottom", 30);
	return false;
	
}

function ver_otros_trabajos(){
	$("#otros_trabajos").animate({width:'600px'},'slow');
	//$(this).parent().css ("width", "250px");
	$("a",this).css("color","#666").blur();
	var url = $("a",this).attr("href")+"&o=t";
	$("#otros_trabajos_imagen").load(url,function(){$(this).show();});
	return false;
}

function ver_trabajos(){
	var url = $(this).attr("href");
	url_hasta = url.indexOf("/",0);
	url = url.substr(0, url_hasta);
	url = "ver_trabajo.php?id_trabajo="+url+"&o=t";
	$(".trabajo").animate({opacity: 0},1000);
	$(".trabajo").delay(1500).load(url, function(){
		$(this).animate({opacity: 1},2000);
		$(this).removeAttr("style");	
		})
	$(this).find("img").attr("src","images/trabajo2.jpg");
	$(this).blur();
	var titulo = $(this).attr("alt").substring(0,($(this).attr("alt").indexOf("/"))-2);
	document.title = "Gabriel Lijtenstein | Trabajos: "+ titulo;
	return false;	
}

function mostrar_nombre_trabajo(){
	var paren = $(this).attr("alt").indexOf("/");
	var title = $(this).attr("alt").substring(0,paren-2);
	title += '<span class="letra10">';
	title += $(this).attr("alt").substring(paren-2,paren+5);
	title += '</span>';
	$("#nombre_trabajo").show().html(title);
}
function ocultar_nombre_trabajo(){
	$("#nombre_trabajo").html("");	
}