/******************************************************************************************************************
 * Module Name         : Home Page
 * File Name           : FSPLMenu.js
 * Created On          : 27/1/2007
 * Developed By        : Lopamudra Patnaik
 * Version             : 1.00
 * Brief Description   : This module displays the menu and the submenu in the required format.
 * Last Modified       : 27/1/2007
 * 
 ******************************************************************************************************************
 * Revision History
 *******************************************************************************************************************
 * Version      Change Id       Defect Id       Modified By         Date        Brief Description
 * 1.01         CH--001                         Vikram H S          30-Aug-09   To handle sub menus of Syncade product line and highlighting selected menu.             
 ********************************************************************************************************************/


//Defaults the variable to "0";
if (productLineMenu == '')
    productLineMenu = '0';

//Loads the home page with a different content when a menu item is selected from the main menu by the user
function changeMenu(tabId)
{
    document.location.href = ("index.aspx?pl=" + tabId + "&mnu=" + subMenu);
}
   
//Retreives the sub menu (or the default sub menu) for the selected main menu.
function getMenu(productLineID)
{
    if ((subMenu == "mymenu") && (productLineID != "0"))
    {
        subMenu = "kb";
        return;
    }
    
    if (((subMenu == "kb") || (subMenu == "web")) && productLineID == "0")
    {
        subMenu = "mymenu";
        return;
    }
    
    if ((subMenu != "mymenu") && (subMenu != "kb") &&(subMenu != "google") && (subMenu != "selfhelp") && (subMenu != "resource") && (subMenu != "web"))
    {
        if(productLineID == "0")
            subMenu = "mymenu";
        else
            subMenu = "kb";
    }
}

//Displays the Main menu as well as the sub menu highlighted.
function showMenu(id) 
{
    showMainMenu(id);
    showSubMenu(id);
}

