// JScript File

setTimeout("dpTabClick('Overview')",500);

function dpTabClick(s) {

    var InEditMode = false;
    var Element = document.getElementById(s);
    
    document.getElementById('Overview').style.display = "none";
    document.getElementById('Specification').style.display = "none";
    document.getElementById('Example').style.display = "none";
    
    if (s == "Overview") {
        document.getElementById('Tab1_ON').style.display = "block";
        document.getElementById('Tab1_OFF').style.display = "none";
    
        document.getElementById('Tab2_ON').style.display = "none";
        document.getElementById('Tab2_OFF').style.display = "block";
    
        document.getElementById('Tab3_ON').style.display = "none";
        document.getElementById('Tab3_OFF').style.display = "block";
    } 
    else 
    {
        if (s == "Specification") 
        {
            document.getElementById('Tab1_ON').style.display = "none";
            document.getElementById('Tab1_OFF').style.display = "block";
    
            document.getElementById('Tab2_ON').style.display = "block";
            document.getElementById('Tab2_OFF').style.display = "none";
    
            document.getElementById('Tab3_ON').style.display = "none";
            document.getElementById('Tab3_OFF').style.display = "block";
        } 
        else 
        {
            document.getElementById('Tab1_ON').style.display = "none";
            document.getElementById('Tab1_OFF').style.display = "block";
    
            document.getElementById('Tab2_ON').style.display = "none";
            document.getElementById('Tab2_OFF').style.display = "block";
    
            document.getElementById('Tab3_ON').style.display = "block";
            document.getElementById('Tab3_OFF').style.display = "none";
        }
    }
   
        
    // Hide editable areas if in edit mode    
    if (document.getElementById('myOverview_ContentAreaContainer_Edit'))
    {
        document.getElementById('myOverview_ContentAreaContainer_Edit').style.display = "none";
        document.getElementById('myOverview_ContentAreaContainer_Edit').removeNode(true);
        InEditMode = true;
    }
    if (document.getElementById('mySpecification_ContentAreaContainer_Edit'))
    {
        document.getElementById('mySpecification_ContentAreaContainer_Edit').style.display = "none";
        document.getElementById('mySpecification_ContentAreaContainer_Edit').removeNode(true);
        InEditMode = true;
    }
    if (document.getElementById('myExample_ContentAreaContainer_Edit'))
    {
        document.getElementById('myExample_ContentAreaContainer_Edit').style.display = "none";
        document.getElementById('myExample_ContentAreaContainer_Edit').removeNode(true);
        InEditMode = true;
    }
        
    Element.style.display = "block";

    if (InEditMode)
    {
        CreateEditableDiv(document.getElementById('my' + s + '_ContentAreaContainer'));
    }

}