function TogglePanels(panelID,imageID)
{
    var imageObject = document.getElementById(imageID);
    var imageURL = imageObject.src;
    imageURL = imageURL.substring(imageURL.lastIndexOf('/')+1,imageURL.length)
    //alert(imageURL);
    if (imageURL == 'folder-close.gif')
    {
        imageObject.src = 'images/folder-open.jpg';
        document.getElementById(panelID).style.display = "block";
    }
    else if (imageURL == 'folder-open.jpg')
    {
        imageObject.src = 'images/folder-close.gif';
        document.getElementById(panelID).style.display = "none";
        //alert(imageObject.src);
    }    
}

function getposOffset(overlay, offsettype)
{
    var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
    var parentEl=overlay.offsetParent;
    while (parentEl!=null)
    {
        totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
        parentEl=parentEl.offsetParent;
    }
    return totaloffset;
}   
     
function overlay(curobj, subobjstr, message)
{
    var xpos=getposOffset(curobj, "left");
    var ypos=getposOffset(curobj, "bottom");
    document.getElementById(subobjstr).style.left=(xpos-128) + "px";
    document.getElementById(subobjstr).style.top=(ypos-71)+ "px";
    document.getElementById(subobjstr).style.display = "block";
    document.getElementById('ctl00_ContentPlaceHolder1_hfMessage').value = message;
    document.getElementById('ctl00_ContentPlaceHolder1_hfButton').value = curobj.id;
}

function clearControls()
{
    document.getElementById('ctl00_ContentPlaceHolder1_lblMsg').innerText = '';
    document.getElementById('ctl00_ContentPlaceHolder1_txtNumber').value='';
}

function HidePanel(panelID)
{
    document.getElementById(panelID).style.display = 'none';
}