var currentMenuFade = null;
var currentSubmenu = null;
var activeSubmenu = null;

function showSubmenu(menuItem, id) {
	menuHover(menuItem, true);
	var submenu = $('submenu_' + id);
	if (submenu && !submenu.visible()) {
		currentSubmenu = submenu;
		Effect.BlindDown(submenu, {duration: 0.1});
	}
	
	$$('.submenu').each(function(element) {
		if (element.visible() && (!submenu || submenu.id != element.id))
		{
			element.hide();
		}
	});
}

function menuHover(menuItem, hover)
{
	var node = $($(menuItem).parentNode);
	if (hover) {
		if (!node.hasClassName('active')) node.addClassName('sel');
		if (currentMenuFade) {
			currentMenuFade.cancel();
			currentMenuFade = null;
		}
	} else {
		if (!node.hasClassName('active')) node.removeClassName('sel');
		if (currentSubmenu && currentSubmenu.visible()
				&& (!activeSubmenu || currentSubmenu.id != activeSubmenu.id)) {
			currentMenuFade = new Effect.Fade(currentSubmenu, {delay: 2, afterFinish: function(){
					if (activeSubmenu) Effect.BlindDown(activeSubmenu, {duration: 0.1});
				}
			});
		}
		else if (activeSubmenu && (!currentSubmenu || currentSubmenu.id != activeSubmenu.id) && node.parentNode.id == 'menu')
		{
			Effect.BlindDown(activeSubmenu, {duration: 0.1});
		}
	}	
}

Event.observe(window, 'load', function(e){
	var submenu = $$('ul.active');
	if (submenu.length > 0)
	{
		activeSubmenu = submenu[0];
	}
});

function updatePage(id)
{
	new Ajax.Request('/c_/ajax/content/detail/id/' + id, {
		method: 'get',
		onSuccess: function(transport) {
			var content = $('more_' + id);
			content.update(transport.responseText);
			content.show();
			$('morelink_' + id).hide();
			$('lesslink_' + id).setStyle({visibility: 'visible'});
			$('lesslink_' + id).show();
		}
	});
	
	return false;
}

function shortenPage(id)
{
	var content = $('more_' + id);
	content.update('');
	content.hide();
	$('morelink_' + id).show();
	$('lesslink_' + id).hide();
	
	return false;
}