//*******************
// GLOBAL VARIABLES
//*******************

//OTHERS
var finishesLowResPath = "Finishes/LowRes/"

var previewTextObjInstanceID = "";     //important variable used in displaying preview finishes description

var isLayoutSelected = false
var currentSelectedTypical = ""        //variable passed to the server
var currentSelectedLayout = ""         //eg. DT1 or 8x81//variable also used in MouseEvents.js
var isBrowserPNGsupported = null       //variable also used in MouseEvents.js
var currentSelectedMenu = ""           //variable also used in MouseEvents.js

var parentObject = null
var displayprogressimage = null

//Client Image -- this array is sent to server
var clientImageLayerArray = new Array()

//Storage variables
var CurrentUpperStorage = null
var CurrentLowerStorage = null

//Doesn't allow user to build new image when 'building image' is in progress
//var BuildingImage = false

//Variable triggers once the PDF is built successfully on the server-side
//var isPDFModuleCompleted = false


//&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
//New Engine varaiables -- also reset all variables in resetGlobalVariables()

//Zone 1
var isZone1Bossed = false
var isZone1Perf = false
var isZone1Fabric = false
var isZone1Veneer = false
var isZone1Laminate = false
var CurrentZone1Finish = null
var CurrentZone1FinishDesc = null

//Zone 2
var isZone2Fabric = false
var isZone2Veneer = false
var isZone2Laminate = false
var CurrentZone2Finish = null
var CurrentZone2FinishDesc = null

//Zone 3
var isZone3Fabric = false
var isZone3Veneer = false
var isZone3Laminate = false
var CurrentZone3Finish = null
var CurrentZone3FinishDesc = null

//Zone 4
var isZone4Bossed = false
var isZone4Perf = false
var isZone4Fabric = false
var isZone4Veneer = false
var isZone4Laminate = false
var CurrentZone4Finish = null
var CurrentZone4FinishDesc = null

//Zone 5
var isZone5Fabric = false
var isZone5Veneer = false
var isZone5Laminate = false
var CurrentZone5Finish = null

//Zone 6
var isZone6Fabric = false
var isZone6Veneer = false
var isZone6Laminate = false
var CurrentZone6Finish = null

var isWindowCovered = false
var isWindowFabric = false
var isWindowVeneer = false
var isWindowLaminate = false

var isStacker = false
var isStackerCovered = false
var isStackerFabric = false
var isStackerVeneer = false
var isStackerLaminate = false

var isMonolithic = false;    //DiVi1
var isSegmented = false;    //DiVi1

var isPanelOptA = false;    //DiVi1, MWall
var isPanelOptB = false;    //DiVi1, MWall

var isSeating = false
var isComputer = false
var isBasePower = false
var isBeltlinePower = false
var isWorktools = false

// Trim
var isTrimVeneer = false
var isTrimSteel = false
var TrimMat = null

var isGlassClear = false
var isGlassSprayLight = false
var isGlassPebbled = false
var isGlassGrey = false
var isGlassBronze = false


// Image Variables
// Fabric
var PanelFab = null
var PanelFabZone1 = null
var PanelFabZone2 = null
var PanelFabZone3 = null
var PanelFabZone4 = null
var PanelFabZone5 = null
var PanelFabZone6 = null
// Veneer
var PanelVeneer = null
var PanelVeneerZone1 = null
var PanelVeneerZone2 = null
var PanelVeneerZone3 = null
var PanelVeneerZone4 = null
var PanelVeneerZone5 = null
var PanelVeneerZone6 = null
// Laminate
var PanelLaminate = null
var PanelLaminateZone1 = null
var PanelLaminateZone2 = null
var PanelLaminateZone3 = null
var PanelLaminateZone4 = null
var PanelLaminateZone5 = null
var PanelLaminateZone6 = null

// Worksurface
var WorksurfaceColor = null

// Paint
var PaintColor = null

// PVC Color
var PVCColor = null

var CurrentGlassFinish = null
var CurrentStackerGlassOption = null


// Base Plastic Color
var isBasePlastic; //used in Divi
var BasePlasticColor = null;

//Task Lighting
var isTaskLighting;

//theConfigFolder
var ConfigFolder = null //Important variable
//&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&




//*********************************************************************************************************

//---------------------------------------------------------------------------------------------------------
    //***********
    //PAGE_LOAD
    //***********
    //preload .gif files
    var spinner = document.createElement("IMG")
    spinner.src = "Graphics/spinner.gif"
    var spinnerPDF = document.createElement("IMG")
    spinnerPDF.src = "Graphics/spinner-pdf.gif"
        
    var tickSeconds=3;
    function countdown()
    {      
        //iterate animated gifs
        tickSeconds--; 
        changelayer_content(tickSeconds);
        if (tickSeconds>0){
            Id = window.setTimeout("countdown()",500); 
        }
        else if (tickSeconds==0)
        {
            CheckJavascript()
        }
    }
    
    function changelayer_content(tickSeconds)
    {
        if(tickSeconds == 3)
            document.getElementById('InitializeImage').src = "Graphics/IntroGifs/animate_06.jpg"
        else if(tickSeconds == 2)
            document.getElementById('InitializeImage').src = "Graphics/IntroGifs/animate_08.jpg"
        else if(tickSeconds == 1)
            document.getElementById('InitializeImage').src = "Graphics/IntroGifs/animate_10.jpg"
    }
    
    function CheckJavascript(){
        //Check if javascript is enabled
        if(!navigator.javaEnabled()){
            //alert('AIS configurator requires JavaScript!!')
            //return
        }
        
        setBrowserPNGCompatibility()
        
        // -- Pre-download images --
        
        //Initialize Variables
        parentObject = document.getElementById("MainImageCell")
        
        //Add ProgressImage
        displayprogressimage = document.createElement("IMG")
        displayprogressimage.id = "DisplayProgressImage"
        displayprogressimage.style.zIndex = 5
        displayprogressimage.style.position = "absolute"
        displayprogressimage.top = "0px"
        displayprogressimage.left = "0px"
        parentObject.appendChild(displayprogressimage)
        toggleUserSelectedMenu('DisplayProgressImage', 0)
        
        //Add Load Menus Headers (so it's pre-loaded)
        var FinishesMenuHeader = document.createElement("IMG")
        FinishesMenuHeader.id = "FinishesMenuHeader"
        FinishesMenuHeader.src = "Graphics/left-finishes.jpg"
        FinishesMenuHeader.style.zIndex = 1
        FinishesMenuHeader.style.position = "absolute"
        FinishesMenuHeader.top = "0px"
        FinishesMenuHeader.left = "0px"
        document.getElementById('LeftTableRow1Cell').appendChild(FinishesMenuHeader)
        toggleUserSelectedMenu('FinishesMenuHeader', 0)
        
        var ComponentsMenuHeader = document.createElement("IMG")
        ComponentsMenuHeader.id = "ComponentsMenuHeader"
        ComponentsMenuHeader.src = "Graphics/left-components.jpg"
        ComponentsMenuHeader.style.zIndex = 1
        ComponentsMenuHeader.style.position = "absolute"
        ComponentsMenuHeader.top = "0px"
        ComponentsMenuHeader.left = "0px"
        document.getElementById('LeftTableRow1Cell').appendChild(ComponentsMenuHeader)
        toggleUserSelectedMenu('ComponentsMenuHeader', 0)
        
        var PresentationMenuHeader = document.createElement("IMG")
        PresentationMenuHeader.id = "PresentationMenuHeader"
        PresentationMenuHeader.src = "Graphics/left-presentation.jpg"
        PresentationMenuHeader.style.zIndex = 1
        PresentationMenuHeader.style.position = "absolute"
        PresentationMenuHeader.top = "0px"
        PresentationMenuHeader.left = "0px"
        document.getElementById('LeftTableRow1Cell').appendChild(PresentationMenuHeader)
        toggleUserSelectedMenu('PresentationMenuHeader', 0)
        
        //Add Menus
        var _introductiondiv = document.getElementById('IntroductionDiv')
        document.getElementById('Leftcell').appendChild(_introductiondiv)
        var _finishesdiv = document.getElementById('FinishesDiv')
        document.getElementById('Leftcell').appendChild(_finishesdiv)
        var _componentsdiv = document.getElementById('ComponentsDiv')
        document.getElementById('Leftcell').appendChild(_componentsdiv)
        var _presentationdiv = document.getElementById('PresentationDiv')
        document.getElementById('Leftcell').appendChild(_presentationdiv)
        
        //Add Divs -- visibility changes when appriopriate menus is clicked
        var _introductionRightTableDiv = document.getElementById('IntroductionRightTableDiv')
        document.getElementById('MainImageCell').appendChild(_introductionRightTableDiv)
        
        //Add Blank Image -- which covers display selected elements
        var blankImage = document.createElement("IMG")
        blankImage.id = "BlankImage"
        blankImage.style.zIndex = 3
        blankImage.style.position = "absolute"
        blankImage.top = "0px"
        blankImage.left = "0px"
        document.getElementById('RightTableRow3Cell').appendChild(blankImage)
        var _displaySelectedFinishesDiv = document.getElementById('DisplaySelectedFinishes')
        document.getElementById('RightTableRow3Cell').appendChild(_displaySelectedFinishesDiv)
        
        //Start with Introduction Menu
        IntroductionMenuModule()

        //Initialization -- main page
        document.getElementById('InitializationTable').style.display = "none";
        document.getElementById('ApplicationTable').style.display = "block";
    }
    
    //***************************
    // Check Browser Capability
    //***************************
    function checkIt(string){
    	place = detect.indexOf(string) + 1;
    	thestring = string;
    	return place;
    }
    
    var detect = navigator.userAgent.toLowerCase();
    var OS,browser,version,total,thestring;
    
    function setBrowserPNGCompatibility(){
        if (checkIt('konqueror'))
        {
	        browser = "Konqueror";
	        OS = "Linux";
        }
        else if (checkIt('safari')) browser = "Safari"
        else if (checkIt('omniweb')) browser = "OmniWeb"
        else if (checkIt('opera')) browser = "Opera"
        else if (checkIt('webtv')) browser = "WebTV";
        else if (checkIt('icab')) browser = "iCab"
        else if (checkIt('msie')) browser = "Internet Explorer"
        else if (!checkIt('compatible'))
        {
	        browser = "Netscape Navigator"
	        version = detect.charAt(8);
        }
        else browser = "An unknown browser";
        
        if (!version) version = detect.charAt(place + thestring.length);
        
        if (!OS)
        {
	        if (checkIt('linux')) OS = "Linux";
	        else if (checkIt('x11')) OS = "Unix";
	        else if (checkIt('mac')) OS = "Mac"
	        else if (checkIt('win')) OS = "Windows"
	        else OS = "an unknown operating system";
        }
        //Display zones
        if(browser == "Internet Explorer")
            isBrowserPNGsupported = false
        else
            isBrowserPNGsupported = true
    }
