
$(function(){
        $('.pagebody-home').find('#leftPanel').show();  
        
        var tabs = ['auto','motor','scooter','boot'];

        var tabs_menu = $('<ul id="aanvragen_tabs"></ul>').prependTo($('.page'+tabs[0]+' .content,.page'+tabs[1]+' .content,.page'+tabs[2]+' .content,.page'+tabs[3]+' .content'));
        $.each( tabs, function( i, val ){
            var li = addTab( val, tabs_menu );
            li.hover(
                function(){
                    $(this).css('color','#000');
                },
                function(){
                    $(this).css('color','#444');
                }
            );   
        });
});

function addTab( what, container )
{
    return $('<li> <a href="/' + what + '">'+ what +'</a></li>').appendTo(container);
}


/*

$(function(){

    $('.pagebody-home').find('#leftPanel').show();      

    var layers = [];
        layers.push( $('.auto') );
        layers.push( $('.motor') );
        layers.push( $('.scooter') );
        layers.push( $('.boot') );
    var tabs    = [];
    var tabs_menu = $('<ul id="aanvragen_tabs"></ul>').prependTo($('.pageaanvragen .content'));
    $.each( layers, function( i, val ){
        tabs.push( addTab( val, tabs_menu ) );
    });      
    $.each( tabs, function( i, val ){
        val.click(function(){
            var idx = i;
            toggle(layers,idx);
        });
        val.hover(
            function(){
                $(this).css('color','#000');
            },
            function(){
                $(this).css('color','#444');
            }
        );   
    });
    tabs[0].click();
   // $('.contentElementTitle', auto).css('color','#777');
});

function addTab( what, container )
{
    return $('<li>'+$('.contentElementTitle', what).text()+'</li>').appendTo(container);
}

function toggle( tabs, idx )
{
     $.each( tabs, function( i, val ){
        if( i == idx )
            val.show();
        else
            val.hide();
    });
}

*/
