var tabs = new Array('weather_tab', 'slope_tab', 'lift_tab', 'getting_tab');
var boxes = new Array('weather_box', 'slopes_box', 'lift_box', 'there_box');

// setup onclicks with the tabs
for (var i = 0; i < tabs.length; i ++)
{
    $(tabs[i]).firstChild.firstChild.pos = i;
    $(tabs[i]).firstChild.firstChild.onclick = change_tab;
}

function change_tab(e)
{
    for (var i = 0; i < tabs.length; i ++)
    {
        $(tabs[i]).className = i == this.pos ? 'tab_on' : (this.pos > i ? 'pre_tab' : '');
    }
    for (var i = 0; i < boxes.length; i ++)
    {
        $(boxes[i]).className = i == this.pos ? 'box_on' : '';
    }
    return false;
}