window.onload = init;

function initFontSizer()
{
	var fs = document.getElementById('fontsizer');
	
	if ( !fs ) return;
	
	var btns = fs.getElementsByTagName('a');
	var b = document.getElementsByTagName('body')[0];
	
	var em = 0.7;
	var min = em - 0.1;
	var max = em + 1;
	
	btns[0].onclick = function()
	{
		em -= 0.1;
		
		if ( em < min ) em = min;
		
		b.style.fontSize = em + 'em';
	}
	
	btns[1].onclick = function()
	{
		em += 0.1;
		
		if ( em > max ) em = max;
		
		b.style.fontSize = em + 'em';
	}

}


function popMeUp(pad,naam,breed,hoog) 
{
	venster = window.open(pad, naam, "width=" + breed + ",height=" + hoog +
	",toolbar=no,location=no,directories=no,status=0,resizable=no,scrollbars=no,menubar=no");
	venster.moveTo( 50, 50 );
}

function submitStelling(formId, hiddenId, val )
{
	var form = document.getElementById(formId);
	var input = document.getElementById(hiddenId);
	
	if ( !form || !input ) return;
	
	input.value = val;
	
	form.submit();    	
}
    
    
function toggle()
{
	if (this.value == 'Zoek')
	{
		this.value = '';
	} 
	else if (this.value == '')
	{
		thisheb.value = 'Zoek';
	}
}
function initSearchBox(doel)
{
	var sel = document.getElementById(doel);
	
	if ( !sel) return;
	
	var btn = sel.getElementsByTagName("a")[0];
	
	var veldId = 'search_keyword';
	var categorie = "";
	
	var input = document.getElementById(veldId);
	
	input.onfocus = input.onblur = toggle;
	
	var categorie = ""; 
	
	var categorylist = document.getElementById("categorylist");
	
	sel.onmouseover = function()
	{
		categorylist.style.display = "block";
	}
	
	sel.onmouseout = function()
	{
		categorylist.style.display = "none";
	}
	
	var cats = categorylist.getElementsByTagName("a");
	
	for( var i = 0; i < cats.length; i++)
	{
		var c = cats[i];
		
		c.onclick = function()
		{
			categorylist.style.display = "none";
			
			/*
				categorie opslaan
			*/
			categorie = this.innerHTML;
			
			btn.innerHTML = categorie;
			
		}
	}
	var search_btn = document.getElementById( 'search_btn' );
	
	function zoek()
	{
		if(document.getElementById( veldId ).value != 'Zoek' && categorie != "")
		{
			document.location.replace('/page/diy/' + categorie + '/all/page/1/' + document.getElementById( veldId ).value );
		}
	}
	
	search_btn.onclick = function()
	{
		zoek();
	}
	
	document.getElementById("search-form").onsubmit = function()
	{
		zoek();
		return false;
	}
	
	
}

function init()
{
	initFontSizer();
	initSearchBox("category-select");
}

function printTable(obj , kopje) 
{   
	content = document.getElementById(obj).innerHTML;
	newwin = window.open('');
	          
	newwin.document.write('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\n' ,
	'<html xmlns="http://www.w3.org/1999/xhtml">\n',
	'<html>\n',
	'<head>\n',
	'<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\n',
	'<link href="/static/css/layout.css" rel="stylesheet" type="text/css" />\n' ,
	'<link rel="Stylesheet" href="/static/css/reset.css" media="screen"/>\n' ,
	
	'</head>\n',
	'<body>\n',
	'<div id="download-chart">\n',
	'<h3>' + kopje + '</h3>\n',
	'<div class="chart">\n',
	''+content+'\n',
	'<div class="chart-footer clearfix">\n',
	'</div>\n',
	'</div>\n',
	'</div>\n',
	'</body>\n',
	'</html>');
	
	newwin.print();
	newwin.document.close();
}

function relocate(page) 
{
	var URL = '/page/' + page + '/' + document.selectchart.archief.options[document.selectchart.archief.selectedIndex].value;
	window.location.href = URL;	
}
