/* textsizer.js */

/************************ PUBLIC FUNCTIONS ********************************/
// Should be in body onload of every page.
function setSizerHighlight() {
	// hides for safari which does not allow for enabling disabled stylesheets
	// but still recognizes the "import"
	// Preloads images, and runs the highlight for all other browsers.
//	if (navigator.userAgent.indexOf('Safari') >= 0) {
//		document.getElementById('textSizer').style.visibility = 'hidden';
//	} else {
		preloadSizerImages();
		setSizerHighlight1();
//	}
}

// invoked by clicking on sizer icons
function changeSizeStyle(styleID) {
	if (navigator.userAgent.indexOf('Safari') >= 0) {
		var exp = new Date();
		exp.setMonth(exp.getMonth() + 6);
		setCookie("fontSize", styleID, exp, "/");
	} else {
	    setCookie("fontSize", styleID, getExpDate(180, 0, 0), "/")
	}
	setSizeStyle();
}

function setSizerHighlight1() {
	// styleIds are named consistent with the text-size-* gifs
    var styleCookie = getCookie("fontSize");
	if (styleCookie == null)
		styleCookie = "text-size-1";		
    for (var i = 0; i < styleIDs.length; i++) {
		setSizerImage(styleIDs[i], styleCookie == styleIDs[i]);
    }
}

/************************ PRIVATE FUNCTIONS ********************************/
function preloadSizerImages() {
	MM_preloadImages('/media/images/text-size-1-on.gif','/media/images/text-size-2-on.gif','/media/images/text-size-3-on.gif');
}

// enable/disable 
var styleIDs = ["text-size-1", "text-size-2", "text-size-3"];
function setSizeStyle() {
    if (document.getElementById) {
      //  document.getElementById("sizer").disabled = false;            
        var styleCookie = getCookie("fontSize");
		if (styleCookie == null)
			styleCookie = "text-size-1";
        for (var i = 0; i < styleIDs.length; i++) {
		    document.getElementById(styleIDs[i]).disabled = (styleCookie != styleIDs[i]);				
			setSizerImage(styleIDs[i], styleCookie == styleIDs[i]);
        }
    }
}

// Sets the appropriate image for the sizer for the styleID and state.
function setSizerImage(styleID, bOn) {
	var suffix;
	suffix = (bOn ? "-on.gif" : ".gif");	
	if (document.getElementById("ctl" + styleID))
		document.getElementById("ctl" + styleID).src = "/media/images/" + styleID + suffix;
}

/************************ PAGE-LEVEL "RUN NOW" ********************************/
// set active style now, before content renders
setSizeStyle();