var MenuTimer = null;
var CurrentMenu = null;

window.addEvent('domready', function(){
	StartSlider();
	StartMenu();
});

function StartSlider(){
	var obj = {
		wait: 3000, 
		effect: 'fade',
		duration: 1000, 
		loop: true, 
		thumbnails: true,
		backgroundSlider: true,
		onClick: function(i){alert(i)}
	}
	try{
		show = new SlideShow('slider', 'thumb', obj);
		show.play();
	} catch(e){}
}

function StartMenu(){
	$each($('main-menu').getElements('a'), function(el, index){
		var submenu = $(el).getParent().getElement('ul');
		if($(el).getParent().getParent().id.toLowerCase() == 'main-menu' && submenu){
			$(el).href = 'javascript:;';
			$(el).addEvent('click', function(){
    			
    			$each($('main-menu').getElements('ul.sub-menu'), function(smenu, index){ $(smenu).setStyle('display', 'none'); });
    			$(el).submenu = submenu; 
    			submenu.setStyle('display', 'block');
    			CurrentMenu = submenu;
    			
    			return false;
			});
			
			$(el).addEvent('mouseleave', function(){ SetTimer($(el)); });
			
			$(el).addEvent('mouseover', function(){ if($(this).submenu == CurrentMenu) ResetTimer(); });
			
			$(submenu).addEvent('mouseleave', function(){ SetTimer($(el)); });
			
			$(submenu).addEvent('mouseover', function(){ ResetTimer(); });
	    }
	});
}

function SetTimer(menu){
	MenuTimer = CloseMenu.delay(100, menu);
}

function ResetTimer(){
	MenuTimer = $clear(MenuTimer);
}

function CloseMenu(){
	try{
		$(this).submenu.setStyle('display', 'none');
	} catch(e){}; 
}