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

    $$('div.slider').removeClass('show');
    
    $$('.expand').each(function(item) {
        var slideSubmenu = new Fx.Slide(item.getElement('.subnav'), {
            duration: 500,
            transition: Fx.Transitions.Quint.easeOut,
            wait: false
        }).hide();
        
        item.getElement('.trigger').addEvent('mouseover', function(e){
            e = new Event(e).stop();
            slideSubmenu.slideIn();
            $$('div.nav ul li a').addClass('notOn');
            this.addClass('on');
            this.removeClass('notOn');
            e.stop();
        });
        
        item.addEvent('mouseleave', function(e){
            e = new Event(e).stop();
            slideSubmenu.slideOut();
            $$('div.nav ul li a').removeClass('notOn');
            $$('a.trigger').removeClass('on');
            e.stop();
        });
    });
        
    $$('.preview').each(function(item) {
        var slideRollout = new Fx.Style(item.getElement('.rollout'), 'margin-left', {
            duration: 250,
            transition: Fx.Transitions.Expo.easeOut,
            wait: false
        }).hide();
        
        slideRollout.start(-151);
        
        item.getElement('.snap').addEvent('mouseover', function(e){
            slideRollout.start(0);
        });
        
        item.getElement('.snap').addEvent('mouseleave', function(e){
            slideRollout.start(-151);
        });
    });
    
    $$('a.trigger').addEvent('mouseover', function(){
        $$('div.nav ul li a').addClass('notOn');
        this.addClass('on');
        this.removeClass('notOn');
    });
    
    $$('div.nav ul li.tab').addEvent('mouseleave', function(){
        $$('div.nav ul li a').removeClass('notOn');
        $$('a.trigger').removeClass('on');
    });
    
    $$('div.boom-sidebar a.off img').setStyle('opacity', .3);
    
//    $$('div.boom-sidebar a.off').setProperty('href', window.location);
    
    $$('div.tabs ul.nav a').addEvent('click', function(){
        $$('div.tabs ul.nav a').removeClass('on');
        this.addClass('on');
        $$('div.tabs div.sheet').setStyle('display', 'none');
        $$('div.tabs div.' + this.getAttribute('rel')).setStyle('display', 'block');
    });
    
    
    $$('ul.truckTabs li').addEvent('click', function(){
        $$('ul.truckTabs li').removeClass('active');
        $$('div.pane').addClass('paneOff');
        
        this.addClass('active');
        $$('div.pane_' + this.getAttribute('rel')).removeClass('paneOff');
    });
});