/***** Font Button *****/
nextpoints = "11"

button1 = '<span class="smallSelectedGrey">A</span>'
button2 = 'A'
button3 = 'A'
preB1 = ""
preB2 = "<a href='javascript:set(12);' class='mediumGrey' title='Set medium font size'>"
preB3 = "<a href='javascript:set(13);' class='largeGrey' title='Set large font size'>"
postB1 = ""
postB2 = "</a>"
postB3 = "</a>"

if(points=="12"){
	button1 = 'A'
	button2 = '<span class="mediumSelectedGrey">A</span>'
	button3 = 'A'
	preB1 = "<a href='javascript:set(11);' class='smallGrey' title='Set normal font size'>"
	preB2 = ""
	preB3 = "<a href='javascript:set(13);' class='largeGrey' title='Set large font size'>"
	postB1 = "</a>"
	postB2 = ""
	postB3 = "</a>"
}

if(points=="13"){
	button1 = 'A'
	button2 = 'A'
	button3 = '<span class="largeSelectedGrey">A</span>'
	preB1 = "<a href='javascript:set(11);' class='smallGrey' title='Set normal font size'>"
	preB2 = "<a href='javascript:set(12);' class='mediumGrey' title='Set medium font size'>"
	preB3 = ""
	postB1 = "</a>"
	postB2 = "</a>"
	postB3 = ""
}

function set(p){
	nextpoints = p;	
	if(searchStr!=""){
		addParam = "";
		if(getParamValue("css")!=-1){
			setParamValue("css", nextpoints);
		}else{
			addParam = "&css=" + nextpoints;
		}
		paramsStr = getParamString() + addParam;
		hrefStr = (location.href).split("?")[0];
	}else{
		hrefStr = location.href;
		paramsStr = "?css=" + nextpoints;
	}
	
	location.href = hrefStr.split("#")[0] + paramsStr;
}

document.write(preB1 + button1 + postB1 + '<img src="/img/void.gif" width="3" height="10">' + preB2 + button2 + postB2 + '<img src="/img/void.gif" width="3" height="10">' + preB3 + button3 + postB3);