// set constants
var myTextSizeSmall = "0.8em";
var myTextSizeNormal = "1.0em";
var myTextSizeLarge = "1.2em";

function pageFormat() {
    //called by onload in body tag
    showSizeStyle(); //display text size controls
    getSizeStyle(); //look for cookie with text size settings
}
function showSizeStyle() {
    if (document.getElementById) {
        var myInnerHtml = "<span style='font-size:12px;'>Text Size: </span>";
        myInnerHtml += "<span style='font-size:12px;'><a id='decreaseSizeStyle' class='TextSizeInActive' href='#' onclick='decreaseSizeStyle();'>&nbsp;A&nbsp;</a></span>";
        myInnerHtml += "<span style='font-size:16px;'><a id='normalSizeStyle' class='TextSizeActive' href='#' onclick='normalSizeStyle();'>&nbsp;A&nbsp;</a></span>";
        myInnerHtml += "<span style='font-size:20px;'><a id='increaseSizeStyle' class='TextSizeInActive' href='#' onclick='increaseSizeStyle();'>&nbsp;A&nbsp;</a></span>";
        document.getElementById("MasterHeaderTextSize").innerHTML = myInnerHtml;
    }
}
function getSizeStyle() {
    var myTextSize = getCookie("TextSize");
    var body = document.getElementsByTagName("body")[0];
    var myStyle = ""
    // make sure myTextSize is one of the standard values and set value for displaySizeStyle
    if (myTextSize.length > 0) {
        switch (myTextSize) {
            case myTextSizeSmall:
                myStyle = "decrease";
                break;
            case myTextSizeNormal:
                myStyle = "normal";
                break;
            case myTextSizeLarge:
                myStyle = "increase";
                break;
            default:
                myStyle = "normal";
                myTextSize = myTextSizeNormal;
                break;
        }
    } else {
        myStyle = "normal";
        myTextSize = myTextSizeNormal;
    }
    body.style.fontSize = myTextSize;
    displaySizeStyle(myStyle);
}
function setSizeStyle() {
    var body = document.getElementsByTagName("body")[0];
    setCookie("TextSize", body.style.fontSize, 365);
}
function displaySizeStyle(myStyle) {
    switch (myStyle) {
        case "decrease":
            document.getElementById("decreaseSizeStyle").setAttribute("class", "TextSizeActive")
            document.getElementById("decreaseSizeStyle").setAttribute("className", "TextSizeActive")
            document.getElementById("normalSizeStyle").setAttribute("class", "TextSizeInActive")
            document.getElementById("normalSizeStyle").setAttribute("className", "TextSizeInActive")
            document.getElementById("increaseSizeStyle").setAttribute("class", "TextSizeInActive")
            document.getElementById("increaseSizeStyle").setAttribute("className", "TextSizeInActive")
            break;
        case "normal":
            document.getElementById("decreaseSizeStyle").setAttribute("class", "TextSizeInActive")
            document.getElementById("decreaseSizeStyle").setAttribute("className", "TextSizeInActive")
            document.getElementById("normalSizeStyle").setAttribute("class", "TextSizeActive")
            document.getElementById("normalSizeStyle").setAttribute("className", "TextSizeActive")
            document.getElementById("increaseSizeStyle").setAttribute("class", "TextSizeInActive")
            document.getElementById("increaseSizeStyle").setAttribute("className", "TextSizeInActive")
            break;
        case "increase":
            document.getElementById("decreaseSizeStyle").setAttribute("class", "TextSizeInActive")
            document.getElementById("decreaseSizeStyle").setAttribute("className", "TextSizeInActive")
            document.getElementById("normalSizeStyle").setAttribute("class", "TextSizeInActive")
            document.getElementById("normalSizeStyle").setAttribute("className", "TextSizeInActive")
            document.getElementById("increaseSizeStyle").setAttribute("class", "TextSizeActive")
            document.getElementById("increaseSizeStyle").setAttribute("className", "TextSizeActive")
            break;
        default:
            document.getElementById("decreaseSizeStyle").setAttribute("class", "TextSizeInActive")
            document.getElementById("decreaseSizeStyle").setAttribute("className", "TextSizeInActive")
            document.getElementById("normalSizeStyle").setAttribute("class", "TextSizeInActive")
            document.getElementById("normalSizeStyle").setAttribute("className", "TextSizeInActive")
            document.getElementById("increaseSizeStyle").setAttribute("class", "TextSizeInActive")
            document.getElementById("increaseSizeStyle").setAttribute("className", "TextSizeInActive")
            break;
    }
    setSizeStyle();
}
function decreaseSizeStyle() {
    if (document.getElementById) {
        var body = document.getElementsByTagName("body")[0];
        body.style.fontSize = myTextSizeSmall;
        displaySizeStyle("decrease");
    }
}
function normalSizeStyle() {
    if (document.getElementById) {
        var body = document.getElementsByTagName("body")[0];
        body.style.fontSize = myTextSizeNormal;  
        displaySizeStyle("normal");
    }
}
function increaseSizeStyle() {
    if (document.getElementById) {
        var body = document.getElementsByTagName("body")[0];
        body.style.fontSize = myTextSizeLarge;
        displaySizeStyle("increase");
    }
}
function setCookie(c_name, value, expiredays) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + expiredays);
    document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toUTCString());
}
function getCookie(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) c_end = document.cookie.length;
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}