function E(type, clientId, value)
{
    this.type = type;
    this.clientId = clientId;
    this.value = value;
}  
function SetProperties(panelName, e, values)
{
    if (!gPanel)
    {                   
        for (var i=0; i<values.length; i++)
        {
            switch (values[i].type)
            {
                // TextBox
                case "tb":
                    document.getElementById(values[i].clientId).value = values[i].value;
                    break;
                // CheckBox
                case "cb":
                    document.getElementById(values[i].clientId).checked = values[i].value;
                    break;
                // DropDown
                case "dd":
                    DropDownSelected(values[i].clientId, values[i].value);
                    break;                    
                case "img":
                    SetImage("", "", values[i].clientId, values[i].value);
                    break;
                default:
                    alert("Element type is not defined!");
                    break;
            }
        }

        var x = GetMousePositionX(e);
        var y = GetMousePositionY(e);
        
        var html = document.getElementById(panelName);            
        html.style.display = "block";
        html.style.position = "absolute";
        html.style.left = x + "px";
        html.style.top = y + "px";
        
        gPanel = true;    
    }
}
function PanelClose(panelName)
{
    var clientId;
    var style;
    
    switch (panelName)
    {
        // Download
        case "DownloadSectionPanel":
            clientId = "downloadSectionId_" + document.getElementById(gHiddenDownloadSectionId_clientId).value;
            style = "treeNodeStyle";            
            break;    
        case "DownloadPanel":
            clientId = "downloadId_" + document.getElementById(gHiddenDownloadId_clientId).value;;
            style = "downloadStyle";            
            break;
            
        case "NavigationPanel":
            clientId = "navigationId_" + document.getElementById(gHiddenNavigationId_clientId).value;
            style = "treeNodeStyle";            
            break;
        case "SectionPanel":
            clientId = "sectionId_" + document.getElementById(gHiddenSectionId_clientId).value;
            style = "treeNodeStyle";
            break;
        case "FolderPanel":
            clientId = "folderId_" + document.getElementById(gHiddenFolderId_clientId).value;
            style = "treeNodeStyle";
            break;
        case "GalleryPanel":
            clientId = "galleryId_" + document.getElementById(gHiddenGalleryId_clientId).value;;
            style = "galleryStyle";            
            break;
        case "CellPanel":
            clientId = "cellId_" + document.getElementById(gHiddenCellId_clientId).value;;
            style = "cellStyle";            
            break;
        case "TablePanel":
            clientId = "tableId_" + document.getElementById(gHiddenTableId_clientId).value;;
            style = "tableStyle";            
            break;
    }
    
    document.getElementById(clientId).className = style;
    document.getElementById(panelName).style.display = "none";
    gPanel = false;
}

function GetMousePositionX(e)
{
    var x = 0; 

    if (!e) 
        e = window.event; 

    if (e.pageX) 
        x = e.pageX; 
    else if (e.clientX) 
        x = e.clientX; 

    x += (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
    
    return x;
}
function GetMousePositionY(e)
{
    var y = 0; 

    if (!e) 
        e = window.event; 

    if (e.pageY) 
        y = e.pageY; 
    else if (e.clientY) 
        y = e.clientY; 

    y += (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    
    return y;
}
function DropDownSelected(clientId, selectedText)
{
    var dd = document.getElementById(clientId);
    for (i = 0; i < dd.options.length; i++)
    {
        if (dd.options[i].value == selectedText)
        {
            dd.options[i].selected = true;
            break;
        }
    }
}
function OnOff(clientId)
{

    var o = document.getElementById(clientId);
    
    if (o.style.display == "none")
        o.style.display = "block";
    else
        o.style.display = "none";
}

function HideView(contentid,editid)
{
var temp1 = document.getElementById(contentid);
var temp2 = document.getElementById(editid);

if (temp1.style.display == "none")
{
    temp1.style.display = "block";
    temp2.style.display = "none";
 }
 else
 {
    temp2.style.display = "block";
    temp1.style.display = "none";
 }
}

function HideView1(contentid,contentid1,editid,editid1,editid2)
{
var temp1 = document.getElementById(contentid);
var temp2 = document.getElementById(contentid1);
var temp3 = document.getElementById(editid);
var temp4 = document.getElementById(editid1);
var temp5 = document.getElementById(editid2);


if (temp1.style.display == "none")
{
    temp1.style.display = "block";
    temp2.style.display = "block";
    temp3.style.display = "none";
    temp4.style.display = "none";
    temp5.style.display = "none";
    
    
 }
 else
 {    
    temp1.style.display = "none";
    temp2.style.display = "none";
    temp3.style.display = "block";
    temp4.style.display = "block";
    temp5.style.display = "block";
 }
}