//	GET ELEMENT BY ID
//----------------------------------------------------------------
//		This custom method allows us to perform
//		tasks to ensure we get the element we are requesting
function _getElementById(sID)
{
    var obj = document.getElementById(sID);
    return(obj);
}

//	GET ELEMENTS BY CLASS NAME
//----------------------------------------------------------------
//		http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
//		This function gets an array of elements via their style sheet class name
function getElementsByClassName(oElm, strTagName, strClassName){
    try {
        var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
        var arrReturnElements = new Array();
        strClassName = strClassName.replace(/\-/g, "\\-");
        var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
        var oElement;
        for(var i=0; i<arrElements.length; i++){
            oElement = arrElements[i];      
            if(oRegExp.test(oElement.className)){
                arrReturnElements.push(oElement);
            }   
        }
        return (arrReturnElements)
    } catch (err) {
        alert("getElementsByClassName",err.description);
        return;
    }
}

// element manipulation
var hideElement = function(el)
{
    el.style.display = "none";
}
var showElement = function(el)
{
    el.style.display = "";
}

// screen resolution adjustments
function SetupUI() {
    var viewportwidth;
    var viewportheight;

    // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

    if (typeof window.innerWidth != 'undefined') {
        viewportwidth = window.innerWidth,
            viewportheight = window.innerHeight
    }
    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
    else if (typeof document.documentElement != 'undefined'
         && typeof document.documentElement.clientWidth !=
         'undefined' && document.documentElement.clientWidth != 0) {
        viewportwidth = document.documentElement.clientWidth,
            viewportheight = document.documentElement.clientHeight
    }
    // older versions of IE
    else {
        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
            viewportheight = document.getElementsByTagName('body')[0].clientHeight
    }

    if (viewportwidth < 810) {
        var div = document.getElementById("divMain");
        var headingR = document.getElementById("heading_r");

        div.className = "mainNarrow";
        headingR.className = "heading";
    }
}