// JavaScript Document
var filterOn = false;

function filter(input)
{
	if(filterOn == true)
	{
		closeFilter();
	}
	else
	{
		var height_in = new Tween(document.getElementById('filter').style,'height',Tween.strongEaseIn,0,110,1,'px');
		height_in.start();
		
		height_in.onMotionFinished = function()
		{
			document.getElementById('filter').innerHTML = "<div class='searchfilter'><form name='searchfilter' method='post' action='index.php?p=search_results'><table><tr><td colspan='2' class='filterhead'>GENRE</td><td><img src='images/search_exit.jpg' border='0' alt='' onclick='closeFilter();' class='search_close_img' /></td></tr><tr><td width='150'><input type='checkbox' name='natuur' value='2' />NATUUR</td><td width='150'><input type='checkbox' name='kunst' value='4' />KUNST</td><td width='150'><input type='checkbox' name='diverse' value='1' />DIVERSE</td></tr><tr><td><input type='checkbox' name='oorlog' value='3' />OORLOG</td><td><input type='checkbox' name='geschiedenis' value='5' />GESCHIEDENIS</td><td></td></tr><tr><td><input type='checkbox' name='religie' value='6' />RELIGIE</td><td><input type='checkbox' name='cultuur' value='7' />CULTUUR</td><td><input type='submit' value='ZOEK' class='searchfilter_btn' /></td></tr></table><input type='hidden' value='"+input+"' name='search_input'></form></div>";
		}
		filterOn = true;
	}
}
function closeFilter()
{
	if(filterOn == true)
	{
		document.getElementById('filter').innerHTML = "";
		var height_out = new Tween(document.getElementById('filter').style,'height',Tween.strongEaseOut,110,0,1,'px');
		height_out.start();
		filterOn = false;
	}
}