$(function () {

    var tabContainers1 = $('div.tabs > div.tab_content');
    tabContainers1.hide().filter(':first').show();
    $('div.tabs div.tabs_select a').click(function () {
        tabContainers1.hide();
        tabContainers1.filter(this.hash).show();
        $('div.tabs div.tabs_select a').removeClass('selected');
        $(this).addClass('selected');
        return false;
    }).filter(':first').click();

});


/*

AUFBAU:


<div class="tabs">
    <div class="tabs_select">
        <a href="#firstw" class="prev selected"><span class="next_right">Tab1</span></a>        
        <a href="#secondw" class="next"><span class="next_right">Tab2</span></a>
        <a href="#thirdw" class="next_spi"><span class="next_right">Tab3</span></a>
    </div>


    <div style="display: block;" class="tab_content" id="firstw">
        <h1>CONTENT 1</h1>
    </div>
    
    
    <div style="display: none;" class="tab_content" id="secondw">
        <h1>CONTENT 2</h1>
    </div>


    <div style="display: none;" class="tab_content" id="thirdw">
        <h1>CONTENT 3</h1>
    </div>
    
</div>

*/