var links_x = 1;
var links_y = 0;
var t = null;
var links_jumlahData = 0;
var links_text;
var links_url;
var links_jumlahDiv = 0;
var links_delay = 3000;

function refresh_link(){
    var cons = document.getElementById("page-links-contants");

    links_jumlahData = cons.getAttribute("jumlahdata");
    links_text = eval(cons.getAttribute("text"));
    links_url = eval(cons.getAttribute("url"));
    links_jumlahDiv = cons.getAttribute("jumlahdiv");

    for(var div=0; div < 1 * links_jumlahDiv; div++){
        table = document.getElementById("page-links-tables-"+div);
        for(var i=0; i<table.rows.length; i++){
            document.getElementById("links_cell"+div+'_'+i).setAttribute("url", links_url[(links_y * 8) + i]) ;
            document.getElementById("links_cell"+div+'_'+i).onclick = function(){
                window.open(this.getAttribute("url"));
            }

            if(links_text[(div * 8)+(i + 4)] != 'skip'){
                document.getElementById("links_cell"+(div+'_'+(i + 4))).setAttribute("url", links_url[(links_y * 8) + i + 4]) ;
                document.getElementById("links_cell"+(div+'_'+(i + 4))).onclick = function(){
                    window.open(this.getAttribute("url"));
                }
                document.getElementById("links_cell"+(div+'_'+(i + 4))).onmouseover = function(){
                    clearInterval(t);
                }
                document.getElementById("links_cell"+(div+'_'+(i + 4))).onmouseout = function(){
                    clearInterval(t);
                    links_delay = 10;
                    links_y = (links_y + 1) % links_jumlahDiv;
                    refresh_link();
                }
            }
        }
    }

    if(1 * links_jumlahData > 8){
        clearInterval(t);
        links_y = (links_y + 1) % links_jumlahDiv;
        links_x = 1;
        t = setInterval("fadeout()", links_delay);
        links_delay = 3000;
    }
}

function fadeout(){
    var table = document.getElementById("page-links-tables-"+links_y);
    if(links_x == 1){
        clearTimeout(t);
    }else{
        clearInterval(t);
    }
    if(links_x < 5){
        links_x ++;
        try{
            table.style.opacity=(5 - links_x) * 0.2;
            table.filters.alpha.opacity=(5 - links_x) * 20;
        }catch(e){
        }
        t = setInterval("fadeout()", 200);
    }else{
        links_x = 1;
        for(var i=0; i<links_jumlahDiv; i++){
            document.getElementById("page-links-"+i).style.display= (i == links_y)?"inline":"none";
        }
        
        t = setTimeout("fadein()",200);
    }
}

function fadein(){
    var table = document.getElementById("page-links-tables-"+links_y);
    if(links_x == 1){
        clearTimeout(t);
    }else{
        clearInterval(t);
    }
    if(links_x < 5){
        links_x ++;
        try{
            table.style.opacity=links_x * 0.2;
            table.filters.alpha.opacity=links_x * 20;
        }catch(e){
        }
        t = setInterval("fadein()", 200);
    }else{
        links_x = 1;
        t = setTimeout("refresh_link()",200);
    }
}

function refresh_link_unload(){
    clearInterval(t);
}