if(document.attachEvent){
	window.attachEvent("onload", Init);
	window.attachEvent("onstop", Cleanup);
}else{
	window.addEventListener("load", Init, false);
	window.addEventListener("stop", Cleanup, false);
}

function Init() {
	var s = document.getElementsByTagName('span');
	for (var i=0; i < s.length; i++) {
		var obj = s[i];
		if (obj.className.toLowerCase() == 'btn') {
			DoInit(obj);
		}
	}
}

function Cleanup() {
	var s = document.getElementsByTagName('span');
	for (var i=0; i < s.length; i++) {
		var obj = s[i];
		if (obj.className.toLowerCase() == 'btn') {
			obj.detachEvent("onselectstart", DoNothing);
		}
	}
	
	detachEvent("load", Init);
	detachEvent("stop", Cleanup);
}
	
function DoNothing() {
	return false;
}

function DoInit(element) {
	var c = document.all ? "hand" : "pointer";
	var w = "70px";
	var t = 0;
	var s = "";
	var a = "";
	var butskin = "normal";		
	
	try {	w 			= element.getAttribute("width"); 					}	catch (e) {	}
	try {	a 			= element.getAttribute("action"); 				}	catch (e) {	}
	try {	butskin = element.getAttribute("skin"); 					}	catch (e) {	}
	try {	t 			= parseInt(element.getAttribute("type")); }	catch (e) {	}
	
	if (butskin == null) butskin = "normal";
	if (String(element.getAttribute("disabled")) == "true") c = "default";
	
/*	
	if (typeof(element.width   ) != 'undefined') w = element.width;
	if (typeof(element.action  ) != 'undefined') a = element.action;
	if (typeof(element.skin    ) != 'undefined') butskin = element.skin;
*/
	var caption = element.innerHTML;
	
	//om de inactieve tab mooi te krijgen, moet de width een even-getal zijn (i.v.m. achtergrondpatroon)
	if(t==4) {
		if( w%2 > 0){w++}
	}
	
	
	switch (t)
	{
		case 0:
			element.innerHTML = 
				'<table height="20px" width="'+w+'" border="0" cellspacing="0" cellpadding="0" style="cursor:'+c+';" onClick="if (!parentElement.disabled) {'+a+'};">'+
				'	<tr>'+
				'		<td width="8px"><img src="/common/css/skin_'+butskin+'/but_left.gif" alt="" border="0"></td>'+
				'		<td width="100%" background="/common/css/skin_'+butskin+'/but_bg.gif" align="center" valign="middle" nowrap class="btnText0">&nbsp;<span"'+s+'">'+caption+'</span>&nbsp;</td>'+
				'		<td width="8px"><img src="/common/css/skin_'+butskin+'/but_right.gif" alt="" border="0"></td>'+
				'	</tr>'+
				'</table>';
				break;
		case 1:
			element.innerHTML = 
				'<table height="10px" width="'+w+'" border="0" cellspacing="0" cellpadding="0" style="cursor:'+c+';" onClick="if (!parentElement.disabled) {'+a+'};">'+
				'	<tr>'+
				'		<td width="1px" height="1px"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'		<td colspan="2" bgcolor="#777777"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'		<td width="1px" height="1px"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'	</tr>'+
				'	<tr>'+
				'		<td width="1px" bgcolor="#777777"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'		<td width="100%" align="center" nowrap class="btnText1">&nbsp;<span>'+caption+'</span>&nbsp;</td>'+
				'		<td width="1px" bgcolor="AAAAAA"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'		<td width="1px" bgcolor="777777"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'	</tr>'+
				'</table>';
				break;
		case 2:
			element.innerHTML = 
				'<table height="15px" width="'+w+'" border="0" cellspacing="0" cellpadding="0" style="cursor:'+c+';" onClick="if (!parentElement.disabled) {'+a+'};">'+
				'	<tr>'+
				'		<td width="1px" height="1px"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'		<td colspan="2" bgcolor="#777777"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'		<td width="1px" height="1px"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'	</tr>'+
				'	<tr>'+
				'		<td width="1px" bgcolor="#777777"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'		<td width="100%" align="center" nowrap class="btnText2">&nbsp;<span>'+caption+'</span>&nbsp;</td>'+
				'		<td width="1px" bgcolor="AAAAAA"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'		<td width="1px" bgcolor="777777"><img src="/common/images/trans.gif" width="1" height="1" alt="" border="0"></td>'+
				'	</tr>'+
				'</table>';
				break;
		case 3:
			element.innerHTML = 
				'<table height="20px" width="'+w+'" border="0" cellspacing="0" cellpadding="0" style="cursor:'+c+';" onClick="if (String(parentNode.getAttribute(\'disabled\')) != \'true\') {'+a+'};">'+
				'	<tr>'+
				'		<td width="5px" height="20px"><img src="/common/css/skin_'+butskin+'/tab_active_left.gif" width="5" height="20" alt="" border="0"></td>'+
				'		<td width="100%" background="/common/css/skin_'+butskin+'/tab_active_bg.gif" align="center" valign="middle" nowrap class="btnText3">&nbsp;<span>'+caption+'</span>&nbsp;</td>'+
				'		<td width="5px" height="20px"><img src="/common/css/skin_'+butskin+'/tab_active_right.gif" width="5" height="20" alt="" border="0"></td>'+
				'	</tr>'+
				'</table>';
				break;
		case 4:
			element.innerHTML = 
				'<table height="20px" width="'+w+'" border="0" cellspacing="0" cellpadding="0" style="cursor:'+c+';" onClick="if (String(parentNode.getAttribute(\'disabled\')) != \'true\') {'+a+'};">'+
				'	<tr>'+
				'		<td width="5px" height="20px"><img src="/common/css/skin_'+butskin+'/tab_inactive_left.gif" width="5" height="20" alt="" border="0"></td>'+
				'		<td width="100%" background="/common/css/skin_'+butskin+'/tab_inactive_bg.gif" align="center" valign="middle" nowrap class="btnText4">&nbsp;<span>'+caption+'</span>&nbsp;</td>'+
				'		<td width="5px" height="20px"><img src="/common/css/skin_'+butskin+'/tab_inactive_right.gif" width="5" height="20" alt="" border="0"></td>'+
				'	</tr>'+
				'</table>';
				break;
	}
	element.className = "";
}



