$(document).ready(function() 
{

	var menu							= 0;

	var y_step							= 41;
	var y_position					= 1;
	var y_oldpos						= 1;
	var background_position_y	= 0;

	// Menu item goed zetten
	var x 						= $('area.active').attr('id');
	
	if(x==null)
		x							= '1';						
	else
		x			 				= x.replace(/(sub)/,'');

	y_oldpos 					= (x * y_step - y_step);

	if(x == 1)
		$('DIV.menu').css('background-position', '0px 0px');
	else
		$('DIV.menu').css('background-position', '0px -'+y_oldpos+'px');
		
	
	function setMainMenu(mnuid)
	{
		background_position_y	= (mnuid * y_step - y_step);
	
		if(id == 1)
			$('DIV.menu').css('background-position', '0px 0px');
		else
			$('DIV.menu').css('background-position', '0px -'+background_position_y +'px');	
	}
	
	
	//$('area').click(function()
	$('area').mouseover(function()
	{
		mnuid = $(this).attr('id');
		$('.submenu').fadeOut('fast');
		$('.' + mnuid).slideDown('fast');
		
		// Image map van achtergrond wijzigen!
		id 								= mnuid.replace(/(sub)/,'');
		menu							= id;
		
		setMainMenu(id);
		
		//background_position_y	= (id * y_step - y_step);
		
		/*
		if(id == 1)
			$('DIV.menu').css('background-position', '0px 0px');
		else
			$('DIV.menu').css('background-position', '0px -'+background_position_y +'px');
		*/
		
	});
	
	
	$('area').hover(function()
	{
		var pos = $(this).attr('id');
		pos 	= pos.substr(3,1);
		
		$('.s_right ul.subsubmenu').css('display', 'none');
		$('ul.subsubmenu').css('display', 'none');
		
	}, function()
	{
		// nix
	});
	
	
	$('.submenu').hover(function()
	{
		mnuid = $(this).attr('id');
		$('#' + mnuid).show();
	}, function()
	{
		$('#' + mnuid).slideUp();
		
		if(x == 1)
			$('DIV.menu').css('background-position', '0px 0px');
		else
			$('DIV.menu').css('background-position', '0px -'+y_oldpos+'px');		
	});
	
	
	$('.submenu_parent').mouseenter(function()
	{
		mnuid = $(this).attr('id');
		mnuid = mnuid.replace("submenu_","");
		
		x_pos	= $(this).parent().parent().parent().parent().position();
		
		if($.browser.msie)
		{
			x_width = parseInt($(this).parent().css('width'));
		}
		else
		{
			x_width = parseInt($(this).css('width'));
		}
		
		y_pos	= parseInt($(this).parent().parent().parent().parent().css('top'));
		y_pos2	= $(this).position();
		y_pos3	= parseInt((y_pos + y_pos2.top + 8));
		
		y_pos4	= parseInt((y_pos2.top + 160));
		
		if($('ul#subsubmenu_' + mnuid).css('display') == 'block')
		{
			// nix
		}
		else
		{
			// testing
			$('.subsubmenu').hide();
		
			if(x_pos.left > 450)	// Laat menu links uitkomen
			{
				x = parseInt(x_pos.left - 200);
	 
				$('ul#subsubmenu_' + mnuid).css({'left' : x+'px', 'top' : y_pos4+'px', 'position' : 'absolute', 'z-index' : '100', 'width' : '200px'});
				$('ul#subsubmenu_' + mnuid).show('slide',{direction:'right'},'fast');
			}
			else // Laat menu rechts uitkomen
			{
				x = parseInt((x_pos.left + (x_width)));
				
				$('ul#subsubmenu_' + mnuid).css({'left' : x +'px', 'top' : y_pos4+'px', 'position' : 'absolute', 'z-index' : '100', 'width' : '200px'});
				$('ul#subsubmenu_' + mnuid).show('slide',{direction:'left'},'fast');
			}
		}
			
	}, function()
	{
		mnuid = $(this).attr('id');
		mnuid = mnuid.replace("submenu_","");
		
		/*
		setTimeOut
		(
			function()
			{
				if(x_pos.left > 450)
					$('ul#subsubmenu_' + mnuid).hide('slide',{direction:'right'},'fast');
				else
					$('ul#subsubmenu_' + mnuid).hide('slide',{direction:'left'},'fast');
			}, 1000
		);*/

	});
	
	$('.subsubmenu').mouseenter(function()
	{
		//$(this).stop();
		setMainMenu(menu);
	});
	
	$('.hasnosubsubs').mouseenter(function()
	{
		$('.subsubmenu').hide();
	});
	
});