﻿Event.observe(window, 'load', function() {
    
    $$('div.tabs div a')[0].addClassName('selected');
    $('tabs-content').childElements().invoke('hide');
    $('tab1-content').show();
    
    $$('div.tabs div a').each(function(item) {

        item.observe('click', function(event) {
               
            var el = event.element();
            
            $$('div.tabs div a').invoke('removeClassName', 'selected');
            el.addClassName('selected');

            $('tabs-content').childElements().invoke('hide'); // first level elements
            
            $(el.hash.substr(1) + '-content').show();     
            
            event.stop(); //aka return false;
        });
    })

});