function createEvent(e) {
	var event = {};
	if (typeof(e) != "undefined" && typeof(e.target) != "undefined") {
		event.offsetX 		= e.layerX;
		event.offsetY		  = e.layerY;
		event.srcElement  = e.target;
		event.keyCode     = e.which;
		event.ctrlKey		  = e.ctrlKey;
		event.shiftKey    = e.shiftKey;
		event.altKey      = e.altKey;
	} else {
		event = window.event;
	}
	return event;
}

/* Toolbar buttons */
function tbDoMouseOver(e) {
	var event = createEvent(e);
	var element = event.srcElement;

	element.style.border = "#0A246A solid 1px";
	element.style.margin = "0 0 0 0";
	element.style.backgroundColor = "#B6BDD2";
}

function tbDoMouseOut(e) {
	var event = createEvent(e);
	var element = event.srcElement;

	element.style.border = "#000000 none 0px";
	element.style.margin = "1 1 1 1";
	element.style.backgroundColor = "";
}
function tbDoMouseDown(e) {
	var event = createEvent(e);
	var element = event.srcElement;

	element.style.border = "#0A246A solid 1px";
	element.style.borderBottom = "#000000 none 0px";
	element.style.borderRight  = "#000000 none 0px";
	element.style.margin = "1 0 0 1";
}
function tbDoMouseUp(e) {
	tbDoMouseOver(e);
}

function tbDoInit(element) {
	element.style.margin = "1 1 1 1";

	if (document.all) {
		element.attachEvent("onmouseover", tbDoMouseOver);
		element.attachEvent("onmouseout" , tbDoMouseOut);
		element.attachEvent("onmousedown", tbDoMouseDown);
		element.attachEvent("onmouseup"  , tbDoMouseUp);
	} else {
		element.addEventListener("mouseover", tbDoMouseOver, false);
		element.addEventListener("mouseout" , tbDoMouseOut, false);
		element.addEventListener("mousedown", tbDoMouseDown, false);
		element.addEventListener("mouseup"  , tbDoMouseUp, false);
	}
}