// Affiche/Cache la table des matieres
function create_menu_icon(icon,x,y,link,displace)
{
    var spacing = 60;
    var start_x = 800-(7+spacing);
    var start_y = 8;

    var element = document.createElement("span");
    wfw.style.addClass(element,"menu_icon");
    wfw.style.addClass(element,icon);
    //element.style.backgroundPosition="-"+(ix*(256/4))+"px -"+(iy*(256/4))+"px";
    objInsertNode(element,$("_banner"),null,INSERTNODE_END);

    if(displace){
        displace_element(
            start_x-(x*spacing),-spacing,
            start_x-(x*spacing),start_y+(y*spacing)
            ,element,
            800
        );
    }
    else{
        objSetXY(element,start_x-(x*spacing),start_y+(y*spacing));
    }

    objSetEvent(element,"click",function(e){window.open(link,"_self"); return false;});

    return element;
}

function displace_element(x1,y1,x2,y2,element,timeLength)
{
    var timer = wfw.timer.CreateFrequencyTimer();
    timer.bAutoRemove = true;

    timer.user.x1 = x1;
    timer.user.y1 = y1;
    timer.user.x2 = x2;
    timer.user.y2 = y2;
    timer.user.element = element;
        
    timer.user.onStart = function()
    {
        objSetXY(this.element,timer.user.x1,timer.user.y1);
    };

    timer.user.onUpdateFrame = function(time,normTime,frame)
    {
        var x = this.x1 + ((this.x2-this.x1)*normTime);
        var y = this.y1 + ((this.y2-this.y1)*normTime);

        objSetXY(this.element,x,y);
    };
    timer.user.onFinish = function()
    {
        objSetXY(this.element,timer.user.x2,timer.user.y2);
    };
        

    timer.set_frame_per_seconde(60);
    timer.start(timeLength);
    return timer;
}