jQuery(document).ready(function(){
	jQuery('div#destacado ul#enlaces li a').click(function(){
		/* Cambiamos estados de botones */
		jQuery(this)
			.parent('li')
			.attr('class', 'activo')
			.siblings('li[class=activo]')
			.removeAttr('class');
		
		/* Obtenemos la posición del enlace */
		var idx = jQuery(this).parent().prevAll().length;

		/* Unos atajos a los divs de las imágenes */
		var divs_img = jQuery('ul#imagenes>li');
		var divs_ocultar = jQuery(divs_img).not(':eq(' + idx + ')');
		var divs_mostrar = jQuery(divs_img).filter(':eq(' + idx + ')')
		
		/* Bajamos el z-index al resto de elementos */
		jQuery(divs_ocultar).css('z-index', 250);
		
		/* Y aplicamos el efecto al div seleccionado */
		jQuery(divs_mostrar).css('z-index', 500).fadeIn(function(){
			/* Ocultamos resto al finalizar anim. */
			jQuery(divs_ocultar).hide();
		});
		
		return false;
	});
});