function fader(grupo) {
    var $vista = $(grupo).find("img.vista");
    if ( $vista.length == 0 ) $vista = $(grupo).find("img:last-child"); 
    var $next =  $vista.next().length ? $vista.next() : $(grupo).find("img:first-child");
    $vista.addClass('ultima');
    $next.css({opacity: 0.0}, 2000).addClass('vista').animate({opacity: 1}, 2000, function() {
    	$vista.removeClass('vista ultima');
    });
}
function mosaico(){
	$("#mosaico .portfolio_tecnica").css("right","-28px");
	$("#mosaico li").hover(
		function(){
			$(this).find(".portfolio_tecnica").animate({"right": "0"}, 300)
		},
		function(){
			$(this).find(".portfolio_tecnica").animate({"right": "-28px"}, 300);
		}
	);
	
	$("#mosaico .portfolio_tecnica li").hover(
		function(){
			var clase = $(this).attr("class");
			switch (clase){
			case "dis":
  				$(this).animate({"width":"93px"}, 300);
  			break;
			case "maq":
  				$(this).animate({"width":"138px"}, 300);
  			break;
  			case "scr":
  				$(this).animate({"width":"142px"}, 300);
  			break;
  			case "php":
  				$(this).animate({"width":"95px"}, 300);
  			break;
  			case "otr":
  				$(this).animate({"width":"100px"}, 300);
  			break;
  			case "seo":
  				$(this).animate({"width":"90px"}, 300);
  			break;
			}
			$(this).css({"text-align":"right", "padding-right":"25px"});
		},
		function(){
			$(this).animate({"width": "20px"}, 300).css({"text-align":"left", "padding-right":"0"});
		}
	).click( function(){
		var enlace = $(this).parents("li").find("a").attr("href");
		window.location = enlace;
	});	
}


function externallinks(){
	$("a[rel='external']").click(function(){ this.target = "_blank"; }); 
}

$(document).ready(function(e) {
	$("#ultimos img:first-child").addClass("vista");
	setInterval( "fader('#ultimos')", 5000 );
	externallinks();
	mosaico();
	
	
});