//*********************************************************************************************************
    //*******************
    //  LOCAL FUNCTIONS
    //*******************
    function resetGlobalVariables()
    {
        //Zone 1
        isZone1Bossed = false
        isZone1Perf = false
        isZone1Fabric = false
        isZone1Veneer = false
        isZone1Laminate = false
        CurrentZone1Finish = null
        CurrentZone1FinishDesc = null

        //Zone 2
        isZone2Fabric = false
        isZone2Veneer = false
        isZone2Laminate = false
        CurrentZone2Finish = null
        CurrentZone2FinishDesc = null

        //Zone 3
        isZone3Fabric = false
        isZone3Veneer = false
        isZone3Laminate = false
        CurrentZone3Finish = null
        CurrentZone3FinishDesc = null

        //Zone 4
        isZone4Bossed = false
        isZone4Perf = false
        isZone4Fabric = false
        isZone4Veneer = false
        isZone4Laminate = false
        CurrentZone4Finish = null
        CurrentZone4FinishDesc = null

        //Zone 5
        isZone5Fabric = false
        isZone5Veneer = false
        isZone5Laminate = false
        CurrentZone5Finish = null

        //Zone 6
        isZone6Fabric = false
        isZone6Veneer = false
        isZone6Laminate = false
        CurrentZone6Finish = null

        isWindowCovered = false
        isWindowFabric = false
        isWindowVeneer = false
        isWindowLaminate = false

        isStacker = false
        isStackerCovered = false
        isStackerFabric = false
        isStackerVeneer = false
        isStackerLaminate = false
        
        isMonolithic = false;    //DiVi1
        isSegmented = false;    //DiVi1

        isPanelOptA = false;    //DiVi1, MWall
        isPanelOptB = false;    //DiVi1, MWall

        isSeating = false
        isComputer = false
        isBasePower = false
        isBeltlinePower = false
        isWorktools = false

        // Trim
        isTrimVeneer = false
        isTrimSteel = false
        TrimMat = null

        isGlassClear = false
        isGlassSprayLight = false
        isGlassPebbled = false
        isGlassGrey = false
        isGlassBronze = false


        // Image Variables
        // Fabric
        PanelFab = null
        PanelFabZone1 = null
        PanelFabZone2 = null
        PanelFabZone3 = null
        PanelFabZone4 = null
        PanelFabZone5 = null
        PanelFabZone6 = null
        // Veneer
        PanelVeneer = null
        PanelVeneerZone1 = null
        PanelVeneerZone2 = null
        PanelVeneerZone3 = null
        PanelVeneerZone4 = null
        PanelVeneerZone5 = null
        PanelVeneerZone6 = null
        // Laminate
        PanelLaminate = null
        PanelLaminateZone1 = null
        PanelLaminateZone2 = null
        PanelLaminateZone3 = null
        PanelLaminateZone4 = null
        PanelLaminateZone5 = null
        PanelLaminateZone6 = null


        // Worksurface
        WorksurfaceColor = null

        // Paint
        PaintColor = null

        // PVC Color
        PVCColor = null

        CurrentGlassFinish = null
        CurrentStackerGlassOption = null
        
        //Base plastic
        isBasePlastic = null
        BasePlasticColor = null

        //Task Lighting
        isTaskLighting = null

        //theConfigFolder
        ConfigFolder = null //Important variable
    }
    
    function toggleUserSelectedMenu(szDivID, iState) // 1 visible, 0 hidden
    {
       var obj = document.layers ? document.layers[szDivID] :
       document.getElementById ?  document.getElementById(szDivID).style :
       document.all[szDivID].style;
       obj.visibility = document.layers ? (iState ? "show" : "hide") :
       (iState ? "visible" : "hidden");
    }
    
    function hideDivs(){
       toggleUserSelectedMenu('IntroductionDiv', 0)
       toggleUserSelectedMenu('FinishesDiv', 0)
       toggleUserSelectedMenu('ComponentsDiv', 0)
       toggleUserSelectedMenu('PresentationDiv', 0)
    }
    
    function hideElementsinDescriptionTable(){
        document.getElementById('SelectedWorkstationHeader').style.visibility = "hidden"
        document.getElementById('SelectedWorkstationName').style.visibility = "hidden"

        document.getElementById('FabricsHeader').style.visibility = "hidden"
        document.getElementById('Fabric1PreviewImage').style.visibility = "hidden"
        document.getElementById('Fabric1PreviewDescription').style.visibility = "hidden"
        document.getElementById('Fabric2PreviewImage').style.visibility = "hidden"
        document.getElementById('Fabric2PreviewDescription').style.visibility = "hidden"
        document.getElementById('Fabric3PreviewImage').style.visibility = "hidden"
        document.getElementById('Fabric3PreviewDescription').style.visibility = "hidden"
        document.getElementById('Fabric4PreviewImage').style.visibility = "hidden"
        document.getElementById('Fabric4PreviewDescription').style.visibility = "hidden"

        document.getElementById('PaintHeader').style.visibility = "hidden"
        document.getElementById('PaintPreviewImage').style.visibility = "hidden"
        document.getElementById('PaintPreviewDescription').style.visibility = "hidden"

        document.getElementById('EdgeHeader').style.visibility = "hidden"
        document.getElementById('EdgePreviewImage').style.visibility = "hidden"
        document.getElementById('EdgePreviewDescription').style.visibility = "hidden"

        document.getElementById('WorksurfaceLaminateHeader').style.visibility = "hidden"
        document.getElementById('WorksurfaceLaminatePreviewImage').style.visibility = "hidden"
        document.getElementById('WorksurfaceLaminatePreviewDescription').style.visibility = "hidden"

        document.getElementById('GlassDescHeader').style.visibility = "hidden"
        document.getElementById('GlassDescPreviewImage').style.visibility = "hidden"
        document.getElementById('GlassDescPreviewDescription').style.visibility = "hidden"

        document.getElementById('VeneerHeader').style.visibility = "hidden"
        document.getElementById('VeneerPreviewImage').style.visibility = "hidden"
        document.getElementById('VeneerPreviewDescription').style.visibility = "hidden"
    }
    
    //Add DisplayClientImage
    function AddDisplayClientImage(){
    
        if(!document.getElementById("DisplayClientImage"))
        {
            var displayclientimage = null
            displayclientimage = document.createElement("IMG")
            displayclientimage.id = "DisplayClientImage"
            displayclientimage.style.position = "absolute"
            displayclientimage.style.width = "657px"
            displayclientimage.style.height = "456px"
            displayclientimage.top = "0px"
            displayclientimage.left = "0px"
            displayclientimage.src = "Graphics/White.jpg"
            parentObject.appendChild(displayclientimage) 
        }
    }
    
    function ifLayoutSelected()
    {
        if(isLayoutSelected == false)
        {
            alert("Please choose a layout..")
            IntroductionMenuModule()
            return false
        }
        else
        {
            document.getElementById('EmailinMainCell').style.visibility = "visible";
            document.getElementById('PDFBuildinMainCell').style.visibility = "visible";
            return true
        }
    }
    
    //*********************
    //  Re-set application
    //*********************
    function collapseDivs() //when a new typical is chosen
    {
        //Collapse FinishesMenu div
        var ar = document.getElementById("finishesMenusdiv").getElementsByTagName("span");
        for (var a=0; a<ar.length; a++){
		    if (ar[a].className=="submenu") 
		        ar[a].style.display = "none";
        }
        //Collpase ComponentsMenu div
        var ar = document.getElementById("componentsMenusdiv").getElementsByTagName("span");
        for (var b=0; b<ar.length; b++){
		    if (ar[b].className=="submenu") 
		        ar[b].style.display = "none";
        }
    }
//*********************************************************************************************************



//*********************************************************************************************************
    //*******************
    //  MENU EVENTS
    //*******************
    function setMenuDefaultImages(){
        document.getElementById('IntroductionMenu').src="Graphics/introduction_default.jpg"
        document.getElementById('FinishesMenu').src="Graphics/finishes_default.jpg"
        document.getElementById('ComponentsMenu').src="Graphics/components_default.jpg"
        document.getElementById('PresentationMenu').src="Graphics/presentation_default.jpg"
    }
    
    //Introduction Menu
    function IntroductionMenuModule(){

        currentSelectedMenu = "IntroductionMenu"
        
        //Set default
        setMenuDefaultImages()
        hideDivs()
        
        //Hide all Menus Header
        document.getElementById('LeftTableRow1Cell').style.display = "none";
        
         //Hide upper/lower storage
         HideAllStorageOptions()
        
        //Menu Div
        toggleUserSelectedMenu('IntroductionDiv', 1)
        
        //Change righttable  -- row 1
        document.getElementById('RightTable').background = "Graphics/introduction-background.jpg"
        document.getElementById('RightTableRow3Cell').style.background = ""
        toggleUserSelectedMenu('IntroductionRightTableDiv', 1)
        //Change righttable  -- row 2
        document.getElementById('BlankImage').src = "Graphics/right-background1.jpg"
        document.getElementById('BlankImage').style.zIndex = 3
        document.getElementById('DisplaySelectedFinishes').style.zIndex = 2
        //Change divs
        if(document.getElementById('DisplayClientImage'))
            toggleUserSelectedMenu('DisplayClientImage', 0);
        //Reset Ais More display attribute
        var AisMore = document.getElementById("GradeAAisMoreDiv");
        AisMore.style.display = "block";
        //Reset Slide Menu
        if(recordedObjId != "")
        {
            var el = document.getElementById(recordedObjId);
            el.style.display = "none";
            document.getElementById(recordedObjId+"Graphic").src =  "Graphics/triangle-right.jpg" 
            
        
        }
    }
    
    //Finishes Menu
    function FinishesMenuModule(){
 
        if(ifLayoutSelected())
        {
            currentSelectedMenu = "FinishesMenu"
            
            //Set default
            hideDivs()
            setMenuDefaultImages()
            
            //Show Menus Header
            document.getElementById('LeftTableRow1Cell').style.display = "block";
            
            document.getElementById('FinishesMenuHeader').style.zIndex = 2;
            toggleUserSelectedMenu('FinishesMenuHeader', 1)
            document.getElementById('ComponentsMenuHeader').style.zIndex = 1;
            toggleUserSelectedMenu('ComponentsMenuHeader', 0)
            document.getElementById('PresentationMenuHeader').style.zIndex = 1;
            toggleUserSelectedMenu('PresentationMenuHeader', 0)
            
            //Hide upper/lower storage
            HideAllStorageOptions()
            
            //Menu Div
            toggleUserSelectedMenu('FinishesDiv', 1)
            
            //Change righttable background
            document.getElementById('RightTable').background = ""
            document.getElementById('RightTableRow3Cell').style.background = "#E5E5E5"
            //Change righttable  -- row 2
            document.getElementById('BlankImage').src = "Graphics/x.gif"
            document.getElementById('BlankImage').style.zIndex = 2
            document.getElementById('DisplaySelectedFinishes').style.zIndex = 3
            
            //Change divs
            if(document.getElementById('DisplayClientImage'))
                toggleUserSelectedMenu('DisplayClientImage', 1)
            toggleUserSelectedMenu('IntroductionRightTableDiv', 0)
            toggleUserSelectedMenu('DisplaySelectedFinishes', 1)
        }
    }

    //Components Menu
    function ComponentsMenuModule(){
        
        if(ifLayoutSelected())
        {
            currentSelectedMenu = "ComponentsMenu"
            
            //Set default
            hideDivs()
            setMenuDefaultImages()
            
            //Show Menus Header
            document.getElementById('LeftTableRow1Cell').style.display = "block";
            
            document.getElementById('FinishesMenuHeader').style.zIndex = 1;
            toggleUserSelectedMenu('FinishesMenuHeader', 0)
            document.getElementById('ComponentsMenuHeader').style.zIndex = 2;
            toggleUserSelectedMenu('ComponentsMenuHeader', 1)
            document.getElementById('PresentationMenuHeader').style.zIndex = 1;
            toggleUserSelectedMenu('PresentationMenuHeader', 0)
            
            //Show upper/lower storage
            setUpperLowerStorageOptions()
            
            //Menu Div
            toggleUserSelectedMenu('ComponentsDiv', 1)
            
            //Change righttable background
            document.getElementById('RightTable').background = ""
            document.getElementById('RightTableRow3Cell').style.background = "#E5E5E5"
            //Change righttable  -- row 2
            document.getElementById('BlankImage').src = "Graphics/x.gif"
            document.getElementById('BlankImage').style.zIndex = 2
            document.getElementById('DisplaySelectedFinishes').style.zIndex = 3
            
            //Change divs
            if(document.getElementById('DisplayClientImage'))
                toggleUserSelectedMenu('DisplayClientImage', 1)
            toggleUserSelectedMenu('IntroductionRightTableDiv', 0)
        }
    }
    
    //Presentation Menu
    function PresentationMenuModule(){
    
        if(ifLayoutSelected())
        {
            currentSelectedMenu = "PresentationMenu"
            
            //Set default
            setMenuDefaultImages()
            hideDivs()
            
            //Show Menus Header
            document.getElementById('LeftTableRow1Cell').style.display = "block";
            
            document.getElementById('FinishesMenuHeader').style.zIndex = 1;
            toggleUserSelectedMenu('FinishesMenuHeader', 0)
            document.getElementById('ComponentsMenuHeader').style.zIndex = 1;
            toggleUserSelectedMenu('ComponentsMenuHeader', 0)
            document.getElementById('PresentationMenuHeader').style.zIndex = 2;
            toggleUserSelectedMenu('PresentationMenuHeader', 1)
            
            //Hide upper/lower storage
            HideAllStorageOptions()
            
            //Menu Div
            toggleUserSelectedMenu('PresentationDiv', 1)
           
            //Change righttable background
            document.getElementById('RightTable').background = ""
            document.getElementById('RightTableRow3Cell').style.background = "#E5E5E5"
            //Change righttable  -- row 2
            document.getElementById('BlankImage').src = "Graphics/x.gif"
            document.getElementById('BlankImage').style.zIndex = 2
            document.getElementById('DisplaySelectedFinishes').style.zIndex = 3
           
            //Change divs
            if(document.getElementById('DisplayClientImage'))
                toggleUserSelectedMenu('DisplayClientImage', 1)
            toggleUserSelectedMenu('IntroductionRightTableDiv', 0)
        }
    }
//*********************************************************************************************************

