<html>
<head>
<title>None</title>
<!--font family function-->
<script type="text/javascript">
function changeFontFamily(elem, dropper) {
document.getElementById(elem).style.fontFamily = dropper.options[dropper.selectedIndex].value;
}
</script>
<!--font color function-->
<script type="text/javascript">
function changeFontColor(elem, dropper) {
document.getElementById(elem).style.color = dropper.options[dropper.selectedIndex].value;
}
</script>
<!--background color function-->
<script type="text/javascript">
function changeBackgroundColor(elem, dropper) {
document.getElementById(elem).style.backgroundColor = dropper.options[dropper.selectedIndex].value;
}
</script>
<!--font size function-->
<script type="text/javascript">
function changeFontSize(elem, dropper) {
document.getElementById(elem).style.fontSize = dropper.options[dropper.selectedIndex].value;
}
</script>
<!--create cookies function-->
<!--save cookies function-->
<!--delete cookies function-->
<!--cookies function-->
</head>
<body>
<form>
<!--This is where the changes happen-->
<div id="test">This is supposed to be a nice little navbar. Select a new font to change this one's</div>
</br>
</br>
<div id="position" style="visibility:visible;position:absolute;bottom:0px; right:0px">
<center>
<table width="100%" border ="4" background="raindrop.jpg" >
<td>
<select onchange="changeFontFamily('test', this);">
<option value="">Font Family</option>
<option value="Arial">Arial</option>
<option value="Helvetica">Helvetica</option>
<option value="Tahoma">Tahoma</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Verdana">Verdana</option>
</select>
</td>
<td>
<select onchange="changeFontColor('test', this);">
<option value="">Font Color</option>
<option value="Black">Black</option>
<option value="Blue">Blue</option>
<option value="Green">Green</option>
<option value="Orange">Orange</option>
<option value="red">Red</option>
<option value="Violet">Violet</option>
<option value="Yellow">Yellow</option>
</select>
</td>
<td>
<select onchange="changeBackgroundColor('test', this);">
<option value="">Background Color</option>
<option value="Blue">Blue</option>
<option value="Green">Green</option>
<option value="Orange">Orange</option>
<option value="Red">Red</option>
<option value="Violet">Violet</option>
<option value="Yellow">Yellow</option>
</select>
</td>
<td>
<select onchange="changeFontSize('test', this);">
<option value="">Font Size</option>
<option value="x-small">X-Small</option>
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
<option value="x-large">X-Large</option>
<option value="xx-Large">XX-Large</option>
</select>
</td>
</table>
</center>
</div>
<!--not yet implemented
</br>
</br>
<input type=button value="Save Cookie!" onClick="javascript:changeBG(this)">
-->
<!--not yet implemented
</br>
</br>
<input type=button value="Reset to Default!" onClick="javascript:changeBG(this)">
-->
</body>
</html>