// JavaScript Document
function init() {
   //assign event handlers.  I'm using anonymous functions to keep the number of similiar 
   //named functions low.
   document.getElementById("addbold").onclick = function() { addTags("[b][/b]"); };
   document.getElementById("additalic").onclick = function() { addTags("[i][/i]"); };
   document.getElementById("addunderline").onclick = function() { addTags("[u][/u]"); };
   document.getElementById("addstrike").onclick = function() { addTags("[s][/s]"); };
   document.getElementById("addquote").onclick = function() { addTags("[quote][/quote]"); };
   document.getElementById("addimage").onclick = function() { addTags("[img][/img]"); };
   document.getElementById("addlink").onclick = function() { addTags("[url][/url]"); };
}

function addTags(tag) {
   document.getElementById("commenttext").value += tag;
}

function addEmoticon(veld,text)
{
    document.commentForm.elements[veld].value += " "+text+" ";
    document.commentForm.elements[veld].focus();
} 

function toggleLayer( whichLayer ){  
	var elem, vis;  
	if( document.getElementById ) // this is the way the standards work
		elem = document.getElementById( whichLayer );  
	else if( document.all ) // this is the way old msie versions work      
		elem = document.all[whichLayer];  
	else if( document.layers ) // this is the way nn4 works    
		elem = document.layers[whichLayer];  
	vis = elem.style;  
	// if the style.display value is blank we try to figure it out here  
	if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)    
		vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';  
	vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}