//MooTools, <http://mootools.net>, My Object Oriented (JavaScript) Tools. Copyright (c) 2006-2008 Valerio Proietti, <http://mad4milk.net>, MIT Style License.

var menuItems_length = 7;
var subMenuItems_length = 7;
var isMenuOpen = false;
var currMenuItem_id;
	
window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	//-vertical
	
//	
	for( var menuItem_index = 1; menuItem_index <= menuItems_length; menuItem_index++ ) {
	
		var currVerticalSlide = new Fx.Slide('vertical-slide_' + menuItem_index);
		//currVerticalSlide.toggle();

//alert(">>>> " + currVerticalSlide.name);	

		$('v_slidein').addEvent('click', function(e){	
			e.stop();
			currVerticalSlide.slideIn();
		});

		$('v_slideout').addEvent('click', function(e){
			e.stop();
			currVerticalSlide.slideOut();
		});

		$('v_toggle_' + menuItem_index).addEvent('mouseover', function(e){	
		
			isMenuOpen = true;

			currMenuItem_id = this.id.charAt(this.id.length - 1);
	
			for( var tempMenuItem_index = 1; tempMenuItem_index <= menuItems_length; tempMenuItem_index++ ) {
				
				e.stop();
				
				var tempVerticalSlide = new Fx.Slide('vertical-slide_' + tempMenuItem_index);
				if( tempMenuItem_index == currMenuItem_id ) {
			
					tempVerticalSlide.toggle();
				}
				else {
					tempVerticalSlide.slideOut();
				}
			}
		});
		
		$('v_toggle_' + menuItem_index).addEvent('mouseout', function(e){	
		
			isMenuOpen = false;
			setTimeout("toggleMenu('vertical-slide_" + currMenuItem_id + "')",100);
		});
			
		$('v_hide').addEvent('click', function(e){
			e.stop();
			currVerticalSlide.hide();
			$('vertical_status').set('html', status[currVerticalSlide.open]);
		});
		
		$('v_show').addEvent('click', function(e){
			e.stop();
			currVerticalSlide.show();
			$('vertical_status').set('html', status[currVerticalSlide.open]);
		});
		
		// When Vertical Slide ends its transition, we check for its status
		// note that complete will not affect 'hide' and 'show' methods
		currVerticalSlide.addEvent('complete', function() {
			$('vertical_status').set('html', status[currVerticalSlide.open]);
		});
		
		for( var subMenuItems_index = 1; subMenuItems_index <= subMenuItems_length; subMenuItems_index++ ) {
		
			$('menu_' + menuItem_index + '_' + subMenuItems_index).addEvent('mouseover', function(e){
				
				isMenuOpen = true;
			});
			
			$('menu_' + menuItem_index + '_' + subMenuItems_index).addEvent('mouseout', function(e){
			
				isMenuOpen = false;
				setTimeout("toggleMenu('vertical-slide_" + currMenuItem_id + "')",100);
			});
		}
	}
		
	setTimeout("delayCloseMenu(this)",2000);
});

function toggleMenu(menuItem_str) {

	if( !isMenuOpen ) {
		var tempVerticalSlide = new Fx.Slide(menuItem_str);
		tempVerticalSlide.toggle();
	}
}

function delayCloseMenu() {
	
	for( var menuItem_index = 1; menuItem_index <= menuItems_length; menuItem_index++ ) {
	
		var currDelayVerticalSlide = new Fx.Slide('vertical-slide_' + menuItem_index);
		currDelayVerticalSlide.toggle();
	}
}