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

	var myVerticalSlide1 = new Fx.Slide('gray1',{onComplete: function(){preveri();}}).hide();
	var myVerticalSlide2 = new Fx.Slide('gray2',{onComplete: function(){preveri();}}).hide();
	var myVerticalSlide3 = new Fx.Slide('gray3',{onComplete: function(){preveri();}}).hide();

	$('v_toggle1').addEvent('click', function(e){
		var myVerticalSlide2 = new Fx.Slide('gray2').slideOut();
		var myVerticalSlide3 = new Fx.Slide('gray3').slideOut();
		$('mon1').className = 'moolink mon';
		$('mon2').className = 'moolink mof';
		$('mon3').className = 'moolink mof';
		e.stop();
		myVerticalSlide1.toggle();
	});
	
	$('v_toggle2').addEvent('click', function(e){
		var myVerticalSlide1 = new Fx.Slide('gray1').slideOut();
		var myVerticalSlide3 = new Fx.Slide('gray3').slideOut();
		$('mon2').className = 'moolink mon';
		$('mon1').className = 'moolink mof';
		$('mon3').className = 'moolink mof';
		e.stop();
		myVerticalSlide2.toggle();
	});
	
	$('v_toggle3').addEvent('click', function(e){
		var myVerticalSlide1 = new Fx.Slide('gray1').slideOut();
		var myVerticalSlide2 = new Fx.Slide('gray2').slideOut(); 
		$('mon3').className = 'moolink mon';
		$('mon1').className = 'moolink mof';
		$('mon2').className = 'moolink mof';
		e.stop();
		myVerticalSlide3.toggle();
	});
	
	
	function preveri(){
		window.scrollTo(0,300);
		if(parseInt(($('gray1').style.marginTop).replace('px','')) < 0
		&& parseInt(($('gray2').style.marginTop).replace('px','')) < 0
		&& parseInt(($('gray3').style.marginTop).replace('px','')) < 0){
			$('mon1').className = 'moolink mopen';
			$('mon2').className = 'moolink mopen';
			$('mon3').className = 'moolink mopen';
		}
	}

});