//Displays the highlighted main menu item selected by the user.
function showMainMenu(id)
{
    switch (id)
    {
        case "0"://welcome tab
            WelcomeMidImage.className = "TabBackgroundMustard";
            AMSMidImage.className = "TabBackgroundBlue";
            DeltaVMidImage.className = "TabBackgroundBlue";
            PROVOXMidImage.className = "TabBackgroundBlue";
            RS3MidImage.className = "TabBackgroundBlue";
            FieldbusMidImage.className = "TabBackgroundBlue";
            SyncadeMidImage.className="TabBackgroundBlue"; //CH--001 
            
            AMSTableCol.vAlign = "bottom";
            AMSTable.height = "50%";
            DeltaVTableCol.vAlign = "bottom";
            DeltaVTable.height = "50%";
            ProvoxTableCol.vAlign = "bottom";
            ProvoxTable.height = "50%";
            RS3TableCol.vAlign = "bottom";
            RS3Table.height = "50%";
            FieldbusTableCol.vAlign = "bottom";
            FieldbusTable.height = "50%";
			SyncadeTableCol.vAlign = "bottom"; //CH--001 
            SyncadeTable.height = "50%"; //CH--001 
            
//            WelcomeLeftImage.className = "MustardLeftBorder";
//            AMSLeftImage.className = "BlueLeftBorder";
//            DeltaVLeftImage.className = "BlueLeftBorder";
//            PROVOXLeftImage.className = "BlueLeftBorder";
//            RS3LeftImage.className = "BlueLeftBorder";
//            FieldbusLeftImage.className = "BlueLeftBorder";
//            
//            WelcomeRightImage.className = "MustardRightBorder";
//            AMSRightImage.className = "BlueRightBorder";
//            DeltaVRightImage.className = "BlueRightBorder";
//            PROVOXRightImage.className = "BlueRightBorder";
//            RS3RightImage.className = "BlueRightBorder";
//            FieldbusRightImage.className = "BlueRightBorder";
            
            break;
        case "16"://AMS
            WelcomeMidImage.className = "TabBackgroundBlue";
            AMSMidImage.className = "TabBackgroundMustard";
            DeltaVMidImage.className = "TabBackgroundBlue";
            PROVOXMidImage.className = "TabBackgroundBlue";
            RS3MidImage.className = "TabBackgroundBlue";
            FieldbusMidImage.className = "TabBackgroundBlue";
			SyncadeMidImage.className="TabBackgroundBlue"; //CH--001 
            
            WelcomeTableCol.vAlign = "bottom";
            WelcomeTable.height = "50%";
            DeltaVTableCol.vAlign = "bottom";
            DeltaVTable.height = "50%";
            ProvoxTableCol.vAlign = "bottom";
            ProvoxTable.height = "50%";
            RS3TableCol.vAlign = "bottom";
            RS3Table.height = "50%";
            FieldbusTableCol.vAlign = "bottom";
            FieldbusTable.height = "50%";
			SyncadeTableCol.vAlign = "bottom"; //CH--001 
            SyncadeTable.height = "50%"; //CH--001 
                            
//            WelcomeLeftImage.className = "BlueLeftBorder";
//            AMSLeftImage.className = "MustardLeftBorder";
//            DeltaVLeftImage.className = "BlueLeftBorder";
//            PROVOXLeftImage.className = "BlueLeftBorder";
//            RS3LeftImage.className = "BlueLeftBorder";
//            FieldbusLeftImage.className = "BlueLeftBorder";
//            
//            WelcomeRightImage.className = "BlueRightBorder";
//            AMSRightImage.className = "MustardRightBorder";
//            DeltaVRightImage.className = "BlueRightBorder";
//            PROVOXRightImage.className = "BlueRightBorder";
//            RS3RightImage.className = "BlueRightBorder";
//            FieldbusRightImage.className = "BlueRightBorder";
            
            break;
       case "2"://DeltaV
            WelcomeMidImage.className = "TabBackgroundBlue";
            AMSMidImage.className = "TabBackgroundBlue";
            DeltaVMidImage.className = "TabBackgroundMustard";
            PROVOXMidImage.className = "TabBackgroundBlue";
            RS3MidImage.className = "TabBackgroundBlue";
            FieldbusMidImage.className = "TabBackgroundBlue";
			SyncadeMidImage.className="TabBackgroundBlue"; //CH--001 
            
            WelcomeTableCol.vAlign = "bottom";
            WelcomeTable.height = "50%";
            AMSTableCol.vAlign = "bottom";
            AMSTable.height = "50%";
            ProvoxTableCol.vAlign = "bottom";
            ProvoxTable.height = "50%";
            RS3TableCol.vAlign = "bottom";
            RS3Table.height = "50%";
            FieldbusTableCol.vAlign = "bottom";
            FieldbusTable.height = "50%";
			SyncadeTableCol.vAlign = "bottom"; //CH--001 
            SyncadeTable.height = "50%"; //CH--001

            
//            WelcomeLeftImage.className = "BlueLeftBorder";
//            AMSLeftImage.className = "BlueLeftBorder";
//            DeltaVLeftImage.className = "MustardLeftBorder";
//            PROVOXLeftImage.className = "BlueLeftBorder";
//            RS3LeftImage.className = "BlueLeftBorder";
//            FieldbusLeftImage.className = "BlueLeftBorder";
//            
//            WelcomeRightImage.className = "BlueRightBorder";
//            AMSRightImage.className = "BlueRightBorder";
//            DeltaVRightImage.className = "MustardRightBorder";
//            PROVOXRightImage.className = "BlueRightBorder";
//            RS3RightImage.className = "BlueRightBorder";
//            FieldbusRightImage.className = "BlueRightBorder";
            
            break;
       case "8"://Provox
            WelcomeMidImage.className = "TabBackgroundBlue";
            AMSMidImage.className = "TabBackgroundBlue";
            DeltaVMidImage.className = "TabBackgroundBlue";
            PROVOXMidImage.className = "TabBackgroundMustard";
            RS3MidImage.className = "TabBackgroundBlue";
            FieldbusMidImage.className = "TabBackgroundBlue";
			SyncadeMidImage.className="TabBackgroundBlue"; //CH--001 
            
            WelcomeTableCol.vAlign = "bottom";
            WelcomeTable.height = "50%";
            DeltaVTableCol.vAlign = "bottom";
            DeltaVTable.height = "50%";
            AMSTableCol.vAlign = "bottom";
            AMSTable.height = "50%";
            RS3TableCol.vAlign = "bottom";
            RS3Table.height = "50%";
            FieldbusTableCol.vAlign = "bottom";
            FieldbusTable.height = "50%";
			SyncadeTableCol.vAlign = "bottom"; //CH--001 
            SyncadeTable.height = "50%"; //CH--001 
            
//            WelcomeLeftImage.className = "BlueLeftBorder";
//            AMSLeftImage.className = "BlueLeftBorder";
//            DeltaVLeftImage.className = "BlueLeftBorder";
//            PROVOXLeftImage.className = "MustardLeftBorder";
//            RS3LeftImage.className = "BlueLeftBorder";
//            FieldbusLeftImage.className = "BlueLeftBorder";
//            
//            WelcomeRightImage.className = "BlueRightBorder";
//            AMSRightImage.className = "BlueRightBorder";
//            DeltaVRightImage.className = "BlueRightBorder";
//            PROVOXRightImage.className = "MustardRightBorder";
//            RS3RightImage.className = "BlueRightBorder";
//            FieldbusRightImage.className = "BlueRightBorder";
            
            break; 
       case "1"://RS3
            WelcomeMidImage.className = "TabBackgroundBlue";
            AMSMidImage.className = "TabBackgroundBlue";
            DeltaVMidImage.className = "TabBackgroundBlue";
            PROVOXMidImage.className = "TabBackgroundBlue";
            RS3MidImage.className = "TabBackgroundMustard";
            FieldbusMidImage.className = "TabBackgroundBlue";
			SyncadeMidImage.className="TabBackgroundBlue"; //CH--001 
            
            WelcomeTableCol.vAlign = "bottom";
            WelcomeTable.height = "50%";
            DeltaVTableCol.vAlign = "bottom";
            DeltaVTable.height = "50%";
            ProvoxTableCol.vAlign = "bottom";
            ProvoxTable.height = "50%";
            AMSTableCol.vAlign = "bottom";
            AMSTable.height = "50%";
            FieldbusTableCol.vAlign = "bottom";
            FieldbusTable.height = "50%";
			SyncadeTableCol.vAlign = "bottom"; //CH--001 
            SyncadeTable.height = "50%"; //CH--001
            
//            WelcomeLeftImage.className = "BlueLeftBorder";
//            AMSLeftImage.className = "BlueLeftBorder";
//            DeltaVLeftImage.className = "BlueLeftBorder";
//            PROVOXLeftImage.className = "BlueLeftBorder";
//            RS3LeftImage.className = "MustardLeftBorder";
//            FieldbusLeftImage.className = "BlueLeftBorder";
//            
//            WelcomeRightImage.className = "BlueRightBorder";
//            AMSRightImage.className = "BlueRightBorder";
//            DeltaVRightImage.className = "BlueRightBorder";
//            PROVOXRightImage.className = "BlueRightBorder";
//            RS3RightImage.className = "MustardRightBorder";
//            FieldbusRightImage.className = "BlueRightBorder";
            
            break;  
       case "4"://Field Bus
            WelcomeMidImage.className = "TabBackgroundBlue";
            AMSMidImage.className = "TabBackgroundBlue";
            DeltaVMidImage.className = "TabBackgroundBlue";
            PROVOXMidImage.className = "TabBackgroundBlue";
            RS3MidImage.className = "TabBackgroundBlue";
            FieldbusMidImage.className = "TabBackgroundMustard";
			SyncadeMidImage.className="TabBackgroundBlue"; //CH--001 
            
            WelcomeTableCol.vAlign = "bottom";
            WelcomeTable.height = "50%";
            DeltaVTableCol.vAlign = "bottom";
            DeltaVTable.height = "50%";
            ProvoxTableCol.vAlign = "bottom";
            ProvoxTable.height = "50%";
            RS3TableCol.vAlign = "bottom";
            RS3Table.height = "50%";
            AMSTableCol.vAlign = "bottom";
            AMSTable.height = "50%";
			SyncadeTableCol.vAlign = "bottom"; //CH--001 
            SyncadeTable.height = "50%"; //CH--001
            
//            WelcomeLeftImage.className = "BlueLeftBorder";
//            AMSLeftImage.className = "BlueLeftBorder";
//            DeltaVLeftImage.className = "BlueLeftBorder";
//            PROVOXLeftImage.className = "BlueLeftBorder";
//            RS3LeftImage.className = "BlueLeftBorder";
//            FieldbusLeftImage.className = "MustardLeftBorder";
//            
//            WelcomeRightImage.className = "BlueRightBorder";
//            AMSRightImage.className = "BlueRightBorder";
//            DeltaVRightImage.className = "BlueRightBorder";
//            PROVOXRightImage.className = "BlueRightBorder";
//            RS3RightImage.className = "BlueRightBorder";
//            FieldbusRightImage.className = "MustardRightBorder";
            
            break;  
			//CH--001 start
            case "52":
            WelcomeMidImage.className = "TabBackgroundBlue";
            AMSMidImage.className = "TabBackgroundBlue";
            DeltaVMidImage.className = "TabBackgroundBlue";
            PROVOXMidImage.className = "TabBackgroundBlue";
            RS3MidImage.className = "TabBackgroundBlue";
            FieldbusMidImage.className = "TabBackgroundBlue";
            SyncadeMidImage.className="TabBackgroundMustard";
            
            WelcomeTableCol.vAlign = "bottom";
            WelcomeTable.height = "50%";
            AMSTableCol.vAlign = "bottom";
            AMSTable.height = "50%";
            DeltaVTableCol.vAlign = "bottom";
            DeltaVTable.height = "50%";
            ProvoxTableCol.vAlign = "bottom";
            ProvoxTable.height = "50%";
            RS3TableCol.vAlign = "bottom";
            RS3Table.height = "50%";
            FieldbusTableCol.vAlign = "bottom";
            FieldbusTable.height = "50%";
            //CH--001 end
    }
}
          
