function toggleBox(szDivID, iState,id,event) // 1 visible, 0 hidden
{
    if(document.layers)	   //NN4+
    {
       document.layers[szDivID].visibility = iState ? "show" : "hide";
    }
    else if(document.getElementById)	  //gecko(NN6) + IE 5+
    {
        var title=document.getElementById('title'+id);
        var datetime=document.getElementById('datetime'+id);
        var location=document.getElementById('location'+id);
        var cost=document.getElementById('cost'+id);
        var description=document.getElementById('description'+id);
        var obj = document.getElementById(szDivID);
		obj.style.left=parseInt(10) + parseInt(event.clientX) + 'px';//((screen.width/2)-240)
		obj.style.top=(document.documentElement.scrollTop ?   document.documentElement.scrollTop :   document.body.scrollTop) + parseInt(10) + parseInt(event.clientY) +'px';
        //(parseInt(document.documentElement.scrollTop) + (screen.height)/2) -240
        (document.getElementById('title')).innerHTML=title.value;
        (document.getElementById('datetime')).innerHTML=datetime.value;
        (document.getElementById('location')).innerHTML=location.value;
        (document.getElementById('cost')).innerText=cost.value;
        //document.write(Encoder.htmlDecode(description.value));
        (document.getElementById('description')).innerHTML=description.value;
        obj.style.visibility = iState ? "visible" : "hidden";
    }
    else if(document.all)	// IE 4
    {
        document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
    }
}