$.fn.swapDepths = function (obj) {
    var z1=$(obj).css("z-index")!=undefined?$(obj).css("z-index"):1;
    $(obj).css("z-index", this.css("z-index"));
    this.css("z-index",z1);
}

var actual=0;
var iactual=0;
var total=0;
var stop=false;
var repeatfrom=1;
var velocidad = 3000;
var timeractual=0;

function playNext(){
   if (!stop ){
		$("#proj"+actual).fadeOut(velocidad/2);	
        actual=actual%total+1;
        if (actual==0){
            actual+=repeatfrom;
        }
		if (listado[actual].archivos.length==0) {
			playNext();
		} else {		
			$("#proj"+actual).fadeIn(velocidad/2);
			play();
		}
    }
}
function playProject(i){
    for (k=0;k<total;k++){
        if ($("#proj"+k).css("display")!="none" && k!=i){
            $("#proj"+k).fadeOut(velocidad/2);
        }
    }
    $("#proj"+i).fadeIn(velocidad/2);
}
function play(){
    var item=listado[actual];
	  stop=false;
    switch (item.tipo){
        case "animacion":
            break;
        case "proyecto":
			if (timeractual!=undefined)clearTimeout(timeractual);
			if (listado[actual].archivos.length>1){
				$('#proj'+actual+' .container').cycle({
					fx: 'fade',					
					// AQUI VA LA VELOCIDAD DE LAS IMAGENES /////
					speed:  velocidad,
					timeout: 600,
					//next:   '#container',
					pause: 1,
					autostop: true,
					autostopCount: listado[actual].archivos.length,
					end :playNext
				});
			} else {			
				timeractual= setTimeout ( "playNext()",velocidad);
			}
            break;
    }
}

$(function (){
	$("#listado .item .fondo").css ("opacity",0.2);
   // total=listado.length;
    for (var i in listado){
        var item=listado[i];
        $(".destacado").append("<div id=\"proj"+i+"\" class=\"proj\"><div class=\"detalle\"></div><div class=\"container\"></div></div>");
        switch (item.tipo){
            case "animacion":
				total++;
                $("#proj"+i+" .container").flash({
                    swf: item.archivos[0],
                    width: "950",
                    height: "385",
                    flashvars: {
                    },
                    params:{
                        wmode: "opaque",
                        scale: "noscale"
                    }
                });
                break;
            case "proyecto":
                if (item.logo!=undefined){
                    if (item.estado!="proxima"){
                        $("#proj"+i+" .detalle").append("<div class=\"logo\"><a href=\"proyecto/"+item.id+".htm\"><img src=\""+item.logo+"\" alt=\""+item.titulo+"\"/></a></div>");
                    } else {
                        $("#proj"+i+" .detalle").append("<div class=\"logo\"><img src=\""+item.logo+"\" alt=\""+item.titulo+"\"/></div>");
                    }
                }
                if (item.cartel.imagen!=undefined){
                    $("#proj"+i+" .detalle").append("<img src=\""+item.cartel.imagen+"\" alt=\""+item.cartel.titulo+"\" class=\"cartel\"/>");
                }
                if (item.descripcion!=undefined){
                    $("#proj"+i+" .detalle").append("<div class=\"descripcion\">"+item.resumen+"</div>");
                }
                //$("#proj"+i+" .detalle").fadeIn("slow");
                for (k=0;k<item.archivos.length;k++){
                    $("#proj"+i+" .container").append("<img src=\""+item.archivos[k]+"\" alt=\"\" />");
                }
				if (item.archivos.length>0){
					total++;
				}
                break;
        }
        $("#proj"+i).css("z-index",listado.length-i);
    }
    $("#proj0").fadeIn(velocidad/2,play);
    for (var i in listado){
        if (listado[i].tipo!="animacion"){
            var item=listado[i];
            if (item.estado=="proxima"){
                $("#mascara .items").append("<div class=\"item\" id=\"item"+i+"\"><img src=\""+item.miniatura+"\" alt=\""+item.titulo+"\"><div class=\"desc\"><h3>"+item.cartel.titulo+"</h3><h2>"+item.titulo+"</h2><p>"+item.resumen_resumido+"</p></div><div class=\"fondo\"></div></div>");
            } else {
                $("#mascara .items").append("<div class=\"item\" id=\"item"+i+"\"><a href=\"proyecto/"+item.id+".htm\"><img src=\""+item.miniatura+"\" alt=\""+item.titulo+"\"></a><div class=\"desc\"><h3>"+item.cartel.titulo+"</h3><h2><a href=\"proyecto/"+item.id+".htm\">"+item.titulo+"</a></h2><p>"+item.resumen_resumido+"<a href=\"proyecto/"+item.id+".htm\" class=\"link\">Ver más</a></p></div><div class=\"fondo\"></div></div>");
            }
        }
    }
	/*
    $(".item").mouseenter(function(){
				stop=true;
        if (timeractual!=undefined)clearTimeout(timeractual);
        $(this).find(".fondo").fadeTo(1500,0.6);
        playProject($(this).attr("id").substr(4));
    });
    $(".item").mouseleave(function(){
        $(this).find(".fondo").fadeTo(1500,0);
    });
    $("#proyectos").mouseleave(function(){
      	if (stop){
          if (actual!=i){
          $("#proj"+i).fadeOut(1500);
          $("#proj"+actual).fadeIn(1500, play);
        } else {
        	play();
        }
      }
    });
	*/
	
    $("#mascara .items div div.fondo").css ("opacity",0.4);
    var bizq=$("#listado .izq img");
    var bder=$("#listado .der img");
    bizq.css ("opacity",0.2);
    if (listado.length<=4){
        bder.css ("opacity",0.2);
    }
    bder.click(function (){
        if (listado.length>iactual+4){
            iactual++;
            $("#mascara .items").animate ({
                "left":"-"+296*iactual+"px"
            },500);
            bizq.fadeTo(500,1);
        }
        if (iactual==listado.length-4){
            bder.fadeTo(500,0.2);
        }
        return false;
    });

    bizq.click(function (){
        if (iactual>0){
            iactual--;
            $("#mascara .items").animate ({
                "left":"-"+296*iactual+"px"
            },500);
            bder.fadeTo(500,1);
        }
        if (iactual==0){
            bizq.fadeTo(500,0.2);
        }
        return false;
    });
    
})