window.addEvent('domready', function(){
		var efecto_cargando_inicio = $('cargando').effects({duration: 5, transition: Fx.Transitions.Quart.easeInOut});
		var efecto_ver_mas = $('ver_mas').effects({duration: 300, transition: Fx.Transitions.Quart.easeInOut});
		var efecto_ver_detalles= $('ver_detalles').effects({duration: 300, transition: Fx.Transitions.Quart.easeInOut});
		var efecto_cargando = $('cargando').effects({duration: 1000, transition: Fx.Transitions.Quart.easeInOut});
		
		//escondemos cargando y ver mas
		efecto_cargando_inicio.start({'opacity': 0, 'heigth': 0});
		efecto_ver_mas.start({'height': 0, 'opacity': 0});
		efecto_ver_detalles.start({'height': 0, 'opacity': 0});
		
		
		$('ver_mas').addEvent('click', function(event){ 
				muestra_trabajo_completo();
		});

		paginas = $$('#principal div a');
		paginas.each(function(el_pag, id_pag) {
							  
			var efecto = $('trabajo').effects({duration: 400, transition: Fx.Transitions.Quart.easeInOut});
			el_pag.addEvent('click', function(event){ 
				event = new Event(event).stop();
				efecto.start({'height': 0}).chain(function() {muestra_trabajo(el_pag.rel)})
				efecto_ver_mas.start({'height': 0, 'opacity': 0});
				efecto_ver_detalles.start({'height': 0, 'opacity': 0});
				efecto_cargando.start({'opacity': 100});
			});
	});
		

});

function muestra_trabajo(alias) {
	var efecto = $('trabajo').effects({duration: 600, transition: Fx.Transitions.Back.easeInOut});
	var efecto_cargando = $('cargando').effects({duration: 1000, transition: Fx.Transitions.Quart.easeInOut});	
	var efecto_ver_mas = $('ver_mas').effects({duration: 300, transition: Fx.Transitions.Quart.easeInOut});
	var efecto_ver_detalles= $('ver_detalles').effects({duration: 300, transition: Fx.Transitions.Quart.easeInOut});
	
	var miAjax = new Ajax('trabajo.php',
	{
		method: 'get',
		data:'alias='+alias,
		update: $('trabajo'),
		onComplete: function()
		{
			efecto.start({ 'height': 100 });
			efecto_cargando.start({'opacity': 0, 'heigth': 0});
			efecto_ver_mas.start({'height': 8, 'opacity': 100, 'background-color': '#CCCCCC'});
			$('ver_detalles').setHTML('<a href="http://www.dlcreaciones.com/trabajos-paginas-web/'+alias+'.html">Ver detalles completo</a>');
			$('ver_mas').setHTML('<a href="javascript:;">Ampliar Imagen</a>');
			efecto_ver_detalles.start({'height': 8, 'opacity': 100, 'background-color': '#CCCCCC'});
		}
	});
	miAjax.request();
}

function muestra_trabajo_completo() {
	
	var efecto_ver_mas = $('ver_mas').effects({duration: 300, transition: Fx.Transitions.Quart.easeInOut});
	var efecto = $('trabajo').effects({duration: 600, transition: Fx.Transitions.Back.easeInOut});

efecto.start({'height': 243});
	efecto_ver_mas.start({'height': 0, 'opacity': 0, 'background-color': '#FFFFFF'});
}