/***********************************************
* 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]="@emailprovider.com"
thetext1[1]="@aim.com"
thetext1[2]="@aol.com"
thetext1[3]="@btinernet.com"
thetext1[4]="@gmail.com"
thetext1[5]="@hotmail.com"
thetext1[6]="@lycos.com"
thetext1[7]="@mail.com"
thetext1[8]="@msn.com"
thetext1[9]="@optonline.net"
thetext1[10]="@yahoo.com"
thetext1[11]="<input type=\"text\" value=\"@emailprovider.com\" name=\"service\" title=\"enter mail service here\" style=\"font-size:16px; color:#0000FF; text-decoration: underline;\">"


/// You may define additional text arrays if you have multiple drop downs:
var thetext2=new Array()
thetext2[0]="<span style=\"font-size:16px; color:#FF0000;\">Select an email service from the menu above</span>"
thetext2[1]="<img src=\"images/aimmail.jpg\">"
thetext2[2]="<img src=\"images/aolmail.jpg\">"
thetext2[3]="<img src=\"images/btinternetmail.jpg\">"
thetext2[4]="<img src=\"images/gmail.jpg\">"
thetext2[5]="<img src=\"images/hotmail.jpg\">"
thetext2[6]="<img src=\"images/lycosmail.jpg\">"
thetext2[7]="<img src=\"images/mailcommail.jpg\">"
thetext2[8]="<img src=\"images/msnmail.jpg\">"
thetext2[9]="<img src=\"images/optimummail.jpg\">"
thetext2[10]="<img src=\"images/yahoomail.jpg\">"
thetext2[11]="OTHER <font size=\"-2\" color=\"red\">Use the second text box to enter the email provider</font>"


// Now, see 2) below for final customization step

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


//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.provider, thetext1, 'textcontainer1')
displaydesc(document.form1.provider, thetext2, 'textcontainer2')