<script LANGUAGE="JavaScript">
function build_it(form) {
form.scrollbarWizard.value='';

if (form.input1.value != "") {
form.scrollbarWizard.value = "" +
form.scrollbarWizard.value + "<STYLE TYPE=text/css><!--" +
form.scrollbarWizard.value + " BODY {n" +
form.scrollbarWizard.value + " scrollbar-arrow-color:" +
form.input1.value+";";
}
if (form.input2.value != "") {
form.scrollbarWizard.value += " scrollbar-track-color:" +
form.input2.value+";";
}
if (form.input3.value != "") {
form.scrollbarWizard.value += " scrollbar-shadow-color:" +
form.input3.value+";";
}
if (form.input4.value != "") {
form.scrollbarWizard.value += " scrollbar-face-color:" +
form.input4.value+";";
}
if (form.input5.value != "") {
form.scrollbarWizard.value += " scrollbar-highlight-color:" +
form.input5.value+";";
}
if (form.input6.value != "") {
form.scrollbarWizard.value += " scrollbar-darkshadow-color:" +
form.input6.value+";";
}
if (form.input7.value != "") {
form.scrollbarWizard.value += " scrollbar-3dlight-color:" +
form.input7.value+";";
form.scrollbarWizard.value += " }--></STYLE>";
}
}
</script>

<form name="scrollbarWizard">
<table border="1" cellpadding="0" cellspacing="0" bordercolor="#F3F3F3" style="border-collapse: collapse">
<tr>
<td align="right"><font size="2"><font face="Tahoma">Scrollbar-Arrow-Color</font><font size="2" face="Tahoma">:</font></font></td>
<td><input type="text" name="input1" size="15"></td>
</tr>
<tr>
<td align="right"><font size="2"><font face="Tahoma">Scrollbar-Track-Color</font><font size="2" face="Tahoma">:</font></font></td>
<td><input type="text" name="input2" size="15"></td>
</tr>
<tr>
<td align="right"><font size="2"><font face="Tahoma">Scrollbar-Shadow-Color</font><font size="2" face="Tahoma">:</font></font></td>
<td><input type="text" name="input3" size="15"></td>
</tr>
<tr>
<td align="right"><font size="2"><font face="Tahoma">Scrollbar-Face-Color</font><font size="2" face="Tahoma">:</font></font></td>
<td><input type="text" name="input4" size="15"></td>
</tr>
<tr>
<td align="right"><font size="2"><font face="Tahoma">Scrollbar-Highlight-Color</font><font size="2" face="Tahoma">:</font></font></td>
<td><input type="text" name="input5" size="15"></td>
</tr>
<tr>
<td align="right"><font size="2"><font face="Tahoma">Scrollbar-DarkShadow-Color</font><font size="2" face="Tahoma">:</font></font></td>
<td><input type="text" name="input6" size="15"></td>
</tr>
<tr>
<td align="right"><font size="2"><font face="Tahoma">Scrollbar-3DLight-Color</font><font size="2" face="Tahoma">:</font></font></td>
<td><input type="text" name="input7" size="15"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="2">
<tr>
<td>
<input type="button" value="Create Color Code" onClick="build_it(this.form)" name="button"></td>
<td><input type="reset" value="RESET" name="reset"> </td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="3">
<tr>
<td width="100%">¼Ò½º¸¦ º¹»çÇÏ¿© HEAD»çÀÌ¿¡ »ðÀÔÇϼ¼¿ä.
<input type="button" onclick="form.scrollbarWizard.focus();form.scrollbarWizard.select()" value="¼Ò½º¼±ÅÃ" name="grab"></font>
</font></td>
</tr>
<tr>
<td width="100%"><textarea WRAP name="scrollbarWizard" rows="5" cols="50"></textarea></td>
</tr>
</table>
</form>