var projects=[];    
var pid=0;
var loads=[]
function jump(id)
{
    if (projects[id]===undefined)
    {
       
        $.ajax({
            url:'/projectajax/'+id+'/',
            success:function(data)
            {
                  
                data=data.split('~!~');
                if (data.length==12)
                {
                    var row=data;
                    projects[row[0]]=row;
                    row.push(false);
                    jump(row[0]);
                    preload(row[3],row[5]);
                }
            }
        });
    }
    else
    {

        pid=id;
        var img=document.getElementById('img');
        img.onload=function(){return true;};
        
        var lastProj=$("#projectImg").clone();
        $(lastProj).attr('id','tempproj');
        $(lastProj).attr('lastprojs','1');
        $("#projectImg").css('opacity',0);
        $(lastProj).unbind('mouseover');
        $(lastProj).unbind('mouseout');
        $(lastProj).find('img').attr('id','tempimg');
        $(lastProj).appendTo('#proj_border');
        
        if (loads[id]===undefined)loads[id]=false;
        
        var src='/upload/images/portfolio/'+projects[id][0]+'big.'+projects[id][10];
        var loaders=$("img[src='"+src+"']");
        if (loaders.length>0)                            
        {
            img=loaders.clone();
            $("#img").remove();
            img.attr('id','img');
            $("#projectImg").append(img);
            showproject(lastProj);
        }
        else
        {
            $("#img").attr("src",src);
            img=document.getElementById("img");
            if ((projects[pid][12])||(loads[id])){showproject(lastProj);}else{img.onload=function(){showproject(lastProj);}}
        }
        
        
    }
}


function showproject(lastProj)
{
        var lastProj=$("div[lastprojs=1]");
        projects[pid][12]=true;
        loads[pid]=true;
        lastProj.css('opacity',1);
        lastProj.animate({'opacity':0},400);
        setTimeout(function(){lastProj.remove()},410);

        $("#img").css({'width':projects[pid][8]*2+'px','height':projects[pid][9]+'px'})
        
        $("#typeWork").html(projects[pid][2]);
        $("#projectImg").css("left",489-projects[pid][8]);
        $("#padreLink").find('a').attr("href",projects[pid][11]);
        $("#padreLink").find('a').html(projects[pid][1]);
        $("#projectImg").animate({'opacity':1},500);   
        $("#proj_border").unbind();
        $("#proj_border").click(function()
        {
            window.location=projects[pid][11];
        });
        
        
        if (projects[pid][3]!=0)
        {
            $("#nextUrl").attr("href",projects[pid][4])
            $("#nextUrl").show();
            $("#nextUrl").unbind('click');
            $("#nextUrl").click(function()
            {
                jump(projects[pid][3]);
                return false;
            });
        }
        else
        {$("#nextUrl").hide();}
        
        if (projects[pid][6]!=0)
        {
            $("#prevUrl").attr("href",projects[pid][7])
            $("#prevUrl").show();
            $("#prevUrl").unbind('click');
            $("#prevUrl").click(function()
            {
                jump(projects[pid][6]);
                return false;
            });
        }
        else
        {$("#prevUrl").hide();}
}

$("document").ready(function()
{          
    $("#loader").css({'opacity':0.7});

    jump(0);



    $(".mbutt").mouseover(function(){
        $(this).css('backgroundPosition','-230px 0px');
        $(this).find('a').css('textDecoration','none');
    });
    $(".mbutt").mouseout(function(){
        $(this).css('backgroundPosition','0px 0px');
        $(this).find('a').css('textDecoration','underline');
    });
    $(".mbutt").click(function(){
        var lin=$(this).find('a').attr('href');
        window.location=lin;
    });
    $(".mbutt").mousedown(function(){
        $(this).css('backgroundPosition','-460px 0px');
    });
    $(".mbutt").mouseup(function(){
        $(this).css('backgroundPosition','-230px 0px');
    });
});

lastpa=false;
freeze=false;

function checkLoading()
{
    var opa=$("#projectImg").css('opacity');
    var fl=false;
    if (projects[pid]!==undefined)
    {
        if (projects[pid][12])fl=true;
    }
    if ((opa==1)||(fl))
    {
        $("#loader").css('display','none'); 
    }
    else
    {
        
        $("#loader").css('display','block'); 
    }
}

function preload(id,ext)
{
    id=parseInt(id);
    if (id>0)
    if (loads[id]===undefined)
    {
        var div=document.createElement('div');
        div.style.position="absolute";
        div.style.left=-1000+'px';
        div.style.top=100+'px';
        div.style.width="1px";
        div.style.height="1px";
        div.style.overflow="hidden";
        var img=document.createElement('img');
        div.appendChild(img);
        $(img).attr("src",'/upload/images/portfolio/'+id+'big.'+ext);
        img.loaded=false;
        img.onload=function(){
            //$(this.parentNode).remove();
            loads[id]=true;
            this.loaded=true;
        }
        document.body.appendChild(div);
        
    }
}