var output    =	'<div id="menu8Container">';
output 	+=		'<div id="menu8Content" class="buttonmenu">'
output 	+=			'<div class="sliderdropdown">'
output 	+=		'<table width="140" cellpadding="0" cellspacing="0"><tr><td class="sliderleft">9px</td><td class="sliderright">16px</td></tr></table><div class="slider" id="slider-1" tabIndex="1"><input class="slider-input" id="slider-input-1" size="5" /></div><p>Value: <input size="5" id="h-value" onchange="s.setValue(parseInt(this.value))"/></p><p>Recommended Value: 12px</p>'
output 	+=			'</div>'
output 	+=		'</div>'
output 	+=	'</div>'


output 	+=	'<div id="menu11Container">';
output 	+=		'<div id="menu11Content" class="buttonmenu">'
output 	+=			'<div class="options">'
output 	+=				'<a href="javascript:setActiveStyleSheet(\'Red\')"><img src="templates/td_estate/td_tool/images/res.png">Red 800x600</a>'
output 	+=				'<a href="javascript:setActiveStyleSheet(\'WideRed\')"><img src="templates/td_estate/td_tool/images/re.png">Red 1024x768</a>'
output 	+=				'<a href="javascript:setActiveStyleSheet(\'Blue\')"><img src="templates/td_estate/td_tool/images/bls.png">Blue 800x600</a>'
output 	+=				'<a href="javascript:setActiveStyleSheet(\'WideBlue\')"><img src="templates/td_estate/td_tool/images/bl.png">Blue 1024x768</a>'
output 	+=				'<a href="javascript:setActiveStyleSheet(\'Yellow\')"><img src="templates/td_estate/td_tool/images/yes.png">Yellow 800x600</a>'
output 	+=				'<a href="javascript:setActiveStyleSheet(\'WideYellow\')"><img src="templates/td_estate/td_tool/images/ye.png">Yellow 1024x768</a>'
output 	+=				'<a href="javascript:setActiveStyleSheet(\'Green\')"><img src="templates/td_estate/td_tool/images/grs.png">Green 800x600</a>'
output 	+=				'<a href="javascript:setActiveStyleSheet(\'WideGreen\')"><img src="templates/td_estate/td_tool/images/gr.png">Green 1024x768</a>'
output 	+=			'</div>'
output 	+=		'</div>'
output 	+=	'</div>'

document.write(output)

var s = new Slider(document.getElementById("slider-1"), document.getElementById("slider-input-1"));

s.setMinimum(9);
s.setMaximum(16);

newSize = parseInt(HSReadCookie('OL-textsize', true));
if (!newSize)
{
  newSize = 12;
}

s.onchange = function () {
HSSetTextSize('reset',s.getValue());
document.getElementById("h-value").value = s.getValue();
};

	var menus = [
		new HSSlideOutMenu("menu1", "down", 0, 81, 0, 180, 300),
		new HSSlideOutMenu("menu2", "down", 85, 81, 0, 180, 140),
		new HSSlideOutMenu("menu3", "down", 170, 81, 0, 180, 100),
		new HSSlideOutMenu("menu4", "down", 255, 81, 0, 180, 140),
		new HSSlideOutMenu("menu5", "down", 340, 81, 0, 180, 40),
		new HSSlideOutMenu("menu6", "down", 425, 81, 0, 180, 120),
		new HSSlideOutMenu("menu7", "down", 510, 81, 0, 180, 260),
		new HSSlideOutMenu("menu8", "down", -1, 30, 0, 180, 150),
		new HSSlideOutMenu("menu9", "down", -1, 30, 0, 180, 450),
		new HSSlideOutMenu("menu10", "down", -1, 30, 0, 180, 150),
		new HSSlideOutMenu("menu11", "down", -1, 30, 0, 180, 260)
	]

	for (var i = 0; i < menus.length; i++) {
		menus[i].onactivate = new Function("document.getElementById('act" + i + "').className='active';");
		menus[i].ondeactivate = new Function("document.getElementById('act" + i + "').className='';");
	}

s.setValue(newSize);