function pageLoad() {
    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
    }

    document.getElementById('MasterCanvas').style.height = viewportheight + 'px';
    document.getElementById('MasterCanvas').style.width = viewportwidth + 'px';
}

function headchangeon(Element) {
    document.getElementById(Element).style.color = document.getElementById('CMSSkinKnopHoverColor').getAttribute('value');
    document.getElementById(Element).style.background = document.getElementById('CMSSkinKnopHoverBackColor').getAttribute('value');
    document.getElementById(Element).style.bordercolor = document.getElementById('CMSSkinKnopHoverBorderColor').getAttribute('value');
    document.getElementById(Element).style.cursor = "hand";
}

function headchangeout(Element) {
    document.getElementById(Element).style.color = document.getElementById('CMSSkinKnopTextColor').getAttribute('value');
    document.getElementById(Element).style.background = document.getElementById('CMSSkinKnopTextBackColor').getAttribute('value');
    document.getElementById(Element).style.bordercolor = document.getElementById('CMSSkinKnopBorderColor').getAttribute('value');
}