//*********************************************************************************************************
                                //---------------------
                                //  CONFIGURATOR LOGIC
                                //---------------------
    //Set Storage Options
    function HideAllStorageOptions()
    {
        //Upper Storage
        document.getElementById('UpperStorage1').style.visibility = "hidden"
        document.getElementById('UpperStorage1Img').style.visibility = "hidden"
        document.getElementById('UpperStorage2').style.visibility = "hidden"
        document.getElementById('UpperStorage2Img').style.visibility = "hidden"
        document.getElementById('UpperStorage3').style.visibility = "hidden"
        document.getElementById('UpperStorage3Img').style.visibility = "hidden"
        document.getElementById('UpperStorage4').style.visibility = "hidden"
        document.getElementById('UpperStorage4Img').style.visibility = "hidden"
        document.getElementById('UpperStorage5').style.visibility = "hidden"
        document.getElementById('UpperStorage5Img').style.visibility = "hidden"
        document.getElementById('UpperStorage6').style.visibility = "hidden"
        document.getElementById('UpperStorage6Img').style.visibility = "hidden"
        document.getElementById('UpperStorage7').style.visibility = "hidden"
        document.getElementById('UpperStorage7Img').style.visibility = "hidden"
        document.getElementById('UpperStorage8').style.visibility = "hidden"
        document.getElementById('UpperStorage8Img').style.visibility = "hidden"
        
        //Lower Storage
        document.getElementById('LowerStorage1').style.visibility = "hidden"
        document.getElementById('LowerStorage1Img').style.visibility = "hidden"
        document.getElementById('LowerStorage2').style.visibility = "hidden"
        document.getElementById('LowerStorage2Img').style.visibility = "hidden"
        document.getElementById('LowerStorage3').style.visibility = "hidden"
        document.getElementById('LowerStorage3Img').style.visibility = "hidden"
        document.getElementById('LowerStorage4').style.visibility = "hidden"
        document.getElementById('LowerStorage4Img').style.visibility = "hidden"
        document.getElementById('LowerStorage5').style.visibility = "hidden"
        document.getElementById('LowerStorage5Img').style.visibility = "hidden"
    }
    
    function setUpperLowerStorageOptions()
    {
        if(currentSelectedTypical == "Ma1")
        {
            //Upper Storage
            document.getElementById('UpperStorage1').style.visibility = "visible"
            document.getElementById('UpperStorage1Img').style.visibility = "visible"
            document.getElementById('UpperStorage1Img').src = "Graphics/StorageOptions/flat_flat.jpg"
            
            document.getElementById('UpperStorage2').style.visibility = "visible"
            document.getElementById('UpperStorage2Img').style.visibility = "visible"
            document.getElementById('UpperStorage2Img').src = "Graphics/StorageOptions/shelf_shelf.jpg"
            
            document.getElementById('UpperStorage3').style.visibility = "visible"
            document.getElementById('UpperStorage3Img').style.visibility = "visible"
            document.getElementById('UpperStorage3Img').src = "Graphics/StorageOptions/rounded_rounded.jpg"
            
            document.getElementById('UpperStorage4').style.visibility = "visible"
            document.getElementById('UpperStorage4Img').style.visibility = "visible"
            document.getElementById('UpperStorage4Img').src = "Graphics/StorageOptions/no_upper_storage.jpg"

            
            //Lower Storage
            document.getElementById('LowerStorage1').style.visibility = "visible"
            document.getElementById('LowerStorage1Img').style.visibility = "visible"
            document.getElementById('LowerStorage1Img').src = "Graphics/StorageOptions/lateral.jpg"
            
            document.getElementById('LowerStorage2').style.visibility = "visible"
            document.getElementById('LowerStorage2Img').style.visibility = "visible"
            document.getElementById('LowerStorage2Img').src = "Graphics/StorageOptions/bbf.jpg"
            
            document.getElementById('LowerStorage3').style.visibility = "visible"
            document.getElementById('LowerStorage3Img').style.visibility = "visible"
            document.getElementById('LowerStorage3Img').src = "Graphics/StorageOptions/ff.jpg"
            
            document.getElementById('LowerStorage4').style.visibility = "visible"
            document.getElementById('LowerStorage4Img').style.visibility = "visible"
            document.getElementById('LowerStorage4Img').src = "Graphics/StorageOptions/ff_ff.jpg"
            
            document.getElementById('LowerStorage5').style.visibility = "visible"
            document.getElementById('LowerStorage5Img').style.visibility = "visible"
            document.getElementById('LowerStorage5Img').src = "Graphics/StorageOptions/no_lower_storage.jpg"
        }
        else if(currentSelectedTypical == "Ma2")
        {
            //Upper Storage
            document.getElementById('UpperStorage1').style.visibility = "visible"
            document.getElementById('UpperStorage1Img').style.visibility = "visible"
            document.getElementById('UpperStorage1Img').src = "Graphics/StorageOptions/flat_shelf.jpg"
            
            document.getElementById('UpperStorage2').style.visibility = "visible"
            document.getElementById('UpperStorage2Img').style.visibility = "visible"
            document.getElementById('UpperStorage2Img').src = "Graphics/StorageOptions/shelf_flat.jpg"
            
            document.getElementById('UpperStorage3').style.visibility = "visible"
            document.getElementById('UpperStorage3Img').style.visibility = "visible"
            document.getElementById('UpperStorage3Img').src = "Graphics/StorageOptions/flat_flat.jpg"
            
            document.getElementById('UpperStorage4').style.visibility = "visible"
            document.getElementById('UpperStorage4Img').style.visibility = "visible"
            document.getElementById('UpperStorage4Img').src = "Graphics/StorageOptions/shelf_shelf.jpg"
            
            document.getElementById('UpperStorage5').style.visibility = "visible"
            document.getElementById('UpperStorage5Img').style.visibility = "visible"
            document.getElementById('UpperStorage5Img').src = "Graphics/StorageOptions/rounded_shelf.jpg"
            
            document.getElementById('UpperStorage6').style.visibility = "visible"
            document.getElementById('UpperStorage6Img').style.visibility = "visible"
            document.getElementById('UpperStorage6Img').src = "Graphics/StorageOptions/shelf_rounded.jpg"
            
            document.getElementById('UpperStorage7').style.visibility = "visible"
            document.getElementById('UpperStorage7Img').style.visibility = "visible"
            document.getElementById('UpperStorage7Img').src = "Graphics/StorageOptions/rounded_rounded.jpg"
            
            document.getElementById('UpperStorage8').style.visibility = "visible"
            document.getElementById('UpperStorage8Img').style.visibility = "visible"
            document.getElementById('UpperStorage8Img').src = "Graphics/StorageOptions/no_upper_storage.jpg"
            
            //Lower Storage
            document.getElementById('LowerStorage1').style.visibility = "visible"
            document.getElementById('LowerStorage1Img').style.visibility = "visible"
            document.getElementById('LowerStorage1Img').src = "Graphics/StorageOptions/bbf.jpg"
            
            document.getElementById('LowerStorage2').style.visibility = "visible"
            document.getElementById('LowerStorage2Img').style.visibility = "visible"
            document.getElementById('LowerStorage2Img').src = "Graphics/StorageOptions/ff.jpg"
            
            document.getElementById('LowerStorage3').style.visibility = "visible"
            document.getElementById('LowerStorage3Img').style.visibility = "visible"
            document.getElementById('LowerStorage3Img').src = "Graphics/StorageOptions/bbf_ff.jpg"
            
            document.getElementById('LowerStorage4').style.visibility = "visible"
            document.getElementById('LowerStorage4Img').style.visibility = "visible"
            document.getElementById('LowerStorage4Img').src = "Graphics/StorageOptions/ff_ff.jpg"
            
            document.getElementById('LowerStorage5').style.visibility = "visible"
            document.getElementById('LowerStorage5Img').style.visibility = "visible"
            document.getElementById('LowerStorage5Img').src = "Graphics/StorageOptions/no_lower_storage.jpg"
        }
        else if(currentSelectedTypical == "Mw1" || currentSelectedTypical == "Di1" || currentSelectedTypical == "Di2")
        {
            //Upper Storage
            document.getElementById('UpperStorage1').style.visibility = "visible"
            document.getElementById('UpperStorage1Img').style.visibility = "visible"
            document.getElementById('UpperStorage1Img').src = "Graphics/StorageOptions/flat_shelf.jpg"
            
            document.getElementById('UpperStorage2').style.visibility = "visible"
            document.getElementById('UpperStorage2Img').style.visibility = "visible"
            document.getElementById('UpperStorage2Img').src = "Graphics/StorageOptions/shelf_flat.jpg"
            
            document.getElementById('UpperStorage3').style.visibility = "visible"
            document.getElementById('UpperStorage3Img').style.visibility = "visible"
            document.getElementById('UpperStorage3Img').src = "Graphics/StorageOptions/flat_flat.jpg"
            
            document.getElementById('UpperStorage4').style.visibility = "visible"
            document.getElementById('UpperStorage4Img').style.visibility = "visible"
            document.getElementById('UpperStorage4Img').src = "Graphics/StorageOptions/shelf_shelf.jpg"
            
            document.getElementById('UpperStorage5').style.visibility = "visible"
            document.getElementById('UpperStorage5Img').style.visibility = "visible"
            document.getElementById('UpperStorage5Img').src = "Graphics/StorageOptions/rounded_shelf.jpg"
            
            document.getElementById('UpperStorage6').style.visibility = "visible"
            document.getElementById('UpperStorage6Img').style.visibility = "visible"
            document.getElementById('UpperStorage6Img').src = "Graphics/StorageOptions/shelf_rounded.jpg"
            
            document.getElementById('UpperStorage7').style.visibility = "visible"
            document.getElementById('UpperStorage7Img').style.visibility = "visible"
            document.getElementById('UpperStorage7Img').src = "Graphics/StorageOptions/rounded_rounded.jpg"
            
            document.getElementById('UpperStorage8').style.visibility = "visible"
            document.getElementById('UpperStorage8Img').style.visibility = "visible"
            document.getElementById('UpperStorage8Img').src = "Graphics/StorageOptions/no_upper_storage.jpg"
            
            //Lower Storage
            document.getElementById('LowerStorage1').style.visibility = "visible"
            document.getElementById('LowerStorage1Img').style.visibility = "visible"
            document.getElementById('LowerStorage1Img').src = "Graphics/StorageOptions/lateral.jpg"
            
            document.getElementById('LowerStorage2').style.visibility = "visible"
            document.getElementById('LowerStorage2Img').style.visibility = "visible"
            document.getElementById('LowerStorage2Img').src = "Graphics/StorageOptions/bbf.jpg"
            
            document.getElementById('LowerStorage3').style.visibility = "visible"
            document.getElementById('LowerStorage3Img').style.visibility = "visible"
            document.getElementById('LowerStorage3Img').src = "Graphics/StorageOptions/ff.jpg"
            
            document.getElementById('LowerStorage4').style.visibility = "visible"
            document.getElementById('LowerStorage4Img').style.visibility = "visible"
            document.getElementById('LowerStorage4Img').src = "Graphics/StorageOptions/ff_ff.jpg"
            
            document.getElementById('LowerStorage5').style.visibility = "visible"
            document.getElementById('LowerStorage5Img').style.visibility = "visible"
            document.getElementById('LowerStorage5Img').src = "Graphics/StorageOptions/no_lower_storage.jpg"
        }
    }
    
    //Set engine variables
    function SetGlobalVariables()
    {    
        //Level 100 upper storage groups
        if(document.getElementById('UpperStorage1').checked == true)         //upper storage group 0
            CurrentUpperStorage = "1"
        else if(document.getElementById('UpperStorage2').checked == true)    //upper storage group 1
            CurrentUpperStorage = "2"
        else if(document.getElementById('UpperStorage3').checked == true)    //upper storage group 2
            CurrentUpperStorage = "3"
        else if(document.getElementById('UpperStorage4').checked == true)    //upper storage group 3
            CurrentUpperStorage = "4"
        else if(document.getElementById('UpperStorage5').checked == true)    //upper storage group 4
            CurrentUpperStorage = "5"
        else if(document.getElementById('UpperStorage6').checked == true)    //upper storage group 5
            CurrentUpperStorage = "6"
        else if(document.getElementById('UpperStorage7').checked == true)    //upper storage group 6
            CurrentUpperStorage = "7"
        else if(document.getElementById('UpperStorage8').checked == true)    //upper storage group 7
            CurrentUpperStorage = "8"
        
        //Level 200 lower storage groups
        if(document.getElementById('LowerStorage1').checked == true)         //lower storage group 0
            CurrentLowerStorage = "0"
        else if(document.getElementById('LowerStorage2').checked == true)    //lower storage group 1
            CurrentLowerStorage = "1"
        else if(document.getElementById('LowerStorage3').checked == true)    //lower storage group 2
            CurrentLowerStorage = "2"
        else if(document.getElementById('LowerStorage4').checked == true)    //lower storage group 3
            CurrentLowerStorage = "3"
        else if(document.getElementById('LowerStorage5').checked == true)   //lower storage group 4
            CurrentLowerStorage = "4" 

        //theConfigFolder
        ConfigFolder = CurrentUpperStorage + "000" + CurrentLowerStorage
        //^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        //Set engine variables
        
        //Paints exceptions        
        if(currentSelectedTypical == "Di1" || currentSelectedTypical == "Di2")
        {
            document.getElementById('BasicPaintsCustomizeDiv').style.display = "block";
            document.getElementById('BasicPaintsDiv').style.display = "none";
            isBasePlastic = true
        }
        else
        {
            document.getElementById('BasicPaintsCustomizeDiv').style.display = "none";
            document.getElementById('BasicPaintsDiv').style.display = "block";
            isBasePlastic = false
        }
        
        //PanelTypes -- Monolithic - 100***** & Segmented - 101*****
        if(document.getElementById('PanelTypeA').checked == true)
        {
            isMonolithic = true
            isSegmented = false
            
            if(document.getElementById('Zone1Div'))
                document.getElementById('Zone1Div').style.display = "none";
            if(document.getElementById('Zone1FabricsMenusHeader'))
                document.getElementById('Zone1FabricsMenusHeader').style.display = "none";
            if(document.getElementById('Zone1LaminatesMenusHeader'))
                document.getElementById('Zone1LaminatesMenusHeader').style.display = "none";
            if(document.getElementById('Zone1OthersMenusHeader'))
                document.getElementById('Zone1OthersMenusHeader').style.display = "none";
            
            if(document.getElementById('Zone2Div'))
                document.getElementById('Zone2Div').style.display = "none";
            if(document.getElementById('Zone2FabricsMenusHeader'))
                document.getElementById('Zone2FabricsMenusHeader').style.display = "none";
            if(document.getElementById('Zone2LaminatesMenusHeader'))
                document.getElementById('Zone2LaminatesMenusHeader').style.display = "none";
            if(document.getElementById('Zone2OthersMenusHeader'))
                document.getElementById('Zone2OthersMenusHeader').style.display = "none";
            
            if(document.getElementById('Zone3Div'))
                document.getElementById('Zone3Div').style.display = "none";
            if(document.getElementById('Zone3FabricsMenusHeader'))
                document.getElementById('Zone3FabricsMenusHeader').style.display = "none";
            if(document.getElementById('Zone3LaminatesMenusHeader'))
                document.getElementById('Zone3LaminatesMenusHeader').style.display = "none";
            if(document.getElementById('Zone3OthersMenusHeader'))
                document.getElementById('Zone3OthersMenusHeader').style.display = "none";
            
            if(document.getElementById('Zone4Div'))
                document.getElementById('Zone4Div').style.display = "none";
            if(document.getElementById('Zone4FabricsMenusHeader'))
                document.getElementById('Zone4FabricsMenusHeader').style.display = "none";
            if(document.getElementById('Zone4LaminatesMenusHeader'))
                document.getElementById('Zone4LaminatesMenusHeader').style.display = "none";
            if(document.getElementById('Zone4OthersMenusHeader'))
                document.getElementById('Zone4OthersMenusHeader').style.display = "none";
            
            if(document.getElementById('Zone5Div'))
                document.getElementById('Zone5Div').style.display = "none";

            //Re-set zones finishes
            CurrentZone2Finish = CurrentZone1Finish
            CurrentZone3Finish = CurrentZone1Finish
        }
        else if(document.getElementById('PanelTypeB').checked == true)
        {
            isMonolithic = false
            isSegmented = true

            //Change zones
            if(currentSelectedTypical == "Ma1" || currentSelectedTypical == "Ma2")
            {
                if(document.getElementById('Zone1Div'))
                    document.getElementById('Zone1Div').style.display = "block";
                if(document.getElementById('Zone1FabricsMenusHeader'))
                    document.getElementById('Zone1FabricsMenusHeader').style.display = "block";
                if(document.getElementById('Zone1LaminatesMenusHeader'))
                    document.getElementById('Zone1LaminatesMenusHeader').style.display = "block";
                if(document.getElementById('Zone1OthersMenusHeader'))
                    document.getElementById('Zone1OthersMenusHeader').style.display = "block";
                    
                if(document.getElementById('Zone2Div')) 
                    document.getElementById('Zone2Div').style.display = "block";
                if(document.getElementById('Zone2FabricsMenusHeader'))
                    document.getElementById('Zone2FabricsMenusHeader').style.display = "block";
                if(document.getElementById('Zone2LaminatesMenusHeader'))
                    document.getElementById('Zone2LaminatesMenusHeader').style.display = "block";
                if(document.getElementById('Zone2OthersMenusHeader'))
                    document.getElementById('Zone2OthersMenusHeader').style.display = "block";
                
                if(document.getElementById('Zone3Div'))
                    document.getElementById('Zone3Div').style.display = "block";
                if(document.getElementById('Zone3FabricsMenusHeader'))
                    document.getElementById('Zone3FabricsMenusHeader').style.display = "block";
                if(document.getElementById('Zone3LaminatesMenusHeader'))
                    document.getElementById('Zone3LaminatesMenusHeader').style.display = "block";
                if(document.getElementById('Zone3OthersMenusHeader'))
                    document.getElementById('Zone3OthersMenusHeader').style.display = "block";
                
                if(document.getElementById('Zone4Div'))
                    document.getElementById('Zone4Div').style.display = "block";
                if(document.getElementById('Zone4FabricsMenusHeader'))
                    document.getElementById('Zone4FabricsMenusHeader').style.display = "block";
                if(document.getElementById('Zone4LaminatesMenusHeader'))
                    document.getElementById('Zone4LaminatesMenusHeader').style.display = "block";
                if(document.getElementById('Zone4OthersMenusHeader'))
                    document.getElementById('Zone4OthersMenusHeader').style.display = "block";
                
                if(document.getElementById('Zone5Div'))
                    document.getElementById('Zone5Div').style.display = "block";
            }
            else if(currentSelectedTypical == "Di1" || currentSelectedTypical == "Di2")
            {
                if(document.getElementById('Zone1Div')) 
                    document.getElementById('Zone1Div').style.display = "block";
                if(document.getElementById('Zone1FabricsMenusHeader'))
                    document.getElementById('Zone1FabricsMenusHeader').style.display = "block";
                if(document.getElementById('Zone1LaminatesMenusHeader'))
                    document.getElementById('Zone1LaminatesMenusHeader').style.display = "none";
                if(document.getElementById('Zone1OthersMenusHeader'))
                    document.getElementById('Zone1OthersMenusHeader').style.display = "none";
                
                if(document.getElementById('Zone2Div'))
                    document.getElementById('Zone2Div').style.display = "block";
                if(document.getElementById('Zone2FabricsMenusHeader'))
                    document.getElementById('Zone2FabricsMenusHeader').style.display = "block";
                if(document.getElementById('Zone2LaminatesMenusHeader'))
                    document.getElementById('Zone2LaminatesMenusHeader').style.display = "none";
                if(document.getElementById('Zone2OthersMenusHeader'))
                    document.getElementById('Zone2OthersMenusHeader').style.display = "none";
                
                if(document.getElementById('Zone3Div'))
                    document.getElementById('Zone3Div').style.display = "block";
                if(document.getElementById('Zone3FabricsMenusHeader'))
                    document.getElementById('Zone3FabricsMenusHeader').style.display = "block";
                if(document.getElementById('Zone3LaminatesMenusHeader'))
                    document.getElementById('Zone3LaminatesMenusHeader').style.display = "none";
                if(document.getElementById('Zone3OthersMenusHeader'))
                    document.getElementById('Zone3OthersMenusHeader').style.display = "none";
                
                if(document.getElementById('Zone4Div'))
                    document.getElementById('Zone4Div').style.display = "none";
                if(document.getElementById('Zone4FabricsMenusHeader'))
                    document.getElementById('Zone4FabricsMenusHeader').style.display = "none";
                if(document.getElementById('Zone4LaminatesMenusHeader'))
                    document.getElementById('Zone4LaminatesMenusHeader').style.display = "none";
                if(document.getElementById('Zone4OthersMenusHeader'))
                    document.getElementById('Zone4OthersMenusHeader').style.display = "none";
                
                if(document.getElementById('Zone5Div'))
                    document.getElementById('Zone5Div').style.display = "none";
            }
        }
        
        //Zones
        if( currentSelectedTypical == "Mw1") //Zones Exceptions
        {
            //Zone 1
            if(CurrentZone1Finish != null && CurrentZone1Finish != "")
            {
                if(CurrentZone1Finish.substring(0,1) == "2" || CurrentZone1Finish.substring(0,1) == "3")
                {
                    isZone1Fabric = true
                    isZone1Veneer = false
                    isZone1Laminate = false
                    
                    PanelFabZone1 = CurrentZone1Finish
                    
                    PanelFab = CurrentZone1Finish
                }
            }
        }
        
        if( currentSelectedTypical == "Ma1" || currentSelectedTypical == "Ma2" || currentSelectedTypical == "Di1" || currentSelectedTypical == "Di2")
        {
            //Zone 1
            if(isZone1Bossed == true)
            {
                isZone1Bossed = true
                isZone1Perf = false
                isZone1Fabric = false
                isZone1Veneer = false
                isZone1Laminate = false
            }
            else if(isZone1Perf == true)
            {
                isZone1Bossed = false
                isZone1Perf = true
                isZone1Fabric = false
                isZone1Veneer = false
                isZone1Laminate = false
            }
            else 
            {
                isZone1Bossed = false
                isZone1Perf = false

                if(CurrentZone1Finish != null && CurrentZone1Finish != "")
                {
                    if(CurrentZone1Finish.substring(0,1) == "2" || CurrentZone1Finish.substring(0,1) == "3")
                    {
                        isZone1Fabric = true
                        isZone1Veneer = false
                        isZone1Laminate = false
                        
                        PanelFabZone1 = CurrentZone1Finish
                        PanelVeneerZone1 = "70000"
                        PanelLaminateZone1 = "61008"
                        
                    }
                    else if(CurrentZone1Finish.substring(0,1) == "5" || CurrentZone1Finish.substring(0,1) == "6")
                    {
                        isZone1Fabric = false
                        isZone1Veneer = false
                        isZone1Laminate = true
                        
                        PanelFabZone1 = "20000"
                        PanelVeneerZone1 = "70000"
                        PanelLaminateZone1 = CurrentZone1Finish
                    }
                    else if(CurrentZone1Finish.substring(0,1) == "7")
                    {
                        isZone1Fabric = false
                        isZone1Veneer = true
                        isZone1Laminate = false
                        
                        PanelFabZone1 = "20000"
                        PanelVeneerZone1 = CurrentZone1Finish
                        PanelLaminateZone1 = "61008"
                    }
                }
            }
            
            
            //Zone 2
            if(CurrentZone2Finish != null && CurrentZone2Finish != "")
            {
                if(CurrentZone2Finish.substring(0,1) == "2" || CurrentZone2Finish.substring(0,1) == "3")
                {
                    isZone2Fabric = true
                    isZone2Veneer = false
                    isZone2Laminate = false
                    
                    PanelFabZone2 = CurrentZone2Finish
                    PanelVeneerZone2 = "70000"
                    PanelLaminateZone2 = "61008"
                }
                else if(CurrentZone2Finish.substring(0,1) == "5" || CurrentZone2Finish.substring(0,1) == "6")
                {
                    isZone2Fabric = false
                    isZone2Veneer = false
                    isZone2Laminate = true
                    
                    PanelFabZone2 = "20000"
                    PanelVeneerZone2 = "70000"
                    PanelLaminateZone2 = CurrentZone2Finish
                }
                else if(CurrentZone2Finish.substring(0,1) == "7")
                {
                    isZone2Fabric = false
                    isZone2Veneer = true
                    isZone2Laminate = false
                    
                    PanelFabZone2 = "20000"
                    PanelVeneerZone2 = CurrentZone2Finish
                    PanelLaminateZone2 = "61008"
                }
            }
            
             //Zone 3
             if(CurrentZone3Finish != null && CurrentZone3Finish != "")
             {
                if(CurrentZone3Finish.substring(0,1) == "2" || CurrentZone3Finish.substring(0,1) == "3")
                {
                    isZone3Fabric = true
                    isZone3Veneer = false
                    isZone3Laminate = false
                    
                    PanelFabZone3 = CurrentZone3Finish
                    PanelVeneerZone3 = "70000"
                    PanelLaminateZone3 = "61008"

                    PanelFab = CurrentZone3Finish
                    PanelVeneer = "70000"
                    PanelLaminate = "61008"
                }
                else if(CurrentZone3Finish.substring(0,1) == "5" || CurrentZone3Finish.substring(0,1) == "6")
                {
                    isZone3Fabric = false
                    isZone3Veneer = false
                    isZone3Laminate = true
                    
                    PanelFabZone3 = "20000"
                    PanelVeneerZone3 = "70000"
                    PanelLaminateZone3 = CurrentZone3Finish

                    PanelFab = "20000"
                    PanelVeneer = "70000"
                    PanelLaminate = CurrentZone3Finish
                }
                else if(CurrentZone3Finish.substring(0,1) == "7")
                {
                    isZone3Fabric = false
                    isZone3Veneer = true
                    isZone3Laminate = false
                    
                    PanelFabZone3 = "20000"
                    PanelVeneerZone3 = CurrentZone3Finish
                    PanelLaminateZone3 = "61008"
                    
                    PanelFab = "20000"
                    PanelVeneer = CurrentZone3Finish
                    PanelLaminate = "61008"
                }
            }
            
            //Zone 4
            if(isZone4Bossed == true)
            {
                isZone4Bossed = true
                isZone4Perf = false
                isZone4Fabric = false
                isZone4Veneer = false
                isZone4Laminate = false
            }
            else if(isZone4Perf == true)
            {
                isZone4Bossed = false
                isZone4Perf = true
                isZone4Fabric = false
                isZone4Veneer = false
                isZone4Laminate = false
            }
            else 
            {
                isZone4Bossed = false
                isZone4Perf = false
                
                if(CurrentZone4Finish != null && CurrentZone4Finish != "")
                {
                    if(CurrentZone4Finish.substring(0,1) == "2" || CurrentZone4Finish.substring(0,1) == "3")
                    {
                        isZone4Fabric = true
                        isZone4Veneer = false
                        isZone4Laminate = false
                        
                        PanelFabZone4 = CurrentZone4Finish
                        PanelVeneerZone4 = "70000"
                        PanelLaminateZone4 = "61008"
                        
                    }
                    else if(CurrentZone4Finish.substring(0,1) == "5" || CurrentZone4Finish.substring(0,1) == "6")
                    {
                        isZone4Fabric = false
                        isZone4Veneer = false
                        isZone4Laminate = true
                        
                        PanelFabZone4 = "20000"
                        PanelVeneerZone4 = "70000"
                        PanelLaminateZone4 = CurrentZone4Finish
                    }
                    else if(CurrentZone4Finish.substring(0,1) == "7")
                    {
                        isZone4Fabric = false
                        isZone4Veneer = true
                        isZone4Laminate = false
                        
                        PanelFabZone4 = "20000"
                        PanelVeneerZone4 = CurrentZone4Finish
                        PanelLaminateZone4 = "61008"
                    }
                }
            }
            
            //set zone 5 & zone 6 finishes
            if(document.getElementById('Zone5Paint').checked == true)
            {
                CurrentZone5Finish = PaintColor
                CurrentZone6Finish = PaintColor
            }
            else  if(document.getElementById('Zone5Match').checked == true)
            {
                CurrentZone5Finish = CurrentZone1Finish //finish outside
            }

            //Zone 5
            if(CurrentZone5Finish.substring(0,1) == "2" || CurrentZone5Finish.substring(0,1) == "3")
            {
                isZone5Fabric = true
                isZone5Veneer = false
                isZone5Laminate = false
                
                PanelFabZone5 = CurrentZone5Finish
                PanelVeneerZone5 = "70000"
                PanelLaminateZone5 = "61008"
                
            }
            else if(CurrentZone5Finish.substring(0,1) == "5" || CurrentZone5Finish.substring(0,1) == "6")
            {
                isZone5Fabric = false
                isZone5Veneer = false
                isZone5Laminate = true
                
                PanelFabZone5 = "20000"
                PanelVeneerZone5 = "70000"
                PanelLaminateZone5 = CurrentZone5Finish
            }
            else if(CurrentZone5Finish.substring(0,1) == "7")
            {
                isZone5Fabric = false
                isZone5Veneer = false
                isZone5Laminate = true
                
                PanelFabZone5 = "20000"
                PanelVeneerZone5 = CurrentZone5Finish
                PanelLaminateZone5 = "61008"
            }
            else
            {
                isZone5Fabric = false
                isZone5Veneer = false
                isZone5Laminate = false
                
                PanelFabZone5 = "20000"
                PanelVeneerZone5 = "70000"
                PanelLaminateZone5 = "61008"
            }
            
            //Zone 6
            if(CurrentZone6Finish.substring(0,1) == "2" || CurrentZone6Finish.substring(0,1) == "3")
            {
                isZone6Fabric = true
                isZone6Veneer = false
                isZone6Laminate = false
                
                PanelFabZone6 = CurrentZone6Finish
                PanelVeneerZone6 = "70000"
                PanelLaminateZone6 = "61008"
                
            }
            else if(CurrentZone6Finish.substring(0,1) == "5" || CurrentZone6Finish.substring(0,1) == "6")
            {
                isZone6Fabric = false
                isZone6Veneer = false
                isZone6Laminate = true
                
                PanelFabZone6 = "20000"
                PanelVeneerZone6 = "70000"
                PanelLaminateZone6 = CurrentZone6Finish
            }
            else if(CurrentZone6Finish.substring(0,1) == "7")
            {
                isZone6Fabric = false
                isZone6Veneer = true
                isZone6Laminate = false
                
                PanelFabZone6 = "20000"
                PanelVeneerZone6 = CurrentZone6Finish
                PanelLaminateZone6 = "61008"
            }
            else
            {
                isZone6Fabric = false
                isZone6Veneer = false
                isZone6Laminate = false
                
                PanelFabZone6 = "20000"
                PanelVeneerZone6 = "70000"
                PanelLaminateZone6 = "61008"
            }            
        }

        //window cover
        if(document.getElementById('NoWindowGlass').checked == true || document.getElementById('NoGlass').checked == true)
        {
            isWindowCovered = true
            //PanelFab matches Zone 3
            if(PanelFab.substring(0,1) == "2" || PanelFab.substring(0,1) == "3")
            {
                isWindowFabric = true
                isWindowVeneer = false
                isWindowLaminate = false
                
            }
            else if(PanelFab.substring(0,1) == "5" || PanelFab.substring(0,1) == "6")
            {
                isWindowFabric = false
                isWindowVeneer = false
                isWindowLaminate = true
            }
            else if(PanelFab.substring(0,1) == "7")
            {
                isWindowFabric = false
                isWindowVeneer = true
                isWindowLaminate = false
            }       
        }
        else
        {
            isWindowCovered = false
            isWindowFabric = false
            isWindowVeneer = false
            isWindowLaminate = false
        }
        //stacker        
        if(document.getElementById('StackerOn').checked == true)
        {
            isStacker = true
            if(document.getElementById('NoStackerGlass').checked == true || document.getElementById('NoGlass').checked == true)
            {
                isStackerCovered = true
                //PanelFab matches Zone 3
                if(PanelFab.substring(0,1) == "2" || PanelFab.substring(0,1) == "3")
                {
                    isStackerFabric = true
                    isStackerVeneer = false
                    isStackerLaminate = false
                    
                }
                else if(PanelFab.substring(0,1) == "5" || PanelFab.substring(0,1) == "6")
                {
                    isStackerFabric = false
                    isStackerVeneer = false
                    isStackerLaminate = true
                }
                else if(PanelFab.substring(0,1) == "7")
                {
                    isStackerFabric = false
                    isStackerVeneer = true
                    isStackerLaminate = false
                }
            }
            else
            {
                isStackerCovered = false
                isStackerFabric = false
                isStackerVeneer = false
                isStackerLaminate = false
            }
        }
        else
        {
            isStacker = false
            isStackerCovered = false
            isStackerFabric = false
            isStackerVeneer = false
            isStackerLaminate = false
        }
        
        
        //Panel Options
        if(document.getElementById('PanelOptA').checked == true)
        {
            isPanelOptA = true
            isPanelOptB = false
        }
        else if(document.getElementById('PanelOptB').checked == true)
        {
            isPanelOptA = false
            isPanelOptB = true
        }
        else
        {
            isPanelOptA = false
            isPanelOptB = false
        }
        
        //Element seating
        if(document.getElementById('Seating').checked == true)
            isSeating = true
        else
            isSeating = false
            
        //Computer
        if(document.getElementById('Computer').checked == true)
            isComputer = true
        else
            isComputer = false
        
        //BasePower
        if(document.getElementById('BasePower').checked == true)
            isBasePower = true
        else
            isBasePower = false
            
        //BeltlinePower
        if(document.getElementById('BeltwayPower').checked == true)
            isBeltlinePower = true
        else
            isBeltlinePower = false
            
        //Worktools
        if(document.getElementById('Worktools').checked == true)
            isWorktools = true
        else
            isWorktools = false
        
           
        //Veneer Trim
        if(document.getElementById('veneer_trim').checked == true)
        {
            //isTrimVeneer = true
            //isTrimSteel = false
            //TrimMat = TrimMat
        }
        else if(document.getElementById('VeneerTrimSteel').checked == true)
        {
            isTrimVeneer = false
            isTrimSteel = false
            TrimMat = "70000"
        }
        else if(document.getElementById('linear_steel_trim').checked == true)
        {
            isTrimVeneer = false
            isTrimSteel = true
            TrimMat = "70000"
        }
        
        /*
        if(document.getElementById('VeneerTrimSteel').checked == true || document.getElementById('linear_steel_trim').checked == true)
        {
            isTrimVeneer = false
            TrimMat = "70000"
        }
        else
        {
            isTrimVeneer = true
            TrimMat = TrimMat
        }
        */
        
        //Glass
        if(document.getElementById('NoGlass').checked == true)
        {
            isGlassClear = false
            isGlassSprayLight = false
            isGlassPebbled = false
            isGlassGrey = false
            isGlassBronze = false;
        }
        else
        {
            //check which glass is selected
            if(CurrentGlassFinish == '80000')
            {
                isGlassClear = true
                isGlassSprayLight = false
                isGlassPebbled = false
                isGlassGrey = false
                isGlassBronze = false
            }
            else if(CurrentGlassFinish == '80001')
            {
                isGlassClear = false
                isGlassSprayLight = true
                isGlassPebbled = false
                isGlassGrey = false
                isGlassBronze = false
            }
            else if(CurrentGlassFinish == '80002')
            {
                isGlassClear = false
                isGlassSprayLight = false
                isGlassPebbled = true
                isGlassGrey = false
                isGlassBronze = false
            }
            else if(CurrentGlassFinish == '80003')
            {
                isGlassClear = false
                isGlassSprayLight = false
                isGlassPebbled = false
                isGlassGrey = true
                isGlassBronze = false
            }
            else if(CurrentGlassFinish == '80004')
            {
                isGlassClear = false
                isGlassSprayLight = false
                isGlassPebbled = false
                isGlassGrey = false
                isGlassBronze = true
            }
        }
    }

    function BuildTypical()
    {
        clientImageLayerArray[0] = isZone1Bossed
        clientImageLayerArray[1] = isZone1Perf
        clientImageLayerArray[2] = isZone1Fabric
        clientImageLayerArray[3] = isZone1Veneer
        clientImageLayerArray[4] = isZone1Laminate
        clientImageLayerArray[5] = isZone2Fabric
        clientImageLayerArray[6] = isZone2Veneer
        clientImageLayerArray[7] = isZone2Laminate
        clientImageLayerArray[8] = isZone3Fabric
        clientImageLayerArray[9] = isZone3Veneer
        clientImageLayerArray[10] = isZone3Laminate
        clientImageLayerArray[11] = isZone4Bossed
        clientImageLayerArray[12] = isZone4Perf
        clientImageLayerArray[13] = isZone4Fabric
        clientImageLayerArray[14] = isZone4Veneer
        clientImageLayerArray[15] = isZone4Laminate
        clientImageLayerArray[16] = isZone5Fabric
        clientImageLayerArray[17] = isZone5Veneer
        clientImageLayerArray[18] = isZone5Laminate
        clientImageLayerArray[19] = isZone6Fabric
        clientImageLayerArray[20] = isZone6Veneer
        clientImageLayerArray[21] = isZone6Laminate
        clientImageLayerArray[22] = isWindowCovered
        clientImageLayerArray[23] = isWindowFabric
        clientImageLayerArray[24] = isWindowVeneer
        clientImageLayerArray[25] = isWindowLaminate
        clientImageLayerArray[26] = isStacker
        clientImageLayerArray[27] = isStackerCovered
        clientImageLayerArray[28] = isStackerFabric
        clientImageLayerArray[29] = isStackerVeneer
        clientImageLayerArray[30] = isStackerLaminate        
        clientImageLayerArray[31] = isMonolithic
        clientImageLayerArray[32] = isSegmented        
        clientImageLayerArray[33] = isPanelOptA
        clientImageLayerArray[34] = isPanelOptB
        clientImageLayerArray[35] = isSeating
        clientImageLayerArray[36] = isComputer
        clientImageLayerArray[37] = isBasePower
        clientImageLayerArray[38] = isBeltlinePower
        clientImageLayerArray[39] = isWorktools
        clientImageLayerArray[40] = isTrimVeneer
        clientImageLayerArray[41] = isTrimSteel
        clientImageLayerArray[42] = isGlassClear
        clientImageLayerArray[43] = isGlassSprayLight
        clientImageLayerArray[44] = isGlassPebbled
        clientImageLayerArray[45] = isGlassGrey
        clientImageLayerArray[46] = isGlassBronze        
        clientImageLayerArray[47] = PanelFab
        clientImageLayerArray[48] = PanelFabZone1 
        clientImageLayerArray[49] = PanelFabZone2
        clientImageLayerArray[50] = PanelFabZone3 
        clientImageLayerArray[51] = PanelFabZone4 
        clientImageLayerArray[52] = PanelFabZone5 
        clientImageLayerArray[53] = PanelFabZone6 
        clientImageLayerArray[54] = PanelVeneer 
        clientImageLayerArray[55] = PanelVeneerZone1 
        clientImageLayerArray[56] = PanelVeneerZone2 
        clientImageLayerArray[57] = PanelVeneerZone3 
        clientImageLayerArray[58] = PanelVeneerZone4 
        clientImageLayerArray[59] = PanelVeneerZone5 
        clientImageLayerArray[60] = PanelVeneerZone6 
        clientImageLayerArray[61] = PanelLaminate 
        clientImageLayerArray[62] = PanelLaminateZone1 
        clientImageLayerArray[63] = PanelLaminateZone2 
        clientImageLayerArray[64] = PanelLaminateZone3
        clientImageLayerArray[65] = PanelLaminateZone4
        clientImageLayerArray[66] = PanelLaminateZone5
        clientImageLayerArray[67] = PanelLaminateZone6
        clientImageLayerArray[68] = TrimMat
        clientImageLayerArray[69] = WorksurfaceColor 
        clientImageLayerArray[70] = PaintColor
        clientImageLayerArray[71] = PVCColor
        clientImageLayerArray[72] = isBasePlastic
        clientImageLayerArray[73] = BasePlasticColor
        clientImageLayerArray[74] = true //isTaskLighting - is always true for now

    }
