function setSub(element,action)
{
    if (document.getElementById(element).style.visibility != action)
    {
        document.getElementById(element).style.visibility = action;
    }
}

var do_scroll       = "n";
var scroll_by       = 0;
var width_viewport  = 0;
var width_illu      = 0;

function initScrollport(left,w_viewport,w_illu)
{
    document.getElementById('scrollport').style.left        = left;
    document.getElementById('viewport').style.visibility    = 'visible';
    width_viewport                                          = w_viewport;
    width_illu                                              = w_illu;
}

function startMoveScrollport(tomove)
{
    do_scroll   = "y";
    scroll_by   = tomove;
    scroll();
}

function stopMoveScrollport()
{
    do_scroll   = "n";
    scroll_by   = 0;
}

function scroll()
{
    var pos_x       = document.getElementById('scrollport').style.left;
    pos_x           = eval(pos_x.replace('px',''));

    scroll_by2      = scroll_by + "";
    var direction   = scroll_by2.substr(0,1);

    var scroll_to   = (pos_x + scroll_by);
    var scroll_to2  = (pos_x + scroll_by + scroll_by);


//alert(do_scroll + scroll_to + scroll_to2 + direction);

    if(

do_scroll == "y" &&

(
    (scroll_to <=0 && scroll_to2 <= 0 && direction != "-" )
    ||
    (scroll_to >= (width_viewport-width_illu) && scroll_to2 >= (width_viewport-width_illu) && direction == "-")
)

    )
    {
        document.getElementById('scrollport').style.left = scroll_to + "px";
        setTimeout("scroll()",2);

    } else {

        return true;
    }
}

data_team = new Object();

function showTeam(id_team)
{
    document.getElementById('content').innerHTML = data_team[id_team];
}

data_area = new Object();

function showArea(id_area)
{
    document.getElementById('content').innerHTML = data_area[id_area];
}