var hideTime  = 200;
var timeoutID = null;

$(document).ready(function() {

	var $navHeight = 0;
	var topOffset = 0;
	var $navList = $('.mainMenuList li ul li:visible:not(.mainMenuList ul ul li)')
	var $rollUpList = $('.mainMenuList ul:hidden');
	
	$(document).bind('mousemove',function(e){ 
		mouseX = e.pageX;
		mouseY = e.pageY;
	});
	
	$('.mainMenuList').css('backgrond-image','../images/pfeil.png');
	$('#mainMenu').append('<div id="rNavArrow"></div>');
	$('#mainMenu').append('<div id="rNavArrow2"></div>');


	for (var i = 0; i < $navList.length; i++)
	{
		$navHeight += $($navList[i]).height();
		for (var j = 0; j < $rollUpList.length; j++)
		{
			if ($($navList[i]).attr('name') === $($rollUpList[j]).attr('name'))
			{
				topWert = topOffset + $navHeight;
				$($rollUpList[j]).css('top',topWert);
			}
		}
	}

	$('.testnav').mouseover(function() {cleartimer();window.clearTimeout(timeoutID2);});
	$('#rNavArrow').mouseover(function() {cleartimer();window.clearTimeout(timeoutID2);});
	$('#rNavArrow2').mouseover(function() {cleartimer();window.clearTimeout(timeoutID2);});
	$('.selected').mouseover(function() {closeallrollup();window.clearTimeout(timeoutID2);});

	$('#rNavArrow').mouseleave(function() {timer();});
	$('#rNavArrow2').mouseleave(function() {timer();});
	$('.testnav').mouseleave(function() {timer();});
	
});

function checkMouse(){
	if (mouseX < offset.left) closeallrollup();
	if (mouseY < offset.top) closeallrollup();
	if (mouseX > mouseWindowX) closeallrollup();
	if (mouseY > mouseWindowY) closeallrollup();	
}


function createArrow(o)
{
	arrowtop = $('.testnav[name=' + o +']').css('top');
	$('#rNavArrow').html($('.mainMenuList li ul li:visible[name=' + o +']').html());
	$('#rNavArrow').css('top', arrowtop);
	arrowtop = parseInt(arrowtop) - 12;
	$('#rNavArrow2').css('top', arrowtop);
	$('#rNavArrow').show(0,function() {
		offset = $(this).offset();
		mouseWindowX = offset.left + 150;
		console.log('pos left '+offset.left);
		console.log('pos top '+offset.top);
		mouseWindowY = offset.top + 40;
		console.log('mouse x/y'+mouseX+' / '+mouseY);	
		timeoutID2 = window.setTimeout("checkMouse()", 500);
	});
	$('#rNavArrow2').show();
	
	
	//alert(offset.left + '   ' + offset.top);
	//alert(mouseX+'   '+mouseY);

}

function openrollup(o)
{
	cleartimer();
	closeallrollup();
	if ($('.testnav[name=' + o +']').attr('name')!=null) {createArrow(o);}
	else {createArrow(o);}
	$('.testnav[name=' + o +']').show();
}

function closeallrollup()
{
	$('.testnav').hide();
	$('#rNavArrow').hide();
	$('#rNavArrow2').hide();
}

function timer()
{
	if (!timeoutID)
	{
		timeoutID = window.setTimeout("closeallrollup()", hideTime);
	}
}

function cleartimer()
{
	if(timeoutID)
	{
		window.clearTimeout(timeoutID);
		timeoutID = null;
	}
}