var fontSizes = [70,75,80,85];
var state=0;
var COOKIE_NAME='FONT_RESIZE';
var HOLDER_ID='d_increase';
 function getCookie(name) {
   var dc = document.cookie;
   var prefix = name + "=";
   var begin = dc.indexOf("; " + prefix);
   if (begin == -1) {
     begin = dc.indexOf(prefix);
     if (begin != 0) return null;
   } else
     begin += 2;
   var end = document.cookie.indexOf(";", begin);
   if (end == -1)
     end = dc.length;
   return unescape(dc.substring(begin + prefix.length, end));
}
//get state
getState = function(){
	//document.cookie  = COOKIE_NAME+"=0;path=/";
	var _c = getCookie(COOKIE_NAME);
	state = _c;
	if (_c != null) fontSizeChange(state);
}
fontSizeChange = function(state){
	if(state == undefined) state = 0;
	document.getElementsByTagName('body')[0].style['fontSize'] = fontSizes[state] + "%";
	document.cookie = COOKIE_NAME +"=" + state + ";path=/";
	//set button
	_parent = document.getElementById("text_size_mechanism");
	_buttons = _parent.getElementsByTagName("a");
	for(i=0;i<_buttons.length;i++)
	{
		_buttons[i].firstChild.className = "null";
		
	}
	_target = _buttons[state].firstChild;
	_target.className = "textMechanismSelected";
}
setupResizeButtons = function(){
	_parent = document.getElementById("text_size_mechanism");
	_buttons = _parent.getElementsByTagName("a");
	for(i=0;i<_buttons.length;i++)
	{
		//set height of parent so the border shows
		_childHeight = _buttons[i].firstChild.getAttribute("height");
		_buttons[i].style["height"] = _childHeight +"px";
		_buttons[i].flag = i;
		_buttons[i].onmouseup = function(){
			fontSizeChange(this.flag);
			//alert(this.flag);
		}
	}
}


if (document.addEventListener) {
    document.addEventListener("DOMContentLoaded", getState, null);
 document.addEventListener("DOMContentLoaded", setupResizeButtons, null);
}else{
    window.onload = function(){
	getState();
	setupResizeButtons();
	fontSizeChange(state);
    }
}