var ie=document.all;
var nn6=document.getElementById&&!document.all;
var brw = nn6 ? "ff" : "ie";
var ifie6 = navigator.userAgent.toLowerCase().indexOf('msie 6'); // checked op ie6
var ifie7 = navigator.userAgent.toLowerCase().indexOf('msie 7'); // checked op ie7
var reNo = new RegExp('^[0-9]');
var reLe = new RegExp('^[A-Za-z]');

brkStr = function(val,act,no)
{
	var arr_val = new Array();
	var arr_val = val.split(act);
	
	if(no == "last")
 	{
		val = arr_val.pop();
	}
	else
	{
		val = arr_val[no];
	}
	return val;
}

function mkRe(classname)
{
	var re = new RegExp('\\b' + classname + '\\b');
	return re;
}

chk_cijfers = function(e)
{
	var $pcode = document.getElementById("cijfers");	
	var key = nn6 ? e.which : event.keyCode;
		
	if(key != 37 && key != 39)
	{				
		if (key.which == null)
		{
			char= String.fromCharCode(key);
		}
		else if (key.which != 0 && key.charCode != 0)
		{
			char= String.fromCharCode(key.which);	
		}
		
		var $pcodeV = $pcode.value;
		var $pcodeL = $pcodeV.length;			
	
		var $pcode1 = $pcodeV.substr(0, 1);
		var $pcode2 = $pcodeV.substr(1, 1);
		var $pcode3 = $pcodeV.substr(2, 1);
		var $pcode4 = $pcodeV.substr(3, 1);
		
		if(!reNo.test($pcode1)) { $pcode1 = "";	}	
		if(!reNo.test($pcode2)) { $pcode2 = ""; }
		if(!reNo.test($pcode3)) { $pcode3 = ""; }
		if(!reNo.test($pcode4)) { $pcode4 = ""; }		
		$pcode.value = $pcode1 + $pcode2 + $pcode3 + $pcode4;
		
		if($pcodeL == 4  && ((key > 47 && key < 58) || (key > 96 && key < 106)))
		{
			if(key > 96 && key < 105)
			{
				if(key == 97) { char = 1; }
				if(key == 98) { char = 2; }
				if(key == 99) { char = 3; }
				if(key == 100) { char = 4; }
				if(key == 101) { char = 5; }
				if(key == 102) { char = 6; }
				if(key == 103) { char = 7; }
				if(key == 104) { char = 8; }
				if(key == 105) { char = 9; }
			}
			
			document.getElementById("letters").focus();			
		}
	}
}

chk_letters = function(e)
{
	var $pcode = document.getElementById("letters");
	
	var key = nn6 ? e.which : event.keyCode;
	
	if(key != 37 && key != 39)
	{				
		if (key.which == null)
		{
			char= String.fromCharCode(key);
		}
		else if (key.which != 0 && key.charCode != 0)
		{
			char= String.fromCharCode(key.which);	
		}
		
		var $pcodeV = $pcode.value;
		var $pcodeL = $pcodeV.length;			
	
		var $pcode1 = $pcodeV.substr(0, 1);
		var $pcode2 = $pcodeV.substr(1, 1);
		
		if(!reLe.test($pcode1)) { $pcode1 = "";	}	
		if(!reLe.test($pcode2)) { $pcode2 = ""; }		
		$pcode.value = $pcode1.toUpperCase() + $pcode2.toUpperCase();
		
		if($pcode.value.length == 2)
		{			
			document.getElementById("huisnr").focus();			
		}
	}
}

chk_huisnr = function(e)
{
	var $pcode = document.getElementById("huisnr");
	
	var key = nn6 ? e.which : event.keyCode;
	
	if(key != 37 && key != 39)
	{				
		if (key.which == null)
		{
			char= String.fromCharCode(key);
		}
		else if (key.which != 0 && key.charCode != 0)
		{
			char= String.fromCharCode(key.which);	
		}
		
		if(key > 96 && key < 105)
		{
			if(key == 97) { char = 1; }
			if(key == 98) { char = 2; }
			if(key == 99) { char = 3; }
			if(key == 100) { char = 4; }
			if(key == 101) { char = 5; }
			if(key == 102) { char = 6; }
			if(key == 103) { char = 7; }
			if(key == 104) { char = 8; }
			if(key == 105) { char = 9; }
		}
		
		var $pcodeV = $pcode.value;
		var $pcodeL = $pcodeV.length;
		
		//alert($pcodeL);
		
		for(i=0;i<$pcodeL;i++)
		{			
			var stukjehuisnr = $pcodeV.substr(i, 1);
			
			if(reLe.test(stukjehuisnr))
			{				
				$pcode.value = $pcode.value.replace(stukjehuisnr, "");
				document.getElementById("huisnrtoe").focus();	
				document.getElementById("huisnrtoe").value = stukjehuisnr;			
			}
			
		}
	}
}

