/***********************************************
* Drop down menu w/ description- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//1) CUSTOMIZE TEXT DESCRIPTIONS FOR LINKS ABOVE
var thetext1=new Array()
thetext1[0]="select one"
thetext1[1]="A submit button submits data via a form."
thetext1[2]="A standard button can support \"onclick\""
thetext1[3]="A reset button clears your form."
thetext1[4]="A back button goes back one page. "

var thetext3=new Array()
thetext3[0]="Default"
thetext3[1]="<font face=\"Arial\">Arial</font>"
thetext3[2]="<font face=\"Comic Sans MS\">Comic Sans MS</font>"
thetext3[3]="<font face=\"Courier New\">Courier New</font>"
thetext3[4]="<font face=\"Georgia\">Georgia</font>"
thetext3[5]="<font face=\"Impact\">Impact</font>"
thetext3[6]="<font face=\"sans-serif\">Sans Serif</font>"
thetext3[7]="<font face=\"Tahoma\">Tahoma</font>"
thetext3[8]="<font face=\"Times New Roman\">Times New Roman</font>"
thetext3[9]="<font face=\"Verdana\">Verdana</font>"

var thetext4=new Array()
thetext4[0]="Default"
thetext4[1]="<font size=\"-2\">9px</font>"
thetext4[2]="<font size=\"-1\">10px</font>"
thetext4[3]="<font size=\"2\">Normal</font>"
thetext4[4]="<font size=\"+1\">14px</font>"
thetext4[5]="<font size=\"+2\">18px</font>"
thetext4[6]="<font size=\"+3\">24px</font>"
thetext4[7]="<font size=\"+4\">36px</font>"

var thetext6=new Array()
thetext6[0]="Default"
thetext6[1]="<img src=\"images/graypixel.gif\" height=\"1px\" width=\"160px\" align=\"right\">1px &nbsp;"
thetext6[2]="<img src=\"images/graypixel.gif\" height=\"2px\" width=\"160px\" align=\"right\">2px &nbsp;"
thetext6[3]="<img src=\"images/graypixel.gif\" height=\"3px\" width=\"160px\" align=\"right\">3px &nbsp;"
thetext6[4]="<img src=\"images/graypixel.gif\" height=\"4px\" width=\"160px\" align=\"right\">4px &nbsp;"
thetext6[5]="<img src=\"images/graypixel.gif\" height=\"5px\" width=\"160px\" align=\"right\">5px &nbsp;"
thetext6[6]="<img src=\"images/graypixel.gif\" height=\"6px\" width=\"160px\" align=\"right\">6px &nbsp;"
thetext6[7]="<img src=\"images/graypixel.gif\" height=\"7px\" width=\"160px\" align=\"right\">7px &nbsp;"


function displaydesc(which, descriptionarray, container){
if (document.getElementById)
document.getElementById(container).innerHTML=descriptionarray[which.selectedIndex]
}

function jumptolink(what){
var selectedopt=what.options[what.selectedIndex]
if (document.getElementById && selectedopt.getAttribute("target")=="newwin")
window.open(selectedopt.value)
else
window.location=selectedopt.value
}

//2) Call function displaydesc() for each drop down menu you have on the page
//   This function displays the initial description for the selected menu item
//   displaydesc(name of select menu, name of corresponding text array, ID of SPAN container tag):
//   Important: Remove the calls not in use (ie: 2nd line below if there's only 1 menu on your page)

displaydesc(document.form1.type, thetext1, 'textcontainer1')
displaydesc(document.form1.font, thetext3, 'textcontainer3')
displaydesc(document.form1.size, thetext4, 'textcontainer4')
displaydesc(document.form1.bordersize, thetext6, 'textcontainer6')