checkBrowserWidth();

attachEventListener(window, "resize", checkBrowserWidth, false);




function checkBrowserWidth()
{
        var theWidth = getBrowserWidth();

        if (theWidth >1024)
        {
                setStylesheet("high res");
        }
        else
        {
                setStylesheet("");
        }
        
        return true;
};




function getBrowserWidth()
{
        if (window.innerWidth)
        {
                return window.innerWidth;
        }
        else if (document.documentElement && document.documentElement.clientWidth != 0)
        {
                return document.documentElement.clientWidth;
        }
        else if (document.body)
        {
                return document.body.clientWidth;
        }
        
        return 0;
};




function setStylesheet(styleTitle)
{
        var currTag;

        if (document.getElementsByTagName)
        {
                for (var i = 0; (currTag = document.getElementsByTagName("link")[i]); i++)
                {
                        if (currTag.getAttribute("rel").indexOf("style") != -1 && currTag.getAttribute("title"))
                        {
                                currTag.disabled = true;

                                if(currTag.getAttribute("title") == styleTitle)
                                {
                                        currTag.disabled = false;
                                }
                        }
                }
        }
        
        return true;
};