window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	var myVerticalSlide = new Fx.Slide('vertical_slide_default');
	
    myVerticalSlide.slideOut();
    
    $('v_toggle_sitemap').addEvent('click', function(e){
	    e = new Event(e);
	    myVerticalSlide.toggle();
	    e.stop();
    });

var myEffect = new Fx.Morph('nav', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
var myEffect2 = new Fx.Morph('nav2', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
var myEffect3 = new Fx.Morph('nav3', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
var myEffect4 = new Fx.Morph('nav4', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
var myEffect5 = new Fx.Morph('nav5', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
	
	// Or we just use Element.morph
//	$('nav').addEvent('mouseover', function(e) {
//		e.stop();
//        myEffect.start('.imageOver');

//	});
//    $('nav').addEvent('mouseout', function(e) {
//		e.stop();
//		 myEffect.start('.imageOut');

//	});
// 
// 
// 	$('nav2').addEvent('mouseover', function(e) {
//		e.stop();
//        myEffect2.start('.imageOver');

//	});
//    $('nav2').addEvent('mouseout', function(e) {
//		e.stop();
//		 myEffect2.start('.imageOut');

//	}); 

// 	$('nav3').addEvent('mouseover', function(e) {
//		e.stop();
//        myEffect3.start('.imageOver');

//	});
//    $('nav3').addEvent('mouseout', function(e) {
//		e.stop();
//		 myEffect3.start('.imageOut');

//	}); 	
//	
//	
//    $('nav4').addEvent('mouseover', function(e) {
//	e.stop();
//    myEffect4.start('.imageOver');

//	});
//    $('nav4').addEvent('mouseout', function(e) {
//		e.stop();
//		 myEffect4.start('.imageOut');

//	}); 	
//	
//	    $('nav5').addEvent('mouseover', function(e) {
//	e.stop();
//    myEffect5.start('.imageOver');

//	});
//    $('nav5').addEvent('mouseout', function(e) {
//		e.stop();
//		 myEffect5.start('.imageOut');

//	}); 	
	
	
});