function setLayerPosition(aLayer, x, y)
{  
    aLayer.style.left = x + 'px';
    aLayer.style.top = y + 'px';

}

function setDDOnResize()
{
    var imShopByDepX, imShopByDepY;
    var imShopByBrandX, imShopByBrandY;
    var saf;
    var depOffsetX, depOffsetY
    var brandOffSetX, brandOffSetY

    saf = navigator.userAgent.indexOf('Safari')!=-1;

    // browser is safari then handling of image position is different
    // requires special positioning, all other browsers ok.
    if (saf) 
    {  
        depOffsetX = 18;
        depOffsetY = 31;

        brandOffSetX = 24;
        brandOffSetY = 31;
    }
    else
    {
        depOffsetX = 7;
        depOffsetY = 21;

        brandOffSetX = 13;
        brandOffSetY = 21;
    }    

    imShopByDepX = document.getElementById("imShopDep").offsetLeft + depOffsetX;
    imShopByDepY = document.getElementById("imShopDep").offsetTop + depOffsetY;

    imShopByBrandX = document.getElementById("imShopBrand").offsetLeft + brandOffSetX;
    imShopByBrandY = document.getElementById("imShopBrand").offsetTop + brandOffSetY;

    setLayerPosition(document.getElementById("shopDepartment"), imShopByDepX, imShopByDepY);
    setLayerPosition(document.getElementById("shopBrand"), imShopByBrandX, imShopByBrandY);
}

function showMenu()
{
  document.getElementById("Category").style.visibility="hidden";
}

function hideMenu()
{
  document.getElementById("Category").style.visibility="visible";
}

/* Function to allow layers over select boxes in IE */
function DivSetVisible(state, nav)
{
    // fix only required for IE, causes problems in Safari so much not be executed for that browser.
    if (navigator.appName == "Microsoft Internet Explorer")
    {
        if (nav == 'department')
        {
            var DivRef = document.getElementById('shopDepartment');
        }
        else
        {
            var DivRef = document.getElementById('shopBrand');
        }

        
        var IfrRef = document.getElementById('DivShim');

        if(state)
        {
            DivRef.style.display = "block";
            IfrRef.style.width = DivRef.offsetWidth;
            IfrRef.style.height = DivRef.offsetHeight;
            IfrRef.style.top = DivRef.style.top;
            IfrRef.style.left = DivRef.style.left;
            IfrRef.style.zIndex = DivRef.style.zIndex + 1;
            IfrRef.style.display = "block";
        }
        else
        {
            DivRef.style.display = "none";
            IfrRef.style.display = "none";
        }
    }
}