//*********************************************************************************************************
   
    
    
//*********************************************************************************************************
                        //*******************
                        //  SERVER-CALL
                        //******************

    //Get FinishID Description
    function LookUpFinishIDDescription(finishID)
    {
        //if(BuildingImage == false)
        //{
            //BuildingImage = true
            
            CallServer(finishID+"?", "GetFinishIDDescription")
        //}
        //else
        //    alert('Please wait...building image in progress!')        
    }    

    //BuildImageWithInitialization
    function BuildImageWithInitialization(param)
    {
        var obj = document.getElementById("GradeAAisMoreDiv");
        if(param == 's')
            obj.style.display = "none";
        else
            obj.style.display = "block";
    
        //if(BuildingImage == false)
        //{
        //    BuildingImage = true
            
            displayprogressimage.src = "Graphics/spinner.gif"          
            toggleUserSelectedMenu('DisplayProgressImage', 1)
            window.status="Building Image.  Please wait...";
            
            SetGlobalVariables()
            BuildTypical()
            //Update description table before CallServer since FinishesCode() uses the updated finishes
            displaySelectedTileFinish()
            //alert(currentSelectedTypical + "," + clientImageLayerArray+"$" + ConfigFolder + "#" + FinishesCode() + "%");
            CallServer(currentSelectedTypical + "," + clientImageLayerArray+"$" + ConfigFolder + "#" + FinishesCode() + "%", "BuildImage")
        //}
        //else
        //    alert('Please wait...building image in progress!')
    }
    
    //Email()
    function EmailPDF(){
        if(ifLayoutSelected())
        {
            //if(BuildingImage == false)
            //{
                var win = null;
                w = 400
                h = 300
                LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
                TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
                settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+', scrollbars=no,resizable=no'
                win = window.open('Email.aspx','Email',settings)
                if(win.window.focus){win.window.focus();}
            //}
            //else
            //    alert('Please wait...building image in progress!')
        }
    }
    
    //PDF -- server-side    
    /*
    //CreatePDFServerSide() -- Option 1
    function CreatePDFServerCall()
    {
        if(ifLayoutSelected())
        {
            if(BuildingImage == false)
            {
                BuildingImage = true
                
                displayprogressimage.src = "Graphics/spinner-pdf.gif"
                toggleUserSelectedMenu('DisplayProgressImage', 1)
                window.status="Building PDF.  Please wait...";
                
                CallServer(FinishesCode()+"&", "CreatePDFServerside")
                
                var temp = WaitUntilPDFisBuilt();
                if(temp == false)
                {
                    displayprogressimage.src = "Graphics/spinner-pdf.gif"
                    toggleUserSelectedMenu('DisplayProgressImage', 1)
                }
                else
                    return temp;
            }
            else
                alert('Please wait...building image in progress!')
        }
    }
    function WaitUntilPDFisBuilt()
    {
        if(isPDFModuleCompleted == true)
            return true
        else
            window.setTimeout('WaitUntilPDFisBuilt()', 1000);
    }
    
    //Option 2
    function CreatePDFServerCallOption2()
    {
        if(ifLayoutSelected())
        {
            if(BuildingImage == false)
            {
                BuildingImage = true
                
                displayprogressimage.src = "Graphics/spinner-pdf.gif"
                toggleUserSelectedMenu('DisplayProgressImage', 1)
                window.status="Building PDF.  Please wait...";
                
                CallServer(FinishesCode()+"&", "CreatePDFServersideOption2")
            }
            else
                alert('Please wait...building image in progress!')
        }
    }
    */
    
    //Display selected finishes
    function FinishesCode()
    {
        var codeStr = "";        
        
        if(document.getElementById('Fabric1PreviewImage').style.visibility == "hidden")            
            codeStr = codeStr + "00000" + "*"
        else
        {
            codeStr = codeStr + document.getElementById('Fabric1PreviewImage').alt + "*"
        }
        
        if(document.getElementById('Fabric2PreviewImage').style.visibility == "hidden")
            codeStr = codeStr + "00000" + "*"
        else
        {
            codeStr = codeStr + document.getElementById('Fabric2PreviewImage').alt + "*"
        }
        
        if(document.getElementById('Fabric3PreviewImage').style.visibility == "hidden")
            codeStr = codeStr + "00000" + "*"
        else
        {
            codeStr = codeStr + document.getElementById('Fabric3PreviewImage').alt + "*"
        }
        
        if(document.getElementById('Fabric4PreviewImage').style.visibility == "hidden")
            codeStr = codeStr + "00000" + "*"
        else
        {
            codeStr = codeStr + document.getElementById('Fabric4PreviewImage').alt + "*"
        }
        
        if(document.getElementById('PaintPreviewImage').style.visibility == "hidden")
            codeStr = codeStr + "00000" + "*"
        else
        {
            codeStr = codeStr + document.getElementById('PaintPreviewImage').alt + "*"
        }
        
        if(document.getElementById('EdgePreviewImage').style.visibility == "hidden")
            codeStr = codeStr + "00000" + "*"
        else
        {
            codeStr = codeStr + document.getElementById('EdgePreviewImage').alt + "*"
        }
        
        if(document.getElementById('WorksurfaceLaminatePreviewImage').style.visibility == "hidden")
            codeStr = codeStr + "00000" + "*"
        else
        {
            codeStr = codeStr + document.getElementById('WorksurfaceLaminatePreviewImage').alt + "*"
        }
        
        if(document.getElementById('GlassDescPreviewImage').style.visibility == "hidden")
            codeStr = codeStr + "00000" + "*"
        else
        {
            codeStr = codeStr + document.getElementById('GlassDescPreviewImage').alt + "*"
        }
        
        if(document.getElementById('VeneerPreviewImage').style.visibility == "hidden")
            codeStr = codeStr + "00000"
        else
        {
            codeStr = codeStr + document.getElementById('VeneerPreviewImage').alt
        }        
        return codeStr
    }
    
    //Delete Temp files
    function DeleteTempFile(){
    
        CallServer("^", "DeleteTempFile")
    }
    
    //Response from server
    function ReceiveServerData(rValue, context)
    {
        if(context == "GetFinishIDDescription")
        {
            document.getElementById(previewTextObjInstanceID).innerHTML = rValue
        }
        else if(context == "BuildImage")
        {
            document.getElementById('DisplayClientImage').src = rValue
        }
        /*
        else if(context == "CreatePDFServerside")
        {
            isPDFModuleCompleted = true;
        }
        else if(context == "CreatePDFServersideOption2")
        {
            w = 403;
            h = 264;
            wleft = (screen.width - w) / 2;
            wtop = (screen.height - h) / 2;
            var win = window.open("DownloadPDF.aspx", "miniWindow",'width=' + w + ', height=' + h + ', ' +'left=' + wleft + ', top=' + wtop + ', ' +
            'location=no, menubar=no, status=no, toolbar=no, scrollbars=no, resizable=no, dependent=yes');
            
            // Just in case width and height are ignored
            win.resizeTo(w, h);
            // Just in case left and top are ignored
            win.moveTo(wleft, wtop);
            win.focus();
        }
        */        
        
        
        //Remove progress image if exists
        toggleUserSelectedMenu('DisplayProgressImage', 0)
        window.status="";
        //BuildingImage = false        
    }    
    
