function toggleStateON(id, style, flyoutElement)
{
    var obj = document.getElementById(id);
    obj.className = style;
    if(flyoutElement != null)
    {
        var objFlyOut = document.getElementById(flyoutElement);
        objFlyOut.style.width = (obj.offsetWidth - 2) + "px";
        var location = new Array();
        location = findPos(obj);
        var x = location[0];
        var y = location[1];
        var objHeight = obj.offsetHeight;
        objFlyOut.style.left = x + "px";
        objFlyOut.style.top = (objHeight) + "px";
        objFlyOut.style.display = "inline";
    }
}
function toggleStateOFF(id, style, flyoutElement)
{
    var obj = document.getElementById(id);
    obj.className = style;
    if(flyoutElement != null)
    {
        var objFlyOut = document.getElementById(flyoutElement);
        objFlyOut.style.display = "none";
    }
}
function findPos(obj) 
{
   var curleft = curtop = 0;
   if (obj.offsetParent) 
   {
      // do {
           curleft += obj.offsetLeft;
           curtop += obj.offsetTop;
       //} while (obj = obj.offsetParent);
   return [curleft,curtop];
} 
}
function toggleCell(id, style)
{
    var obj = document.getElementById(id);
    obj.className = style;
}