$(document).ready(function() {
    
    var panelwidth = 410;
    var slidefactor = 2;
    var links = new Array();
    
    function animateMenu(open, close)
    {
        var d = $(close).width()/slidefactor;
        
        if (d>1)
        {
            $(close).width($(close).width()-d);
            $(open).width(panelwidth-$(close).width());
            setTimeout(function(){animateMenu(open,close);},50);
        }
        else
        {
            $(".panel").width(0);
            $(open).width(panelwidth);
            
            var caller = 0;
            
            switch (open)
            {
                case "#panel-grey": caller = 'link-0'; panelid = 0; selectedid = 0; break;
                case "#panel-red": caller = 'link-2'; panelid = 1; selectedid = 2; break;
                case "#panel-cyan": caller = 'link-19'; panelid = 2; selectedid = 19; break;
                case "#panel-blue": caller = 'link-4'; panelid = 3; selectedid = 4; break;
                case "#panel-green": caller = 'link-20'; panelid = 4; selectedid = 20; break;
            }
            
            //window.location = links[caller];
        }
    }
    
    /*if (selectedid==4||selectedid==0)
        animateMenu("#panel-green", "#panel-grey");*/
    
    links["link-0"] = $("#link-0").attr("href");
    links["link-2"] = $("#link-2").attr("href");
    links["link-19"] = $("#link-19").attr("href");
    links["link-4"] = $("#link-4").attr("href");
    links["link-20"] = $("#link-20").attr("href");
    
    $("#main-menu li a.rotate").attr("href", "#");
    $("#link-4").attr("href", links["link-4"]);
    
    $("#slideshow-1").html(headline[2]);
    $("#slideshow-2").html(headline[19]);
    $("#slideshow-4").html(headline[20]);
    
    function headlineOut()
    {
        $("#slideshow-"+panelid).html(headline[selectedid]);
        $(".light").removeClass("light-selected");
        $("#light-"+selectedid).addClass("light-selected");
    }
    
    headlineOut();
    var timerid;
    
    $(".second-menu li a").mouseover(function (){
       var id = $(this).attr('id');
       id = id.split('-');
       id = id[1];
       $("#slideshow-"+panelid).html(headline[id]);
       $(".light").removeClass("light-selected");
       $("#light-"+id).addClass("light-selected");
       clearTimeout(timerid);
    });
        
    $(".panel").mouseleave(function (){
        timerid = setTimeout(function(){headlineOut();},300);
    });
    
    $("#main-menu li a.rotate").click(function (){
        var id = $(this).attr("id");
        var cid = -1;
        switch (id)
        {
            case 'link-0':  window.location = links["link-0"];cid = "#panel-grey";return;
            case 'link-2':  cid = "#panel-red";break;
            case 'link-19': cid = "#panel-cyan";break;
            case 'link-4':  window.location = links["link-4"];cid = "#panel-blue";return;
            case 'link-20': cid = "#panel-green";break;
        }
        
        var oid = -1;
        if ($("#panel-grey").width()>0) oid = "#panel-grey";
        if ($("#panel-red").width()>0) oid = "#panel-red";
        if ($("#panel-cyan").width()>0) oid = "#panel-cyan";
        if ($("#panel-blue").width()>0) oid = "#panel-blue";
        if ($("#panel-green").width()>0) oid = "#panel-green";
        
        if (cid!=oid && cid!=-1 && oid!=-1)
            animateMenu(cid, oid);
        
        if (cid==oid && cid!=-1 && oid!=-1)
        {
            window.location = links[id];
        }
        
        return false;
    });
    
});