//&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&

//*********************************************************************************************************
    //************************
    //  Pre-designed typicals
    //************************
    
    function SelectedLayout(obj)
    {
        //set trim flag
        isTrimVeneer = false;
        isTrimSteel = false;
        HideLinerTrimPanel();
          
        //set engine variable
        isLayoutSelected = true
        
        //go to finishes
        FinishesMenuModule()
        
        //Add DisplayClientImage
        AddDisplayClientImage()
        
        //Toggle progress image
        toggleUserSelectedMenu('DisplayProgressImage', 0)
        
        //Reset engine variables
        resetGlobalVariables()
        
        //hide selected finishes table initially
        hideElementsinDescriptionTable() 
        
        //collapse finishes and components divs
        collapseDivs()
        
        //CSS
        document.getElementById('DualMatrixDefault1').style.border="1px solid #E5E5E5"
        document.getElementById('8x8MatrixDefault1').style.border="1px solid #E5E5E5"
        document.getElementById('6x6DiViDefault1').style.border="1px solid #E5E5E5"
        document.getElementById('DualDiViDefault1').style.border="1px solid #E5E5E5"
        document.getElementById('8x8MWallDefault1').style.border="1px solid #E5E5E5"
        
        //current selected layout
        currentSelectedLayout = obj.id
        document.getElementById(currentSelectedLayout).style.border="1px solid #F28D21"
        
        if(currentSelectedLayout == "DualMatrixDefault1")
        {
            currentSelectedTypical = "Ma1" //code which is passed to server
            document.getElementById('SelectedMatrixLabel').src = "Graphics/DT-matrix-display.jpg"
            
            //Other Variables
            //Turn on/off items in Finishes            
            //Tiles
            document.getElementById('CustomizeTileMenusSeparator').style.display = "block";
            document.getElementById('CustomizeTileMenusHeader').style.display = "block";
            
            //Trim
            document.getElementById('CustomizeTrimMenusSeparator').style.display = "block";
            document.getElementById('CustomizeTrimMenusHeader').style.display = "block";
            document.getElementById('TrimDiv').style.display = "block";
            
            //customize glass options
            document.getElementById('AllGlassRow').style.display = "block";
            document.getElementById('NoWindowGlassRow').style.display = "block";
            document.getElementById('NoStackerGlassRow').style.display = "block";
            document.getElementById('NoGlassRow').style.display = "block";
            
            //Turn on/off items in Components
            document.getElementById('StackOnsDiv').style.display = "block";
            document.getElementById('StackerOn').checked = false;
            document.getElementById('StackerOff').checked = false;            
            document.getElementById('PanelsTypeDiv').style.display = "none";
            document.getElementById('PanelTypeA').checked = false;
            document.getElementById('PanelTypeB').checked = false;            
            document.getElementById('PanelsDiv').style.display = "none";
            document.getElementById('PanelOptA').checked = false;
            document.getElementById('PanelOptB').checked = false;
            
            document.getElementById('PowerOptionsDiv').style.display = "block";
            document.getElementById('BeltwayPower').checked = false;
            document.getElementById('BasePower').checked = false;
            
            
            //DEFAULT FINISHES & COMPONENTS
            //paint
            PaintColor = "10000"
            displaySelectedPaintFinish(PaintColor, 'Light Grey')
            
            //finishes
            CurrentZone1Finish = "30000"
            CurrentZone1FinishDesc = "Guilford" + "<br>" + "BlockParty, Canyon"
            CurrentZone2Finish = "20000"
            CurrentZone2FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"            
            CurrentZone3Finish = "20000"
            CurrentZone3FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            CurrentZone4Finish = "20000"
            CurrentZone4FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            
            //worksurface finish
            WorksurfaceColor = "61008"
            displaySelectedWorksurfaceLaminateFinish(WorksurfaceColor, 'AIS More,' + '<br>' + 'Summer Drops')
            
            //glass
            document.getElementById('AllGlass').checked = true
            CurrentGlassFinish = "80000"
            CurrentStackerGlassOption = "80000"
            displaySelectedGlassFinish(document.getElementById('GlassPreviewImage').alt, document.getElementById('GlassPreviewDescription').innerHTML)

            //pvc edge
            PVCColor = "10000"
            displaySelectedEdgeFinish(PVCColor, 'Light Grey')
            
            //wood trim
            document.getElementById('VeneerTrimSteel').checked = true   //check steel
            
            
            //Components
            document.getElementById('UpperStorage1').checked = true
            document.getElementById('LowerStorage1').checked = true
            document.getElementById('StackerOn').checked = true
            document.getElementById('PanelTypeB').checked = true;
            
            document.getElementById('BasePower').checked = true
            document.getElementById('Worktools').checked = false
            document.getElementById('Seating').checked = false
            document.getElementById('Computer').checked = false        
        }
        else if(currentSelectedLayout== "8x8MatrixDefault1")
        {
            currentSelectedTypical = "Ma2" //code which is passed to server
            document.getElementById('SelectedMatrixLabel').src = "Graphics/8x8-matrix-display.jpg"
            
            //Other Variables
            //Turn on/off items in Finishes
            
            //Tiles
            document.getElementById('CustomizeTileMenusSeparator').style.display = "block";
            document.getElementById('CustomizeTileMenusHeader').style.display = "block";            
            
            //Trim
            document.getElementById('CustomizeTrimMenusSeparator').style.display = "block";
            document.getElementById('CustomizeTrimMenusHeader').style.display = "block";
            document.getElementById('TrimDiv').style.display = "block";
            
            //customize glass options
            document.getElementById('AllGlassRow').style.display = "none";
            document.getElementById('NoWindowGlassRow').style.display = "none";
            document.getElementById('NoStackerGlassRow').style.display = "none";
            document.getElementById('NoGlassRow').style.display = "none";
            
            //Turn on/off items in Components
            document.getElementById('StackOnsDiv').style.display = "block";
            document.getElementById('StackerOn').checked = false;
            document.getElementById('StackerOff').checked = false;
            document.getElementById('PanelsTypeDiv').style.display = "none";
            document.getElementById('PanelTypeA').checked = false;
            document.getElementById('PanelTypeB').checked = false;
            document.getElementById('PanelsDiv').style.display = "none";
            document.getElementById('PanelOptA').checked = false;
            document.getElementById('PanelOptB').checked = false;
            document.getElementById('PowerOptionsDiv').style.display = "block";
            document.getElementById('BeltwayPower').checked = false;
            document.getElementById('BasePower').checked = false;
            
            
            //DEFAULT FINISHES & COMPONENTS
            //paint
            PaintColor = "10000"
            displaySelectedPaintFinish(PaintColor, 'Light Grey')
            
            //finishes
            CurrentZone1Finish = "30000"
            CurrentZone1FinishDesc = "Guilford" + "<br>" + "BlockParty, Canyon"
            CurrentZone2Finish = "20000"
            CurrentZone2FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"    
            CurrentZone3Finish = "20000"
            CurrentZone3FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            CurrentZone4Finish = "20000"
            CurrentZone4FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            
            //worksurface finish
            WorksurfaceColor = "61008"
            displaySelectedWorksurfaceLaminateFinish(WorksurfaceColor, 'AIS More,' + '<br>' + 'Summer Drops')
            
            //glass
            document.getElementById('AllGlass').checked = true
            CurrentGlassFinish = "80000"
            CurrentStackerGlassOption = "80000"
            displaySelectedGlassFinish(document.getElementById('GlassPreviewImage').alt, document.getElementById('GlassPreviewDescription').innerHTML)

            //pvc edge
            PVCColor = "10000"
            displaySelectedEdgeFinish(PVCColor, 'Light Grey')
            
            //wood trim
            document.getElementById('VeneerTrimSteel').checked = true   //check steel
            
            
            //Components
            document.getElementById('UpperStorage1').checked = true
            document.getElementById('LowerStorage1').checked = true
            document.getElementById('StackerOn').checked = true
            document.getElementById('PanelTypeB').checked = true;
            
            document.getElementById('BasePower').checked = true
            document.getElementById('Worktools').checked = false
            document.getElementById('Seating').checked = false
            document.getElementById('Computer').checked = false
        }        
        else if(currentSelectedLayout == "6x6DiViDefault1")
        {
            currentSelectedTypical = "Di1" //code which is passed to server
            document.getElementById('SelectedMatrixLabel').src = "Graphics/6x6-divi-display.jpg"
            
            //Other Variables
            //Turn on/off items in Finishes
            
            //Tiles
            document.getElementById('CustomizeTileMenusSeparator').style.display = "none";
            document.getElementById('CustomizeTileMenusHeader').style.display = "none";

            //Trim
            document.getElementById('CustomizeTrimMenusSeparator').style.display = "none";
            document.getElementById('CustomizeTrimMenusHeader').style.display = "none";
            document.getElementById('TrimDiv').style.display = "none";
            
            //customize glass options
            document.getElementById('AllGlassRow').style.display = "none";
            document.getElementById('NoWindowGlassRow').style.display = "none";
            document.getElementById('NoStackerGlassRow').style.display = "none";
            document.getElementById('NoGlassRow').style.display = "none";  
            
            //Turn on/off items in Components
            document.getElementById('StackOnsDiv').style.display = "none";
            document.getElementById('StackerOn').checked = false;
            document.getElementById('StackerOff').checked = false;            
            document.getElementById('PanelsTypeDiv').style.display = "block";
            document.getElementById('PanelTypeA').checked = false;
            document.getElementById('PanelTypeB').checked = false;            
            document.getElementById('PanelsDiv').style.display = "block";
            document.getElementById('PanelOptA').checked = false;
            document.getElementById('PanelOptB').checked = false;
            document.getElementById('PowerOptionsDiv').style.display = "none";
            document.getElementById('BeltwayPower').checked = false;
            document.getElementById('BasePower').checked = false;
            
            
            //DEFAULT FINISHES & COMPONENTS
            //paint
            PaintColor = "10000"
            displaySelectedPaintFinish(PaintColor, 'Light Grey')
            
            //Base Plastic Color
            BasePlasticColor = "10003"
            
            //finishes
            CurrentZone1Finish = "20000"
            CurrentZone1FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            
            CurrentZone2Finish = "20000"
            CurrentZone2FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            
            CurrentZone3Finish = "20000"
            CurrentZone3FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            
            
            //worksurface finish
            WorksurfaceColor = "61008"
            displaySelectedWorksurfaceLaminateFinish(WorksurfaceColor, 'AIS More,' + '<br>' + 'Summer Drops')
            
            //glass
            document.getElementById('AllGlass').checked = true
            CurrentGlassFinish = "80000"
            CurrentStackerGlassOption = "80000"
            displaySelectedGlassFinish(document.getElementById('GlassPreviewImage').alt, document.getElementById('GlassPreviewDescription').innerHTML)

            //pvc edge
            PVCColor = "10000"
            displaySelectedEdgeFinish(PVCColor, 'Light Grey')
            
            //wood trim
            document.getElementById('VeneerTrimSteel').checked = true   //check steel
            
            //Components
            document.getElementById('UpperStorage1').checked = true
            document.getElementById('LowerStorage1').checked = true
            document.getElementById('PanelTypeA').checked = true;
            document.getElementById('PanelOptA').checked = true;
            
            document.getElementById('BasePower').checked = false
            document.getElementById('Worktools').checked = false
            document.getElementById('Seating').checked = false
            document.getElementById('Computer').checked = false 
        }
        else if(currentSelectedLayout == "DualDiViDefault1")
        {
           currentSelectedTypical = "Di2" //code which is passed to server
            document.getElementById('SelectedMatrixLabel').src = "Graphics/DT-divi-display.jpg"
            
            //Other Variables
            //Turn on/off items in Finishes
            
            //Tiles
            document.getElementById('CustomizeTileMenusSeparator').style.display = "none";
            document.getElementById('CustomizeTileMenusHeader').style.display = "none";
            
            //Trim
            document.getElementById('CustomizeTrimMenusSeparator').style.display = "none";
            document.getElementById('CustomizeTrimMenusHeader').style.display = "none";
            document.getElementById('TrimDiv').style.display = "none";
            
            //customize glass options
            document.getElementById('AllGlassRow').style.display = "none";
            document.getElementById('NoWindowGlassRow').style.display = "none";
            document.getElementById('NoStackerGlassRow').style.display = "none";
            document.getElementById('NoGlassRow').style.display = "none";  
            
            //Turn on/off items in Components
            document.getElementById('StackOnsDiv').style.display = "none";
            document.getElementById('StackerOn').checked = false;
            document.getElementById('StackerOff').checked = false;
            document.getElementById('PanelsTypeDiv').style.display = "block";
            document.getElementById('PanelTypeA').checked = false;
            document.getElementById('PanelTypeB').checked = false;
            document.getElementById('PanelsDiv').style.display = "block";
            document.getElementById('PanelOptA').checked = false;
            document.getElementById('PanelOptB').checked = false;
            document.getElementById('PowerOptionsDiv').style.display = "none";
            document.getElementById('BeltwayPower').checked = false;
            document.getElementById('BasePower').checked = false;
            
            
            //DEFAULT FINISHES & COMPONENTS
            //paint
            PaintColor = "10000"
            displaySelectedPaintFinish(PaintColor, 'Light Grey')
            
            //Base Plastic Color
            BasePlasticColor = "10003"
            
            //finishes
            CurrentZone1Finish = "20000"
            CurrentZone1FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            
            CurrentZone2Finish = "20000"
            CurrentZone2FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            
            CurrentZone3Finish = "20000"
            CurrentZone3FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            
            //worksurface finish
            WorksurfaceColor = "61008"
            displaySelectedWorksurfaceLaminateFinish(WorksurfaceColor, 'AIS More,' + '<br>' + 'Summer Drops')
            
            //glass
            document.getElementById('AllGlass').checked = true
            CurrentGlassFinish = "80000"
            CurrentStackerGlassOption = "80000"
            displaySelectedGlassFinish(document.getElementById('GlassPreviewImage').alt, document.getElementById('GlassPreviewDescription').innerHTML)

            //pvc edge
            PVCColor = "10000"
            displaySelectedEdgeFinish(PVCColor, 'Light Grey')
            
            //wood trim
            document.getElementById('VeneerTrimSteel').checked = true   //check steel
            
            //Components
            document.getElementById('UpperStorage1').checked = true
            document.getElementById('LowerStorage1').checked = true
            document.getElementById('PanelTypeA').checked = true;
            document.getElementById('PanelOptA').checked = true;
            
            document.getElementById('BasePower').checked = false
            document.getElementById('Worktools').checked = false
            document.getElementById('Seating').checked = false
            document.getElementById('Computer').checked = false
        }
        else if(currentSelectedLayout == "8x8MWallDefault1")
        {
            currentSelectedTypical = "Mw1" //code which is passed to server
            document.getElementById('SelectedMatrixLabel').src = "Graphics/8x8-mwall-display.jpg"
            
            //Other Variables
            //Turn on/off items in Finishes
            
            //Tiles
            document.getElementById('CustomizeTileMenusSeparator').style.display = "none";
            document.getElementById('CustomizeTileMenusHeader').style.display = "none";
            
            //Trim
            document.getElementById('CustomizeTrimMenusSeparator').style.display = "none";
            document.getElementById('CustomizeTrimMenusHeader').style.display = "none";
            document.getElementById('TrimDiv').style.display = "none";
            
            //customize glass options
            document.getElementById('AllGlassRow').style.display = "none";
            document.getElementById('NoWindowGlassRow').style.display = "none";
            document.getElementById('NoStackerGlassRow').style.display = "none";
            document.getElementById('NoGlassRow').style.display = "none";  
            
            //Turn on/off items in Components
            document.getElementById('StackOnsDiv').style.display = "none";
            document.getElementById('StackerOn').checked = false;
            document.getElementById('StackerOff').checked = false;
            document.getElementById('PanelsTypeDiv').style.display = "none";
            document.getElementById('PanelTypeA').checked = false;
            document.getElementById('PanelTypeB').checked = false;
            document.getElementById('PanelsDiv').style.display = "block";
            document.getElementById('PanelOptA').checked = false;
            document.getElementById('PanelOptB').checked = false;
            document.getElementById('PowerOptionsDiv').style.display = "none";
            document.getElementById('BeltwayPower').checked = false;
            document.getElementById('BasePower').checked = false;
            
            
            //DEFAULT FINISHES & COMPONENTS
            //paint
            PaintColor = "10000"
            displaySelectedPaintFinish(PaintColor, 'Light Grey')
            
            //finishes
            CurrentZone1Finish = "20000"
            CurrentZone1FinishDesc = "Guilford" + "<br>" + "Bailey, Baxter Beige"
            
            //worksurface finish
            WorksurfaceColor = "61008"
            displaySelectedWorksurfaceLaminateFinish(WorksurfaceColor, 'AIS More,' + '<br>' + 'Summer Drops')
            
            //glass
            document.getElementById('AllGlass').checked = true
            CurrentGlassFinish = "80000"
            CurrentStackerGlassOption = "80000"
            displaySelectedGlassFinish(document.getElementById('GlassPreviewImage').alt, document.getElementById('GlassPreviewDescription').innerHTML)

            //pvc edge
            PVCColor = "10000"
            displaySelectedEdgeFinish(PVCColor, 'Light Grey')
            
            //wood trim
            document.getElementById('VeneerTrimSteel').checked = true   //check steel
            
            
            //Components
            document.getElementById('UpperStorage1').checked = true
            document.getElementById('LowerStorage1').checked = true
            document.getElementById('PanelTypeA').checked = true;
            document.getElementById('PanelOptA').checked = true;
            
            document.getElementById('BasePower').checked = false
            document.getElementById('Worktools').checked = false
            document.getElementById('Seating').checked = false
            document.getElementById('Computer').checked = false
        }
        
        //UPDATE DESCRIPTION TABLE
        //workstation name
        document.getElementById('SelectedWorkstationHeader').style.visibility = "visible"
        document.getElementById('SelectedWorkstationName').style.visibility = "visible"
        
        //display default tiles
        document.getElementById('Fabric1PreviewImage').src = "Finishes/LowRes/" + CurrentZone1Finish + ".jpg"
        document.getElementById('Fabric1PreviewImage').alt = CurrentZone1Finish
        document.getElementById('Fabric1PreviewDescription').innerHTML = CurrentZone1FinishDesc
        
        document.getElementById('Fabric2PreviewImage').src = "Finishes/LowRes/" + CurrentZone2Finish + ".jpg"
        document.getElementById('Fabric2PreviewImage').alt = CurrentZone2Finish
        document.getElementById('Fabric2PreviewDescription').innerHTML = CurrentZone2FinishDesc
        
        document.getElementById('Fabric3PreviewImage').src = "Finishes/LowRes/" + CurrentZone3Finish + ".jpg"
        document.getElementById('Fabric3PreviewImage').alt = CurrentZone3Finish
        document.getElementById('Fabric3PreviewDescription').innerHTML = CurrentZone3FinishDesc
        
        document.getElementById('Fabric4PreviewImage').src = "Finishes/LowRes/" + CurrentZone4Finish + ".jpg"
        document.getElementById('Fabric4PreviewImage').alt = CurrentZone4Finish
        document.getElementById('Fabric4PreviewDescription').innerHTML = CurrentZone4FinishDesc
        
        //Build
        BuildImageWithInitialization()
    }
    