//Displays the sub menu items for the main menu selected by the user
function showSubMenu(id)
{
    var divSubmenu;

    if((id == "") || (id == "0") )
        divSubmenu = "WelcomeMenuDiv";
    else
        divSubmenu = "ProductLineMenuDiv";

    var aTags = document.getElementById(divSubmenu).getElementsByTagName("A");
    var plIndex;

    for(i=0;i<aTags.length;i++)
    {
        var subMenuUrl = aTags[i].href;            
        aTags[i].href = UpdateQueryString(subMenuUrl);
        
        if((id == "4") && (aTags[i].id.indexOf("ProductWebsites2") > 0))
            ProductWebsiteCol.style.display = "none";
                  
        if(((subMenu == "mymenu") && (aTags[i].id.indexOf("MyMenu")> 0))
            || ((subMenu == "kb") && (aTags[i].id.indexOf("KB2") > 0))
            || ((subMenu == "google") && (aTags[i].id.indexOf("GoogleSearch") > 0))
            || ((subMenu == "selfhelp") && (aTags[i].id.indexOf("ServiceSelfHelp") > 0))
            || ((subMenu == "resource") && (aTags[i].id.indexOf("OnlineResources") > 0))
            || ((subMenu == "web") && (aTags[i].id.indexOf("ProductWebsites2") > 0)))
            
            aTags[i].className = "FSMenuItemSelected"; 
            
        else if((subMenu != "mymenu") && (subMenu != "kb") && (subMenu != "google") && (subMenu != "selfhelp") 
                && (subMenu != "resource") && (subMenu != "web") )
        {
            if(((id == "0") && (aTags[i].id.indexOf("MyMenu")> 0)) || ((id != "0") && (aTags[i].id.indexOf("KB2")> 0)))
                aTags[i].className = "FSMenuItemSelected";
            else            
                aTags[i].className = "FSMenuItem";
        }
        else if((id == "4") && (subMenu == "web") && (aTags[i].id.indexOf("KB2") > 0))
        {
            aTags[i].className = "FSMenuItemSelected";
        }
        else            
            aTags[i].className = "FSMenuItem";
    }

    var submenuRow;
    submenuRow = document.getElementById("submenuRow");
    submenuRow.innerHTML = document.getElementById(divSubmenu).innerHTML;
}

//Updates the querystring of the URL to display the appropriate main menu and sub menus.
function UpdateQueryString(url)
{
    var queryString = "";
    var indexOfQS = url.indexOf("?");
    var boolPlFound = false;
    var boolMnuFound = false;
    var productLineQS = "pl=" + productLineMenu;
    var subMenuQS = "mnu=" + subMenu;
    
    if( indexOfQS > 0)
    {
        queryString = url.substr(indexOfQS + 1, url.length);
        
        var queryParams = queryString.split("&");

        for(qCnt = 0;qCnt<queryParams.length;qCnt++)
        {
            if (queryParams[qCnt].indexOf("pl") >= 0)
            {
                queryParams[qCnt] = productLineQS;
                boolPlFound = true;
            }
        }
        
        queryString = queryParams.join("&");
        if(!boolPlFound)
            queryString += "&" + productLineQS;
    }
    else
        queryString = productLineQS + "&" + subMenuQS;
    
    if(indexOfQS > 0)
        url = url.substr(0,indexOfQS) + "?" + queryString;
    else
        url += "?" + queryString;
        
    return(url);
}