/***********************************************
* 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]="<marquee>Scroll Left</marquee>"
thetext1[2]="<marquee direction=\"right\">Scroll Right</marquee>"
thetext1[3]="<marquee behavior=\"slide\">Slide</marquee>"
thetext1[4]="<marquee behavior=\"alternate\">Alternate</marquee>"
thetext1[5]="<marquee direction=\"up\" height=\"30\">Scroll Up</marquee>"
thetext1[6]="<marquee direction=\"down\" height=\"30\">Scroll Down</marquee>"

var thetext5=new Array()
thetext5[0]="Default"
thetext5[1]="<marquee scrollamount=\"1\" scrolldelay=\"50\">Slowest</marquee>"
thetext5[2]="<marquee scrollamount=\"1\">Slower</marquee>"
thetext5[3]="<marquee scrollamount=\"3\">Slow</marquee>"
thetext5[4]="<marquee scrollamount=\"10\">Fast</marquee>"
thetext5[5]="<marquee scrollamount=\"20\">Faster</marquee>"
thetext5[6]="<marquee scrollamount=\"40\">Fastest</marquee>"

var thetext2=new Array()
thetext2[0]="Transparent (default)"
thetext2[1]="Transparent (default)"
thetext2[2]="Black"
thetext2[3]="Red"
thetext2[4]="Blue"
thetext2[5]="Green"
thetext2[6]="Yellow"
thetext2[7]="White (NOT transparent!)"

var thetext3=new Array()
thetext3[0]="Default"
thetext3[1]="<font color=\"black\">Black</font>"
thetext3[2]="<font color=\"red\">Red</font>"
thetext3[3]="<font color=\"blue\">Blue</font>"
thetext3[4]="<font color=\"#00FF00\">Green</font>"
thetext3[5]="<font color=\"yellow\">Yellow</font>"
thetext3[6]="<font color=\"#FF8040\">Orange</font>"
thetext3[7]="White"

var thetext4=new Array()
thetext4[0]="Default"
thetext4[1]="<font size=\"-2\">-2</font>"
thetext4[2]="<font size=\"-1\">-1</font>"
thetext4[3]="<font size=\"+1\">+1</font>"
thetext4[4]="<font size=\"+2\">+2</font>"
thetext4[5]="<font size=\"+3\">+3</font>"
thetext4[6]="<font size=\"+4\">+4</font>"
thetext4[7]="<font size=\"+5\">+5</font>"


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.bg, thetext2, 'textcontainer2')
displaydesc(document.form1.font, thetext3, 'textcontainer3')
displaydesc(document.form1.size, thetext4, 'textcontainer4')
displaydesc(document.form1.speed, thetext5, 'textcontainer5')