//*********************************************************************************************************

//*********************************************************************************************************
            //**************************************
            //  PREVIEW FINISH -- FINISHES MENUS
            //**************************************
    function previewSelectedFinish(finishID, code){
        
        //Store finishID & display preview image 
        document.getElementById(code + 'PreviewImage').src = finishesLowResPath + finishID + ".jpg"
        document.getElementById(code + 'PreviewImage').alt = finishID
        
        //Display preview name
        previewTextObjInstanceID = code + 'PreviewDescription'
        LookUpFinishIDDescription(finishID)   
    }
    function previewCustomPaints(description, code){
        
        //Store image name in applytosystemID alt
        document.getElementById(code + 'PreviewImage').alt = description
        
        //Store finishID & display preview image
        document.getElementById(code + 'PreviewImage').src = finishesLowResPath + description + ".jpg"
        document.getElementById(code + 'PreviewImage').alt = description
        
        //Display preview name
        document.getElementById(code + 'PreviewDescription').innerHTML = description
    }
    function previewHighResFinish(code){
        
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('no finish selected')
        else
        {
            width = 270 + 20
            height = 242 + 30
            x = (640 - width)/2, y = (480 - height)/2;

            if (screen) {
                y = (screen.availHeight - height)/2;
                x = (screen.availWidth - width)/2;
            }
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            
            url = "PreviewHighResFinish.aspx?finishID="+finishID
            newWindow = window.open(url, finishID, 'width='+width+', height='+height+', menubar = no, resizable = no, status = no, titlebar = no, toolbar = no, scrollbars=no, screenX='+x+',screenY='+y+',top='+y+',left='+x)
        }
    }
