//--------------------------------------------------
// dropdownmenu.js
//--------------------------------------------------

// drawDropDownMenu()

function drawHorizontalMenuOrig()
{

  document.write("<tr>");
  
  // this version looks nice but sticks out a bit too much.
  // document.write("<td class=dropdown_menu height=28 background=images\\bg_button4.jpg colspan=2>");
  
  document.write("<td class=dropdown_menu height=20 background=images\\bg_button5.jpg colspan=2>");

  document.write("<table border=0 bgcolor=#dedabe cellspacing=0 cellpadding=0><tr>");
  
  document.write("<td width=94 align=center><a href=\"index.html\"><b>Home</b></a></td>");
    
  var itemURL, itemTitle;
  drawDropDownMenuItem("SMB", "#", "menu1");
  drawDropDownMenuItem("Alumni", "#", "menu2");
  
  drawDropDownMenuItem("Media", "#", "menu3");
  drawDropDownMenuItem("Shop", "#", "menu4");
  // drawDropDownMenuItem("Game Day", "#", "menu9");
  drawDropDownMenuItem("On the Web", "#", "menu5");
  drawDropDownMenuItem("COM", "#", "menu6");
  drawDropDownMenuItem("MSU", "#", "menu7");
  
  document.write("</tr></table>");
  document.write("</td></tr>");
}

function drawHorizontalMenu2()
{
  document.write("<tr height=30>");
  document.write ("<td colspan=2 align=center class=horizontal_menu>");
  document.write("<center>");

  document.write("<table border=0 cellspacing=0 cellpadding=0><tr>");
  
  document.write("<td align=center><a href=\"index.html\"><b>Home</b></a></td>");
  
  var itemURL, itemTitle;
  
  drawDropDownMenuItem("Services", "#", "menu1");
  
  // document.write("<td> &nbsp;&nbsp;|&nbsp;&nbsp; </td>");
  // document.write("<td align=center><a href=\"design.html\"><b>Services</b></a></td>");

  document.write("<td> &nbsp;&nbsp;|&nbsp;&nbsp; </td>");
  document.write("<td align=center><a href=\"portfolio.html\"><b>Portfolio</b></a></td>");
  
  // drawDropDownMenuItem("Our Work", "#", "menu2");

  document.write("<td> &nbsp;&nbsp;|&nbsp;&nbsp; </td>");
  document.write("<td align=center><a href=\"profile.html\"><b>About Us</b></a></td>");
  
  document.write("<td> &nbsp;&nbsp;|&nbsp;&nbsp; </td>");
  document.write("<td align=center><a href=\"contact.html\"><b>Contact Us</b></a></td>");
  
  document.write("</tr></table>");
  document.write("</td></tr>");
}

function drawDropDownMenuItem(itemTitle, itemURL, menuName)
{
  // document.write("<td><img src=\"images\\bg_button_separator2.jpg\"></td>");
  document.write("<td> &nbsp;&nbsp;|&nbsp;&nbsp; </td>");
  document.write("<td align=center>");
  // document.write("&nbsp;&nbsp;");
  document.write("<a href=" + itemURL + "\""); 
  document.write(" onClick=\"return clickreturnvalue()\" "); 
  document.write("onMouseover=\"dropdownmenu(this, event, " + menuName + ", '200px')\" "); 
  document.write("onMouseout=\"delayhidemenu()\">");
  document.write("<b>" + itemTitle + "</b>");
  document.write("</a>");
  // document.write("&nbsp;&nbsp;");
  document.write("</td>");
}

/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

// Contents for menu 1 (SMB)
var menu1=new Array()
menu1[0]='<a href="design.html">Website Design</a>'
// menu1[1]='<a href="hosting.html">Website Hosting</a>'
// menu1[2]='<a href="consulting.html">Consulting</a>'
// menu1[3]='<a href="custom_programming.html">Custom Programming</a>'
// menu1[4]='<a href="domain_registration.html">Domain Name Registration</a>'
menu1[1]='<a href="maintenance.html">Website Maintenance</a>'
// menu1[6]='<a href="usage_statistics.html">Website Usage Statistics</a>'
// menu1[7]='<a href="seo.html">Search Engine Optimization (SEO)</a>'
// menu1[8]='<a href="why_us.html">Why Choose Us?</a>'
menu1[2]='<a href="getting_started.html">Getting Started</a>'
menu1[3]='<a href="faq.html">FAQ</a>'

