var toRollDown = 0;
var rolledDown = 0;
var toRollUp = 0;
var rolledUp = 0;
var rollInterval;
var fadeInterval;
var opacity = 0;
var opened = false;


function rollUpDown(px) {
	if(!rollInterval && !fadeInterval) {
		if(!opened) {
			simpleRollDownEffect(px);
			fadeInterval = setInterval("fadeIn()", 60);
		}
		else {
			simpleRollUpEffect(px);
			fadeInterval = setInterval("fadeOut()", 60);
		}
		opened = !opened;
	}
}

function fadeIn() {
	opacity += 1;
	setOpacity(opacity);
	if(opacity == 9) {
		fadeInterval = clearInterval(fadeInterval);
	}
}

function fadeOut() {
	opacity -= 1;
	setOpacity(opacity);
	if(opacity == 0) {
		fadeInterval = clearInterval(fadeInterval);
	}
}

function setOpacity(value) {
	oDiv = document.getElementById("search_panel");
	oDiv2 = document.getElementById("result_panel");
	oDiv.style.opacity = value/10;
	oDiv.style.filter = 'alpha(opacity=' + value*10 + ')';
	oDiv2.style.opacity = value/10;
	oDiv2.style.filter = 'alpha(opacity=' + value*10 + ')';
}

function simpleRollDownEffect (px) {
	toRollDown = px;
	document.getElementById("search_panel").style.display = "";
	document.getElementById("search_filler").style.display = "";
	document.getElementById("result_panel").style.display = "";
	rollInterval = setInterval("rollDown(8)", 30);
}

function rollDown (px) {
	oDiv = document.getElementById("search_container");
	rolledDown += px;
	if(rolledDown >= toRollDown) {
		document.getElementById("zoek_naar").focus();
		rollInterval = clearInterval(rollInterval);
		oDiv.style.height = (oDiv.clientHeight + (px + toRollDown - rolledDown)) + "px";
		rolledDown = 0;
	}
	else if(rolledDown < toRollDown) {
		oDiv.style.height = (oDiv.clientHeight + px) + "px";
	}
}

function simpleRollUpEffect (px) {
	toRollUp = px;
	rollInterval = setInterval("rollUp(8)", 30);
}

function rollUp (px) {
	oDiv = document.getElementById("search_container");
	rolledUp += px;
	if(rolledUp >= toRollUp) {
		document.getElementById("zoek_naar").focus();
		document.getElementById("search_panel").style.display = "none";
		document.getElementById("search_filler").style.display = "none";
		document.getElementById("result_panel").style.display = "none";
		rollInterval = clearInterval(rollInterval);
		oDiv.style.height = (oDiv.clientHeight - (px + toRollUp - rolledUp)) + "px";
		rolledUp = 0;
	}
	else if(rolledUp < toRollUp) {
		oDiv.style.height = (oDiv.clientHeight - px) + "px";
	}
}