//*********************************************************************************************************

//*********************************************************************************************************
            //************************
            //  CHANGE FINISHES
            //************************
    //Basic Fabric
    function applyFabrics(code){
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('Please choose a fabric')
        else
        {
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            CurrentZone1Finish = finishID
            CurrentZone1FinishDesc = description
            CurrentZone2Finish = finishID 
            CurrentZone2FinishDesc = description
            CurrentZone3Finish = finishID
            CurrentZone3FinishDesc = description
            CurrentZone4Finish = finishID
            CurrentZone4FinishDesc = description
            CurrentZone5Finish = finishID
            CurrentZone6Finish = finishID
            
            
            //Update Description table
            for (var m=1; m<=4; m++) 
            {
                document.getElementById('Fabric'+m+'PreviewImage').src = "Finishes/LowRes/" + finishID + ".jpg"
                document.getElementById('Fabric'+m+'PreviewImage').alt = finishID
                document.getElementById('Fabric'+m+'PreviewDescription').innerHTML = description
            }
            
            //Build
            BuildImageWithInitialization()
        }
    }
    
    //Basic Paint
    function applyPaintColor(code){
        
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('Please choose a paint')
        else
        {
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            PaintColor = finishID
            
            if(CurrentZone1Finish != null && CurrentZone1Finish != "")
            {
                if(CurrentZone1Finish.substring(0,1) == "1")
                    CurrentZone1Finish = finishID
            }
            if(CurrentZone4Finish != null && CurrentZone4Finish != "")
            {
                if(CurrentZone4Finish.substring(0,1) == "1")
                    CurrentZone4Finish = finishID
            }
            
            //Update Description table
            displaySelectedPaintFinish(finishID, description)
            //Build
            BuildImageWithInitialization()
        }
    }
    //When DIVI is slected
    function applyBasePlastic(code){
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('Please choose a base trim color')
        else
        {
            finishID = document.getElementById(code + 'PreviewImage').alt
            BasePlasticColor = finishID
            
            //Build
            BuildImageWithInitialization()
        }
    }
    
    //Basic Worksurface Laminate
    function applyLaminate(code){
        
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('Please choose a laminate')
        else
        {
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            WorksurfaceColor = finishID
            
            //Update Description table
            displaySelectedWorksurfaceLaminateFinish(finishID, description)
            //Build
            BuildImageWithInitialization()
        }
    }

    //Basic Edges
    function applyEdge(code){
        
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('Please choose an edge')
        else
        {
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            PVCColor = finishID
            
            //Update Description table
            displaySelectedEdgeFinish(finishID, description)
            //Build
            BuildImageWithInitialization()
        }
    }
    
            //********************************************
            //  APPLY TO SYSTEM -- ADVANCED CONFIGURATION
            //********************************************
            
    //Advanced Zone 1
    function applyZone1Paint(code){
        
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('Please choose steel or perf or embossed')
        else
        {
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            
            CurrentZone1Finish = PaintColor
            CurrentZone1FinishDesc = description
            if(finishID == "steel")
            {
                isZone1Perf = false
                isZone1Bossed = false
            }
            else if(finishID == "perforated")
            {
                isZone1Perf = true
                isZone1Bossed = false
            }
            else if(finishID == "embossed")
            {
                isZone1Perf = false
                isZone1Bossed = true
            }
            
            //Build
            BuildImageWithInitialization()
        }
    }
    function applyZone1Finish(code){
        
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('no finish selected')
        else
        {
            //reset global variables
            isZone1Perf = false
            isZone1Bossed = false
                
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            CurrentZone1Finish = finishID
            CurrentZone1FinishDesc = description
            
            //Build
            BuildImageWithInitialization()
        }
    }
    
    //Advanced Zone 2
    function applyZone2Finish(code){
        
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('no finish selected')
        else
        {
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            CurrentZone2Finish = finishID
            CurrentZone2FinishDesc = description
            
            //Build
            BuildImageWithInitialization()
        }
    }
    
    //Advanced Zone 3
    function applyZone3Finish(code){
        
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('no finish selected')
        else
        {
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            CurrentZone3Finish = finishID
            CurrentZone3FinishDesc = description
            
            //Build
            BuildImageWithInitialization()
        }
    }
    
    //Advanced Zone 4
    function applyZone4Paint(code){
        
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('Please choose steel or perf or embossed')
        else
        {
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            
            CurrentZone4Finish = PaintColor
            CurrentZone4FinishDesc = description
            if(finishID == "steel")
            {
                isZone4Perf = false
                isZone4Bossed = false
            }
            else if(finishID == "perforated")
            {
                isZone4Perf = true
                isZone4Bossed = false
            }
            else if(finishID == "embossed")
            {
                isZone4Perf = false
                isZone4Bossed = true
            }
            
            //Build
            BuildImageWithInitialization()
        }
    }
    
    function applyZone4Finish(code){
        
        if(document.getElementById(code + 'PreviewImage').alt == "")
            alert('no finish selected')
        else
        {
            //reset global variables
            isZone4Perf = false
            isZone4Bossed = false
                
            finishID = document.getElementById(code + 'PreviewImage').alt
            description = document.getElementById(code + 'PreviewDescription').innerHTML
            CurrentZone4Finish = finishID
            CurrentZone4FinishDesc = description
            
            //Build
            BuildImageWithInitialization()
        }
    }
    
     //Advanced Zone 5
    function applyAdvancedZone5Finish(){
        //Build
        BuildImageWithInitialization()
    }
    
    //Advanced Wood Trim
    function applyAdvancedVeneerTrimFinish(code, rValue){
        if(rValue == "steel")
        {
            document.getElementById("trim_preview").style.display = "none";
        
            if(code == "radius")
            {
                document.getElementById('VeneerTrimSteel').checked = true;   //check steel
                document.getElementById('veneer_trim').checked = false
            }

            HideVeneerPreview();
            document.getElementById('AdvancedVeneerTrimPreviewDescription').innerHTML = ""
            
            //Build
            BuildImageWithInitialization()
            
            if(code == "radius")
                HideLinerTrimPanel()

            HideVeneerTrimPanel()
        }
        else if(rValue == "veneer")
        {
            if(document.getElementById(code + 'PreviewImage').alt == "")
                alert('no finish selected')
            else
            {
                isTrimVeneer = true
                isTrimSteel = false
                TrimMat = TrimMat
            
                document.getElementById('VeneerTrimSteel').checked = false  //Uncheck steel
                
                finishID = document.getElementById(code + 'PreviewImage').alt
                description = document.getElementById(code + 'PreviewDescription').innerHTML
                TrimMat = finishID
                
                //Update Description table
                displaySelectedVeneerFinish(finishID, description)
                //Build
                BuildImageWithInitialization()
            }
        }
    }
    
    //Advanced Change Glass
    function changeGlass(){
        
        if(document.getElementById('StackerOff').checked == true && document.getElementById('NoWindowGlass').checked == true
        || document.getElementById('NoGlass').checked == true)
        {
            document.getElementById('GlassDescHeader').style.visibility = "hidden"
            document.getElementById('GlassDescPreviewImage').style.visibility = "hidden"
            document.getElementById('GlassDescPreviewDescription').style.visibility = "hidden"
        }
        else
        {
            finishID = document.getElementById('GlassPreviewImage').alt
            description = document.getElementById('GlassPreviewDescription').innerHTML
            //Update Description table
            displaySelectedGlassFinish(finishID, description)
        }
        //Build
        BuildImageWithInitialization()
    }
    function applyNewGlass(){
    
        if(document.getElementById('StackerOff').checked == true && document.getElementById('NoWindowGlass').checked == true
        || document.getElementById('NoGlass').checked == true)
        {
            document.getElementById('GlassDescHeader').style.visibility = "hidden"
            document.getElementById('GlassDescPreviewImage').style.visibility = "hidden"
            document.getElementById('GlassDescPreviewDescription').style.visibility = "hidden"
            
            alert('there is no glass in your workstation !')
        }
        else
        {
            finishID = document.getElementById('GlassPreviewImage').alt
            description = document.getElementById('GlassPreviewDescription').innerHTML
            
            //CurrentStackerGlassOption = finishID
            CurrentGlassFinish = finishID

            //Update Description table
            displaySelectedGlassFinish(finishID, description)
             //Build
            BuildImageWithInitialization()
        }
    }