chk_tab = function(e)
{
	var $pcode = document.getElementById("letters");
	
	var key = nn6 ? e.which : event.keyCode;
	
	if(key == 9 && document.getElementById("letters").value < 2)
	{
		return false;
	}	
}

chk_tab_huisnr = function(e)
{
	var $pcode = document.getElementById("huisnr");
	
	var key = nn6 ? e.which : event.keyCode;
	
	if(key == 9 && document.getElementById("huisnr").value == "")
	{
		return false;
	}	
}

mkButtons = function ()
{	
	var link_tags = document.getElementsByTagName("*");
	
	for (i=0; i<link_tags.length; i++) 
	{	
		if(mkRe('btn').test(link_tags[i].className) && !mkRe('btn_left').test(link_tags[i].childNodes[0].className))
		{
			var btn = link_tags[i];
			var btn_txt = btn.innerHTML;			
			var btn_clr = btn.className.substring(btn.className.lastIndexOf(" ") + 1);			
			btn.innerHTML = "<span class=\"btn_left " + btn_clr + "_left\">&nbsp;</span><span class=\"btn_center " + btn_clr + "_center\">" + btn_txt + "</span><span class=\"btn_right " + btn_clr + "_right\">&nbsp;</span>";
		}	
	}
}

mkchnSrc = function()
{ 	
	var doc_img = document.getElementsByTagName("IMG");
	var re = mkRe('chn_src');
	
	if(doc_img) 
	{				
		for (i=0; i<doc_img.length; i++) 
		{			
				if(re.test(doc_img[i].className))
				{
					doc_img[i].onmouseover = chnSrc;
					doc_img[i].onmouseout = chnSrc;
				}
		}		
	}	
	
	var doc_img = document.getElementsByTagName("INPUT");
	var re = mkRe('chn_src');
	
	if(doc_img) 
	{				
		for (i=0; i<doc_img.length; i++) 
		{			
				if(re.test(doc_img[i].className))
				{
					doc_img[i].onmouseover = chnSrc;
					doc_img[i].onmouseout = chnSrc;
				}
		}		
	}	
}

var filetype_chnSrc = "";
function chnSrc(e)
{	
	var act = nn6 ? e.type : event.type;
	var obj = nn6 ? e.target : event.srcElement;	
	var srclengte = obj.src.length;	
	var check_active_state = brkStr(obj.src,"_","last");

	if(act == "mouseover" && check_active_state != "active.jpg")
	{
		var srclengte_gestript = parseInt(srclengte) - 4;
		filetype_chnSrc = obj.src.substr(srclengte_gestript);
		var new_src = obj.src.substr(0, srclengte_gestript);
		obj.src = new_src + "_hover" + filetype_chnSrc;
	}
	else if(check_active_state != "active.jpg")
	{
		var srclengte_gestript = parseInt(srclengte) - 10;
		var new_src = obj.src.substr(0, srclengte_gestript);
		obj.src = new_src + filetype_chnSrc;	
	}	
}


mkLogoheight = function()
{
	var companylogo	= document.getElementById("companylogo");
	var companylogo_holder	= document.getElementById("companylogo_holder");
	var companytekst = document.getElementById("companytekst");
	
	if (companylogo_holder&&companylogo&&companytekst){
	    companylogo_holder.style.height = (companylogo.offsetHeight + 10) + "px";   
	    var iMarginText = (companylogo_holder.offsetHeight - document.getElementById("companytekst").offsetHeight) / 2; 
	    if (iMarginText<0) iMarginText = 0;	    	
	    companytekst.style.bottom = iMarginText + "px";
	}
}


functions_on_pageLoad = function()
{		
	mkButtons();
	mkchnSrc();
	enableTooltips();
	mkLogoheight();
	
	if(document.getElementById("cijfers"))
	{
		document.getElementById("cijfers").onkeyup = chk_cijfers;	
		document.getElementById("letters").onkeyup = chk_letters;		
		document.getElementById("huisnr").onkeyup = chk_huisnr;
		document.getElementById("letters").onkeydown = chk_tab;	
		document.getElementById("huisnr").onkeydown = chk_tab_huisnr;	
	}
	
}

if(window.attachEvent)  
{
	window.attachEvent('onload', functions_on_pageLoad);
}
else 
{	
	window.addEventListener('load',  functions_on_pageLoad, false);	
}

