window.addEvent('load', function(){ //using on load so that slider div does not flash
    var mySlider = new Fx.Slide('website_slide', {
        transition: Fx.Transitions.Expo.easeOut,
        duration: 1000     
    }).hide();
   
    $('w_toggle').addEvent('click', function(e){
        e.stop();
        mySlider.toggle();
    });
});

window.addEvent('load', function(){ //using on load so that slider div does not flash
    var mySlider = new Fx.Slide('graphic_slide', {
        transition: Fx.Transitions.Expo.easeOut,
        duration: 1000     
    }).hide();
   
    $('g_toggle').addEvent('click', function(e){
        e.stop();
        mySlider.toggle();
    });
}); 

window.addEvent('load', function(){ //using on load so that slider div does not flash
    var mySlider = new Fx.Slide('projects_slide', {
        transition: Fx.Transitions.Expo.easeOut,
        duration: 1000     
    }).hide();
   
    $('p_toggle').addEvent('click', function(e){
        e.stop();
        mySlider.toggle();
    });
});

window.addEvent('load', function(){ //using on load so that slider div does not flash
    var mySlider = new Fx.Slide('ideas_slide', {
        transition: Fx.Transitions.Expo.easeOut,
        duration: 1000     
    }).hide();
   
    $('i_toggle').addEvent('click', function(e){
        e.stop();
        mySlider.toggle();
    });
});

window.addEvent('load', function(){ //using on load so that slider div does not flash
    var mySlider = new Fx.Slide('blog_slide', {
        transition: Fx.Transitions.Expo.easeOut,
        duration: 1000     
    }).hide();
   
    $('b_toggle').addEvent('click', function(e){
        e.stop();
        mySlider.toggle();
    });
});

window.addEvent('load', function(){ //using on load so that slider div does not flash
    var mySlider = new Fx.Slide('me_slide', {
        transition: Fx.Transitions.Expo.easeOut,
        duration: 1000     
    }).hide();
   
    $('m_toggle').addEvent('click', function(e){
        e.stop();
        mySlider.toggle();
    });
});