//*********************************************************************************************************


//*********************************************************************************************************
    //**************************
    //      CHANGE COMPONENTS
    //**************************

//*********************************************************************************************************


//*********************************************************************************************************
    //*********************************************
    //      Display finishes in description table
    //*********************************************
    
    function displaySelectedTileFinish()
    {
        //hide all fabrics swatches
        for (var m=1; m<=4; m++) 
        {
            document.getElementById('Fabric'+m+'PreviewImage').style.visibility = "hidden"
            document.getElementById('Fabric'+m+'PreviewDescription').style.visibility = "hidden"
        }
        
        count = 0
        for (tile = 1; tile <=4; tile++)
        {
            if(tile == 1)
            {
                // if no exceptions
                if(isZone1Perf == false && isZone1Bossed == false)
                {
                    if(CurrentZone1Finish != null && CurrentZone1Finish != "")
                    {
                        if(CurrentZone1Finish.substring(0,1) != "1")
                        {
                            //increment count
                            count = count + 1
                            
                            //add
                            document.getElementById('Fabric'+count+'PreviewImage').src = "Finishes/LowRes/" + CurrentZone1Finish + ".jpg"
                            document.getElementById('Fabric'+count+'PreviewImage').alt = CurrentZone1Finish
                            document.getElementById('Fabric'+count+'PreviewDescription').innerHTML = CurrentZone1FinishDesc
                        }
                    }
                }
            }
            else if(tile == 2)
            {
                // if no exceptions
                if(CurrentZone2Finish != null && CurrentZone2Finish != "")
                {
                    if(CurrentZone2Finish != CurrentZone1Finish)
                    {
                        //increment count
                        count = count + 1
                        
                        //add
                        document.getElementById('Fabric'+count+'PreviewImage').src = "Finishes/LowRes/" + CurrentZone2Finish + ".jpg"
                        document.getElementById('Fabric'+count+'PreviewImage').alt = CurrentZone2Finish
                        document.getElementById('Fabric'+count+'PreviewDescription').innerHTML = CurrentZone2FinishDesc
                    }
                }
            }
            else if(tile == 3)
            {
                // if no exceptions
                if(CurrentZone3Finish != null && CurrentZone3Finish != "")
                {
                    if(CurrentZone3Finish != CurrentZone1Finish && CurrentZone3Finish != CurrentZone2Finish)
                    {
                        //increment count
                        count = count + 1
                        
                        //add
                        document.getElementById('Fabric'+count+'PreviewImage').src = "Finishes/LowRes/" + CurrentZone3Finish + ".jpg"
                        document.getElementById('Fabric'+count+'PreviewImage').alt = CurrentZone3Finish
                        document.getElementById('Fabric'+count+'PreviewDescription').innerHTML = CurrentZone3FinishDesc
                    }
                }
            }
            else if(tile == 4)
            {
                if(isZone4Perf == false && isZone4Bossed == false)
                {
                    if(CurrentZone4Finish != null && CurrentZone4Finish != "")
                    {
                        if(CurrentZone4Finish.substring(0,1) != "1")
                        {
                            if(CurrentZone4Finish != CurrentZone1Finish && CurrentZone4Finish != CurrentZone2Finish
                                && CurrentZone4Finish != CurrentZone3Finish)
                                {
                                    //increment count
                                    count = count + 1
                                    
                                    //add
                                    document.getElementById('Fabric'+count+'PreviewImage').src = "Finishes/LowRes/" + CurrentZone4Finish + ".jpg"
                                    document.getElementById('Fabric'+count+'PreviewImage').alt = CurrentZone4Finish
                                    document.getElementById('Fabric'+count+'PreviewDescription').innerHTML = CurrentZone4FinishDesc
                                }
                        }
                    }
                }
            }
        }
        for (var n=1; n<=count; n++) 
        {
            document.getElementById('FabricsHeader').style.visibility = "visible"
            document.getElementById('Fabric'+n+'PreviewImage').style.visibility = "visible"
            document.getElementById('Fabric'+n+'PreviewDescription').style.visibility = "visible"
        }    
    }
    
    function displaySelectedPaintFinish(finishID, description){
        
        document.getElementById('PaintHeader').style.visibility = "visible"
        document.getElementById('PaintPreviewImage').style.visibility = "visible"
        document.getElementById('PaintPreviewDescription').style.visibility = "visible"
    
        document.getElementById('PaintPreviewImage').src = "Finishes/Thumbnail/" + finishID + ".jpg"
        document.getElementById('PaintPreviewImage').alt = finishID
        document.getElementById('PaintPreviewDescription').innerHTML = description
    }
    
    function displaySelectedWorksurfaceLaminateFinish(finishID, description){
        
        document.getElementById('WorksurfaceLaminateHeader').style.visibility = "visible"
        document.getElementById('WorksurfaceLaminatePreviewImage').style.visibility = "visible"
        document.getElementById('WorksurfaceLaminatePreviewDescription').style.visibility = "visible"
    
        document.getElementById('WorksurfaceLaminatePreviewImage').src = "Finishes/Thumbnail/" + finishID + ".jpg"
        document.getElementById('WorksurfaceLaminatePreviewImage').alt = finishID
        document.getElementById('WorksurfaceLaminatePreviewDescription').innerHTML = description
    }
    function displaySelectedEdgeFinish(finishID, description){
        
        document.getElementById('EdgeHeader').style.visibility = "visible"
        document.getElementById('EdgePreviewImage').style.visibility = "visible"
        document.getElementById('EdgePreviewDescription').style.visibility = "visible"
        
        document.getElementById('EdgePreviewImage').src = "Finishes/thumbnail/" + finishID + ".jpg"
        document.getElementById('EdgePreviewImage').alt = finishID
        document.getElementById('EdgePreviewDescription').innerHTML = description
    }
    
    function displaySelectedVeneerFinish(finishID, description){
        
        document.getElementById('VeneerHeader').style.visibility = "visible"
        document.getElementById('VeneerPreviewImage').style.visibility = "visible"
        document.getElementById('VeneerPreviewDescription').style.visibility = "visible"
        
        document.getElementById('VeneerPreviewImage').src = "Finishes/Thumbnail/" + finishID + ".jpg"
        document.getElementById('VeneerPreviewImage').alt = finishID
        document.getElementById('VeneerPreviewDescription').innerHTML = description
    }
   
    
    function displaySelectedGlassFinish(finishID, description){
        
        document.getElementById('GlassDescHeader').style.visibility = "visible"
        document.getElementById('GlassDescPreviewImage').style.visibility = "visible"
        document.getElementById('GlassDescPreviewDescription').style.visibility = "visible"
        
        document.getElementById('GlassDescPreviewImage').src = "Finishes/Thumbnail/" + finishID + ".jpg"
        document.getElementById('GlassDescPreviewImage').alt = finishID
        document.getElementById('GlassDescPreviewDescription').innerHTML = description
    }
//*********************************************************************************************************
    function redirectToCompleteVersion(){
        
        window.location = "ConfiguratorComplete.aspx"
    }

//*********************************************************************************************************

//addition code
function OpenLinerTrimPanel()
{
    document.getElementById("linear_trim_panel").style.display="block";
    document.getElementById("linear_steel_trim").checked=true;

    applyAdvancedVeneerTrimFinish('linear', 'steel')
}

function HideLinerTrimPanel()
{
    document.getElementById("linear_trim_panel").style.display="none";
    document.getElementById("linear_trim").checked=false;
    document.getElementById("linear_steel_trim").checked=false;
    document.getElementById("veneer_trim").checked=false;
    HideVeneerPreview();
}

function OpenVennerTrimPanel()
{
    document.getElementById("venner_trim_panel").style.display="block";
    document.getElementById("trim_preview").style.display = "block";
}

function HideVeneerTrimPanel()
{
    document.getElementById("venner_trim_panel").style.display="none";
    document.getElementById("veneer_trim").checked=false;
    //applyAdvancedVeneerTrimFinish('', 'steel')
}

function HideVeneerPreview()
{
    //turn off veneer option in description table
    document.getElementById('VeneerHeader').style.visibility = "hidden"
    document.getElementById('VeneerPreviewImage').style.visibility = "hidden"
    document.getElementById('VeneerPreviewDescription').style.visibility = "hidden"
    
    //no veneer trim selected
    document.getElementById('AdvancedVeneerTrimPreviewImage').src = "Graphics/no-swatch.jpg"
    document.getElementById('AdvancedVeneerTrimPreviewImage').alt = ""
    document.getElementById('AdvancedVeneerTrimPreviewDescription').innerHTML = ""
}