//*********************************************************************************************************
    //*************************
    // DEFAULT -- MOUSE EVENTS
    //*************************
    //CHANGE CURSOR
    function mOver(obj){    
        obj.style.cursor = 'Pointer'
    }
    function mOut(obj){
        obj.style.cursor = 'Default'
    }  
//*********************************************************************************************************


//*********************************************************************************************************
    //*************************
    // MENUS -- MOUSE EVENTS
    //*************************
    function mOverMenu(obj){    
        if(obj.id == currentSelectedMenu)
            obj.style.cursor = 'Default'
        else
            obj.style.cursor = 'Pointer'
    }    
    function mOutMenu(obj){
        obj.style.cursor = 'Default'
    } 
//*********************************************************************************************************

   
//*********************************************************************************************************
    //*************************
    // LAYOUT -- MOUSE EVENTS
    //*************************
    function mOverLayout(obj){
       obj.style.cursor = 'Pointer'
       
       if(currentSelectedLayout == obj.id)
       {
            //Don't do anything
       }
       else 
       {
            obj.style.border="1px solid #F28D21"
       } 
    }
    function mOutLayout(obj){
       obj.style.cursor = 'Default'       
       
       if(currentSelectedLayout == obj.id)
       {
            //Don't do anything            
       }
       else
       {
            if(obj.id == "DualMatrixDefault1" || obj.id == "8x8MatrixDefault1" 
                    || obj.id == "6x6DiViDefault1" || obj.id == "DualDiViDefault1"
                    || obj.id == "8x8MWallDefault1")
            {
                obj.style.border="1px solid #E5E5E5"
            }
        }
    }
//*********************************************************************************************************


//*********************************************************************************************************
    //****************************
    // ZONES -- MOUSE EVENTS
    //****************************
    function displayZoneOnMouseOver(obj)
    {   
        var parentObject = document.getElementById("MainImageCell")
        var zoneName = ""
        //Show Zone Layer
        var ShowZoneImage = null
        if(document.getElementById("ShowZoneImage"))
        {
            ShowZoneImage = document.getElementById("ShowZoneImage")
        }
        else
        {
            //Add Show Zone Image
            ShowZoneImage = document.createElement("IMG")
            ShowZoneImage.id = "ShowZoneImage"                        
            ShowZoneImage.style.zIndex = "100"
            ShowZoneImage.style.position = "absolute"
            ShowZoneImage.style.width = "657px"
            ShowZoneImage.style.height = "456px"
            ShowZoneImage.top = "0px"
            ShowZoneImage.left = "0px"
            
            ShowZoneImage.src = "Graphics/x.gif"
            parentObject.appendChild(ShowZoneImage)
        }
        if(isBrowserPNGsupported == false)
        {
            ShowZoneImage.style.filter = "progid:dximagetransform.microsoft.alphaimageloader(enabled=true, src='" + obj + currentSelectedTypical + ".png', sizingmethod='scale')"
        }
        else
        {
            ShowZoneImage.src = obj + currentSelectedTypical + ".png"
        }
    }

    function removeZoneOnMouseOut(obj){
        //Remove show Zone Layer layer
        if(document.getElementById("ShowZoneImage"))
        {
            var parentObject = document.getElementById("MainImageCell")
            parentObject.removeChild(document.getElementById("ShowZoneImage"))
        }
    }
//*********************************************************************************************************