var scroller = null;
var fxScroll;
var onScroll = 0;
var timeScrollTab = 800;
var currTab = 0;
var tabs = new Array();
var tabsWidth = 0;

window.addEvent('domready', function() {

    var getSizeTabs = 0;

    if ($('realizzazioni')) {

        $('realizzazioni').getFirst('ul').getChildren('li').each(function(el) {
            getSizeTabs += el.getSize().x;
        });

        $('realizzazioni').getFirst('ul').setStyle('width', getSizeTabs);

        tabs = $$('div#realizzazioni ul li');
        if (tabs.length > 0) {
            tabsWidth = tabs[0].getSize().x;
            fxScroll = new Fx.Scroll('realizzazioni', {
                onComplete: function() {
                    onScroll = 0;
                },
                duration: timeScrollTab,
                transition: Fx.Transitions.Sine.easeInOut
            });
            fxScroll.set(0, 0);
        }
    }

    var elem = $$('#nav_main ul')[0];
    var par = $$('div#nav_main')[0];
    var button = $$('span.toggleButton')[0];
    var open = true;
    var dims = { width: '840px', height: '30px' };
    button.addEvent('click', function() {


        // funzione da eseguire al morph finito
        var menuMorphComplete = function() {
            if (open == true) {
                elem.erase('style');
                par.erase('style');
                $(button).set('text', 'nascondi menu');
            }
            else {
                $(button).set('text', 'mostra menu');
            }
        };

        // imposto i parametri del morph
        elem.set('morph', { duration: 1000, onComplete: menuMorphComplete });
        button.set('morph', { duration: 1000 })

        // a seconda dello stato nascondo o mostro
        if (open == true) {
            elem.setStyle('overflow', 'hidden');
            elem.setStyle('height', '19px');
            par.setStyle('overflow', 'hidden');
            par.setStyle('height', '30px');
            elem.morph({ marginLeft: dims.width });
            button.morph({ marginLeft: '680px' });
            open = false;
        }
        else {
            elem.morph({ marginLeft: 0 });
            button.morph({ marginLeft: 0 });
            open = true;
        }
    });
});
function scrollTabs(inc) {
    if (onScroll == 0) {
        var nextTab = currTab + inc;
        if ($(tabs[nextTab])) {
            onScroll = 1;
            fxScroll.start(tabsWidth * nextTab, 0);
            currTab = nextTab;
        }
        else {
        }
    }
}