var navOpen = false;
var navHeight = 125;
var targetUrl;
var currentNav;

$(document).ready(function()
{
	$('#mainnav').children('li').each(function()
	{
		// add click to display the subnavi
		if ($(this).hasClass('IFSUB')) {
			$(this).click(function()
			{
				$(this).addClass('CURIFSUB');
				currentNav = this;
				targetUrl = $(currentNav).children('a')[0].href;
				if (navOpen === false) {
					$('#nav').animate(
						{height: 90},
						10,
						function()
						{
							$('#mainnav').addClass('open');
							animateStep2();
						}
					);						
				} else {
					navOpen.hide();
					$('#mainnav').addClass('open');
					$(currentNav).children('ul').show();
					document.location = targetUrl;
				}
				return false;
			});
		}
		
		// set open subnavi
		if ($(this).hasClass('NO') == false && $(this).hasClass('CURIFSUB') || $(this).hasClass('ACTIFSUB')) {
			navOpen = $(this).children('ul');
			navOpen.css('display', 'block');
			$('#nav').css('height', navHeight);
			$('#mainnav').addClass('open');
		}
	});
});

function animateStep2()
{
	$('#nav').animate(
		{height: 125},
		500,
		function()
		{
			$(currentNav).children('ul').fadeIn(
				500,
				function()
				{
					document.location = targetUrl;
				}
			);				
		}
	);
}