// JavaScript Document

function toggleVisibility(elementId) {
//    if(document.getElementById(elementId).style.display == 'none') {
        document.getElementById(elementId).style.display = 'block';
//    } else {
//        document.getElementById(elementId).style.display = 'none';
//    }
}

function collapseElement(elementId) {
    document.getElementById(elementId).style.display = 'none';
}


function togglePopup(w,h,evt,elementId){
   var popUp = document.getElementById(elementId);
   var yPos;
   var xpos;
   var baseText;

   if (evt.pageY) 
       yPos = evt.pageY;
   else if (evt.clientY)
       yPos = evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);   
   
   if (evt.pageX) 
       xPos = evt.pageX;
   else if (evt.clientX)
       xPos = evt.clientX + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);   
   
   popUp.style.top = yPos + 20 +"px";
   popUp.style.left = xPos + 20 + "px";
  
   popUp.style.width = w + "px";                                                                                                          
   popUp.style.height = h + "px";
 
   if (baseText == null) {
     baseText = popUp.innerHTML;  
   }
   if(popUp.innerHTML.indexOf("hidePopup") < 0) {
        popUp.innerHTML = "<div id=\"statusbar\"><a href=\"#\" onclick=\"hidePopup('" + elementId + "');\">X</a></div>"
                          + baseText;
   }
 
   var sbar = document.getElementById("statusbar");
   //sbar.style.marginTop = (parseInt(h)-40) + "px";
   sbar.style.marginTop = 0 + "px";
   sbar.style.marginLeft = (parseInt(w) - 10) + "px";
   if(popUp.style.visibility == 'visible') {
       popUp.style.visibility = "hidden";
   } else {
       popUp.style.visibility = "visible";
   }
}

function hidePopup(elementId){
   var popUp = document.getElementById(elementId);
   popUp.style.visibility = "hidden";
}


function autoResize(id){
    var newwidth = 250;

    if(document.getElementById){
//        newwidth=document.getElementById(id).contentDocument.body.scrollWidth;
        var obj = document.getElementById(id);
//        newwidth = obj.document.body.scrollHeight;
        newwidth = obj.contentWindow.document.body.scrollWidth;
        document.getElementById(id).style.width= (newwidth) + "px"; 
    }

    
    
    alert(newwidth);
}