$(document).ready(function()
{
    var rootnode = $("ul.tabs").attr('rootnode');
    $(".tabs").children('li:first').attr('first', 'true');
    $(".tabs").children('li:first').addClass('first');
    
    $(".tabs").children('li').each(function(i)
    {
        // Zet hoogte op 0 en plaats tabjes naast elkaar
        var leftpix = 100;
        $(this).left((i*leftpix)+"px");
        $(this).top('0px');
        
        if ($(this).attr('node') == rootnode)
        {
            if ($(this).attr('first') == 'true')
                $(this).addClass('active_first');
            else
                $(this).addClass('active');
        }
        
        
        $(this).click(function()
        {
            $(".tabs").children('li').removeClass('active')
            
            if ($(this).attr('first') == 'true')
                $(this).addClass('active_first');
            else
                $(this).addClass('active');
        });
        
        $(this).mouseover(function()
        {
            $(this).children('ul').show();
        });
        
        $(this).mouseout(function()
        {
            $(this).children('ul').hide();
        });
        
    });
    
});



function tabs_select(e, nr)
{
    var rootnode = $(e, $("ul.tabs")).parents('li:last').attr('node');
    location.href='index.php?id='+nr+'&rootnode='+rootnode;
}