document.observe("dom:loaded", function() {
    $$('.nav li a').each(function(el){
        // THIS WORK BUT WITHOUT NON STANDRAD CHARCTERS
        //el.innerHTML = el.innerHTML.gsub(/(^\w+)/,'<strong>#{1}</strong><br />');
        t = el.innerHTML.split(' ');
        el.innerHTML = '<strong>'+t[0]+'</strong><br />'+ t.without(t[0]).join(' ') ;
    });
    $$('.nav li a').last().setStyle({
        border: 'none'
    });
    Event.observe('extra_trigger', 'click', function(){
        $('extra_trigger').addClassName('quiet');
        Effect.toggle('extra', 'appear', {
            duration: 0.5
        });
        if($('extra').visible()){
            $('extra_trigger').removeClassName('quiet');
        }
    });
    function grid_show() {
        if(window.location.href.endsWith("#showgrid")) {
            $$('div.container').each(function(element) {
                element.addClassName('showgrid');
            });
        }
    }
    grid_show ();
});