// Contents for menu 2 (Media)
var menu2=new Array()
menu2[0]='<a href="portfolio.html">Portfolio</a>'
menu2[1]='<a href="testimonials.html">Testimonials</a>'

// Contents for menu 3 (Alumni)
var menu3=new Array()
menu3[0]='<a href="index.html">Snoring</a>'
menu3[1]='<a href="index.html">Sleep Apnea</a>'

// Contents for menu 4 (Merchandise)
var menu4=new Array()
menu4[0]='<a href="http://www.ceplusonline.com/CEPourcatalog.php?account=msuband" target=_blank>SMB Store</a>'
menu4[1]='<a href="http://www.sbsmsu.com/ePOS?store=539&listtype=begin&index=0&form=shared3%2Fgm%2Fsearch.html&design=539&KEY=marching+band&keytype=sku&search_category=Front+Page&price_min=0.00&price_max=5000.00&this_category=Front+Page&Search.x=0&Search.y=0" target=_blank>Student Bookstore</a>'
// menu4[2]='<a href="http://www.eSpartan.com" target=_blank>eSpartan.com</a>'
menu4[2]='<a href="http://shop.msu.edu/SearchResults.asp?Search=marching+band" target=_blank>Shop.msu.edu</a>'

// Contents for menu 5 (SMB on the Web)
var menu5=new Array()
menu5[0]='<a href="http://en.wikipedia.org/wiki/Michigan_State_University_Spartan_Marching_Band" target=_blank>Wikipedia</a>'
menu5[1]='<a href="http://www.youtube.com/profile?user=SpartanMarchingBand" target=_blank>YouTube</a>'
// menu5[2]='<a href="#">Facebook</a>'
menu5[2]='<a href="http://www.msu.edu/aktl/marching_band.html" target=_blank>MSU</a>'

// Contents for menu 6 (College of Music)
var menu6=new Array()
menu6[0]='<a href="http://www.music.msu.edu/" target=_blank>College of Music</a>'
menu6[1]='<a href="http://www.music.msu.edu/faculty/directory.php" target=_blank>Faculty</a>'
menu6[2]='<a href="http://www.music.msu.edu/admissions/" target=_blank>Admissions</a>'
menu6[3]='<a href="http://www.music.msu.edu/ensembles/" target=_blank>Ensembles</a>'
menu6[4]='<a href="http://www.music.msu.edu/about/maps/maps.php" target=_blank>Maps & Directions</a>'

// Contents for menu 7 (MSU)
var menu7=new Array()
menu7[0]='<a href="http://www.msu.edu" target=_blank>MSU</a>'
menu7[1]='<a href="http://www.msu.edu/thisismsu/" target=_blank>About MSU</a>'
menu7[2]='<a href="http://www.msu.edu/admissions/index.html" target=_blank>Applying to MSU</a>'
menu7[3]='<a href="http://www.msu.edu/maps/index.html" target=_blank>Exploring MSU</a>'
menu7[4]='<a href="http://msutoday.msu.edu/" target=_blank>MSU Today</a>'
menu7[5]='<a href="http://beaspartan.msu.edu/tour/" target=_blank>MSU Virtual Tour</a>'
menu7[6]='<a href="http://msuspartans.cstv.com/trads/msu-traditions.html" target=_blank>Spartan Traditions</a>'

// Contents for menu 8 (About)
var menu8=new Array()
menu8[0]='<a href="#">Item #1</a>'
menu8[1]='<a href="#">Item #2</a>'
menu8[2]='<a href="#">Item #3</a>'
menu8[3]='<a href="#">Item #4</a>'

// Contents for menu 9 (Game Day)
var menu9=new Array()
menu9[0]='<a href="#">Parking</a>'
menu9[1]='<a href="#">Maps & Directions</a>'
menu9[2]='<a href="#">SMB Traditions</a>'
menu9[3]='<a href="#">Spartan Traditions</a>'
menu9[4]='<a href="#">Morning Rehearsal</a>'
menu9[5]='<a href="#">March to the Stadium</a>'
menu9[6]='<a href="#">Pregame</a>'
menu9[7]='<a href="#">Halftime</a>'
menu9[8]='<a href="#">Postgame</a>'
		
var menuwidth='165px' //default menu width
var menubgcolor='lightyellow'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop+4;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu