var delay = 100; //time to wait before opening the menu on mouseover
var t; //timer variabele
var tt;
var steps = 5; // Aantal pixels per loop.
var speed = 0; // Aantal miliseconden tussen loops
var y;
var general = 0;
function showMenu(which){
	t = setTimeout("open("+which+")")
}
var openMenu = "";
var nextMenu = "";
var timeOutTimer = 1000;
var canClose = false;
var sliderIntervalId = 1;
var sliderHeight = 0;
var sliding = false;
var slideSpeed = 6;
var slider;
var counter = 0;

function initMenu(){
	var menuDiv = document.getElementById("menuDiv");
	var left = menuDiv.offsetLeft;
	menuDiv.style.position = "absolute";
	menuDiv.style.left = left + "px";
	menuDiv.style.top = "150px";
	//sliderHeight = document.getElementById("menu_items_2").offsetHeight;
}

function debug() {
	var testDiv = document.getElementById("test");
	var message = "<hr />";
	message += "ronde " + counter + "<br />";
	message += "t = " + t + "<br />";
	message += "tt = " + tt + "<br />";
	message += "y = " + y + "<br />";
	message += "openMenu = " + openMenu + "<br />";
	message += "canClose = " + canClose + "<br />";
	message += "nextMenu = " + nextMenu + "<br />";
	message += "sliderIntervalId = " + sliderIntervalId + "<br />";
	message += "sliderHeight = " + sliderHeight + "<br />";
	message += "sliding = " + sliding + "<br />";
	message += "slider = " + slider + "<br />";
	testDiv.innerHTML = message + testDiv.innerHTML;
	counter++;
}

function preSlide(nr) {
	if (sliding && openMenu != "" && nextMenu != ""){
		return false;
	} else if (openMenu == nr && sliderHeight > 0) {
		return false;
	} else if (openMenu == nr && sliderHeight < document.getElementById("menu_items_"+nr).offsetHeight) {
		
		return false;
	} else {
		clearTimeout(t);
		tt = setTimeout("Slide("+nr+")", 50);
	}
}

function Slide(nr){
	clearTimeout(t);
	if(sliding)
	return;
	sliding = true;
	if (openMenu != "" && openMenu != nr){
		nextMenu = nr;
		sliderIntervalId = setInterval('SlideUpRun('+openMenu+')', 0);
	}
	else {
		nextMenu = "";
		if(sliderHeight == document.getElementById("menu_items_"+nr).offsetHeight){
			sliderIntervalId = setInterval('SlideUpRun('+nr+')', 0);
		}
		else{
			sliderIntervalId = setInterval('SlideDownRun('+nr+')', 0);

		}
	}
}

function autoTimeOut(){
	clearTimeout(t)
	if (canClose == true){
		sliderIntervalId = setInterval('SlideUpRun('+openMenu+')', 0);
	}
	else {
		t = setTimeout("autoTimeOut();", timeOutTimer);
	}
}

function mOver(nr){
	//if (openMenu != "") {
	if (nr == openMenu){
		//document.getElementById("test").innerHTML = "blijft open " + canClose;
		canClose = false;
	}
	//}
	return;
}

function mOut(nr){
	if (nr == openMenu){
		//document.getElementById("test").innerHTML = "gaat dicht " + canClose;
		canClose = true;
	}
	return;
}

function SlideUpRun(nr){
	clearTimeout(t);
	slider = document.getElementById('exampleSlider_'+nr);
	if(sliderHeight <= 0)
	{
		sliding = false;
		sliderHeight = 0;
		slider.style.height = '0px';
		clearInterval(sliderIntervalId);
		openMenu = "";
		if (nextMenu != ""){
			sliding = true;
			sliderIntervalId = setInterval('SlideDownRun('+nextMenu+')', 0);
			openMenu = nextMenu;
			nextMenu = "";
		}
	}
	else
	{
		sliderHeight -= slideSpeed;
		if(sliderHeight <0)
		sliderHeight = 0;
		slider.style.height = sliderHeight + 'px';
	}
	//debug();
}

function SlideDownRun(nr){
	slider = document.getElementById('exampleSlider_'+nr);
	if(sliderHeight>= document.getElementById("menu_items_"+nr).offsetHeight)
	{
		sliding = false;
		sliderHeight = document.getElementById("menu_items_"+nr).offsetHeight;
		slider.style.height = document.getElementById("menu_items_"+nr).offsetHeight + 'px';
		clearInterval(sliderIntervalId);
		openMenu = nr;
		canClose = true;
		t = setTimeout("autoTimeOut();", timeOutTimer);
	}
	else
	{
		sliderHeight += slideSpeed;
		if(sliderHeight> document.getElementById("menu_items_"+nr).offsetHeight)
		sliderHeight = document.getElementById("menu_items_"+nr).offsetHeight;
		slider.style.height = sliderHeight + 'px';
		openMenu = nr;
		canClose = false;
		//mOver(nr);
	}
	//debug();
}