// JavaScript Document
function drawNav(section){
	alert("start");
	navArray = ["home", "restaurants", "volunteer", "about", "sponsors", "contact", "press"];
	
	nav = '';
	nav += '<ul id="menu">';
	for(i=0;i<=navArray.length-1;i++){
		if(section==navArray[i]){
			nav +='<li id="' + navArray[i] + '"><img src="images/nav/' + navArray[i] + '-active.png" alt="' + navArray[i] + '" name="' + navArray[i] + '" border="0" id="' + navArray[i] + '2" /></a></li>';
		} else {
			nav +='<li id="' + navArray[i] + '"><a href="' + navArray[i] + '" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'' + navArray[i] + '\',\'\',\'images/nav/' + navArray[i] + '-over.png\',1)"><img src="images/nav/' + navArray[i] + '-up.png" alt="' + navArray[i] + '" name="' + navArray[i] + '" border="0" id="' + navArray[i] + '2" /></a></li>';
		}
	}
	//<li id="volunteer"><a href="volunteer.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('volunteer','','images/nav/volunteer-over.png',1)"><img src="images/nav/volunteer-active.png" alt="volunteer" name="volunteer" width="131" height="35" border="0" id="volunteer2" /></a></li>
	//<li id="about"><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/nav/about-over.png',1)"><img src="images/nav/about-active.png" alt="about" name="about" width="180" height="35" border="0" id="about2" /></a></li>
	//<li id="sponsors"><a href="sponsors.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('sponsors','','images/nav/sponsors-over.png',1)"><img src="images/nav/sponsors-active.png" alt="sponsors" name="sponsors" width="117" height="35" border="0" id="sponsors2" /></a></li>
	//<li id="contact"><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','images/nav/contact-over.png',1)"><img src="images/nav/contact-active.png" alt="contact" name="contact" width="131" height="35" border="0" id="contact2" /></a></li>
	//<li id="press"><a href="press.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('press','','images/nav/press-over.png',1)"><img src="images/nav/press-active.png" alt="press" name="press" width="74" height="35" border="0" id="press2" /></a></li>
	nav +='</ul>';
	alert(nav);
	document.write(nav);
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

  // this function is needed to work around 
  // a bug in IE related to element attributes
  function hasClass(obj) {
     var result = false;
     if (obj.getAttributeNode("class") != null) {
         result = obj.getAttributeNode("class").value;
     }
     return result;
  }   

 function stripe(id) {

    // the flag we'll use to keep track of 
    // whether the current row is odd or even
    var even = false;
  
    // if arguments are provided to specify the colours
    // of the even & odd rows, then use the them;
    // otherwise use the following defaults:
    var evenColor = arguments[1] ? arguments[1] : "#fff";
    var oddColor = arguments[2] ? arguments[2] : "#eee";
 
    // obtain a reference to the desired table
    // if no such table exists, abort
    var table = document.getElementById(id);
	
    if (! table) { return; }
  
    // by definition, tables can have more than one tbody
    // element, so we'll have to get the list of child
    // &lt;tbody&gt;s 
    var tbodies = table.getElementsByTagName("tbody");

    // and iterate through them...
    for (var h = 0; h < tbodies.length; h++) {
    
	
     // find all the &lt;tr&gt; elements... 
      var trs = tbodies[h].getElementsByTagName("tr");
      
      // ... and iterate through them
      for (var i = 0; i < trs.length; i++) {

        // avoid rows that have a class attribute
        // or backgroundColor style
        if (! hasClass(trs[i]) &&
            ! trs[i].style.backgroundColor) {
 		  
          // get all the cells in this row...
          var tds = trs[i].getElementsByTagName("td");
        
          // and iterate through them...
          for (var j = 0; j < tds.length; j++) {
        
            var mytd = tds[j];

            // avoid cells that have a class attribute
            // or backgroundColor style
            if (! hasClass(mytd) &&
                ! mytd.style.backgroundColor) {
        
              mytd.style.backgroundColor =
                even ? evenColor : oddColor;
            
            }
          }
        }
        // flip from odd to even, or vice-versa
        even =  ! even;
      }
    }
  }