$(document).ready(function() {
						   
	//link del destacado
	$("#destacado").click(function(){
		$("#popup").fadeTo(200, 0.8);
		$.get("destacado.php",
			function(data){
			$("#detalle").html(data);
			ubicarPopup();
			$("#detalle").fadeIn(1000);
			$("#cerrarDetalle").fadeIn(1000);
		});
	});
	
	//over de los trabajos
	$(".item").mouseenter(function(){
		var id = $(this).attr('id');
		$('#txt'+id).slideDown(100);
	}).mouseleave(function(){
		var id = $(this).attr('id');
		$('#txt'+id).slideUp(100);
	});
	
	//link de los trabajos
	$(".item").click(function(){
		var id = $(this).attr('id');
		var tipo = $('#info'+id).attr('value');
		$("#popup").fadeTo(200, 0.8);
		$.get("detalle.php", { id: id, tipo: tipo },
			function(data){
			$("#detalle").html(data);
			ubicarPopup();
			$("#detalle").fadeIn(1000);
			$("#cerrarDetalle").fadeIn(1000);
		});
	});
	
	//cerrar popup
	$("#cerrarDetalle").click(function(){
		$("#popup").fadeOut(300);
		$("#detalle").fadeOut(200);
		$("#cerrarDetalle").fadeOut(200);
	});
	
	$("#popup").click(function(){
		$("#popup").fadeOut(300);
		$("#detalle").fadeOut(200);
		$("#cerrarDetalle").fadeOut(200);
	});
	
	//ubico el popup centrado en la pagina
	function ubicarPopup(){
		var izquierda = $(window).width() / 2 - $('#detalle').width() / 2;
		var arriba = $(window).height() / 2 - $('#detalle').height() / 2;
		$('#detalle').css('left', izquierda);
		$('#detalle').css('top', arriba);
		
		$('#cerrarDetalle').css('left', izquierda+$('#detalle').width()-10);
		$('#cerrarDetalle').css('top', arriba-10);
	}
	
	$(window).resize(function() {
		ubicarPopup();
	});
	
	//scroll
	var velocidad = 2000;
	
	$('.websites').click(function() {
		$('html,body').animate({scrollTop: 320}, velocidad);
	});
	
	$('.banners').click(function() {
		var cantidad = $(".w").height() + 382;
		$('html,body').animate({scrollTop: cantidad}, velocidad);
	});
	
	$('.varios').click(function() {
		var cantidad = $(".w").height() + $(".b").height() + 382;
		$('html,body').animate({scrollTop: cantidad}, velocidad);
	});
	
	$('.sobremi').click(function() {
		var cantidad = $(document).height() - $("#footer").height();
		$('html,body').animate({scrollTop: cantidad}, velocidad);
	});
	
	$('.contacto').click(function() {
		var cantidad = $(document).height() - $("#footer").height();
		$('html,body').animate({scrollTop: cantidad}, velocidad);
	});
	
	$('.link').click(function() {
		var destino = $(this).attr('href');
		if(destino=="#websites"){ var cantidad = 420; }
		if(destino=="#banners"){ var cantidad = $(".w").height() + 420; }
		if(destino=="#varios"){ var cantidad = $(".w").height() + $(".b").height() + 420; }
		if(destino=="#sobremi" || destino=="#contacto"){ var cantidad = $(document).height() - $("#footer").height(); }
		if(destino=="#inicio"){ var cantidad = 0; }
		$('html,body').animate({scrollTop: cantidad}, velocidad);
	});
	
});