function fader(galeria) {
    var $vista = $(galeria).find("img.vista");
    if ( $vista.length == 0 ) $vista = $(galeria).find("img:last-child"); 
    var $next =  $vista.next().length ? $vista.next() : $(galeria).find("img:first-child");
    $vista.addClass('ultima');
    $next.css({opacity: 0.0}, 2000).addClass('vista').animate({opacity: 1}, 2000, function() {
    	$vista.removeClass('vista ultima');
    });
}

$(document).ready(function(e) {
	
	/* Condicional para Explorer */
	 if($.browser.msie && $.browser.version <= 8){

	 }
	 if($.browser.msie && $.browser.version == 8){

	 }

	$("#mosaico").not(".spots #mosaico").find("ul li").each(function (i)  {
					if (i % 4 == 0) {
						$(this).addClass("primero");
					}
	});
	
	
	$(".grafica #contenedor a").click(
		function(){
			var foto = $(this).attr("href");
			$("#contenedor").prepend("<div id='marco'><img src='"+foto+"' width='870' height='1232'/></div>");
			$("#marco img").fadeTo(0,0).load(
				function(){
					$(this).fadeTo(2000,1)
					.click(
						function(){
							$(this).fadeTo(2000,0, function(){ $("#marco").remove(); });
						}
					);
				}
			);
			return false;
		}
	);
	
	
	$("#mosaico ul li a").hover(
			function ()  {
				var titulo = $(this).prev("img").attr("src");
				$("#headercomp h2").fadeTo(0,0, function(){$(this).html("<img src='"+titulo+"' width='422' height='57' />").fadeTo(200, 1);});
				$("#headerspots #info").fadeTo(0,0, function(){$(this).html("<img src='"+titulo+"' width='317' height='44' />").fadeTo(200, 1);});
			},
			function ()  {
				$("#headercomp h2, #info").html("");;
			}
	);
	
	setInterval( "fader('#galeria')", 4000 );
	
	$("a[rel='external']").click(function(){ this.target = "_blank"; });
	
});