// JavaScript Document















var menu=new Array()















menu[1]='<div class="sm_item" id="sm1" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org">Home</a></div></div>'















menu[2]='<div class="sm_item" id="sm1" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/about/">About</a></div><div class="sm_item" id="sm2" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/about/ourstory.php">Our Story</a></div><div class="sm_item" id="sm3" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/about/thewateropportunity.php">The Water Opportunity</a></div><div class="sm_item" id="sm4" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/about/ourmodel.php">Our Model</a></div><div class="sm_item" id="sm5" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/about/team.php">Team & Advisors</a></div><div class="sm_item" id="sm6" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/about/partnersandsponsors.php">Partners & Sponsors</a></div><div class="sm_item" id="sm7" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/about/faq.php">FAQ</a></div>'















menu[3]='<div class="sm_item" id="sm1" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/prizes/">Prizes</a></div><div class="sm_item" id="sm8" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/prizes/2011prize.php">2011 Prize</a></div><div class="sm_item" id="sm2" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/prizes/2010 Prize.php">2010 Prize</a></div><div class="sm_item" id="sm3" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/prizes/2009 Prize.php" >2009 Prize</a></div><div class="sm_item" id="sm4" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/prizes/futureprizes.php">Future Prizes</a></div><div class="sm_item" id="sm5" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/prizes/whyenter.php">Why Enter?</a></div><div class="sm_item" id="sm6" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/prizes/howdoienter.php" >Compete</a></div><div class="sm_item" id="sm7" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/prizes/otherwaystoparticipate.php">Participate</a></div>'





















menu[4]='<div class="sm_item" id="sm1" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/accelerator/">Accelerator</a></div><div class="sm_item" id="sm2" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/accelerator/partnerandsponsor.php">Partner &amp; Sponsor</a></div><div class="sm_item" id="sm3" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/accelerator/participate.php">Participate</a></div>'















menu[5]='<div class="sm_item" id="sm1" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/newsandevents/">News &amp; Events</a></div><div class="sm_item" id="sm3" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/blog/blog.php">Blog</a></div><div class="sm_item" id="sm4" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/contact.php">Contact</a></div>'















menu[6]='<div class="sm_item" id="sm1" onmouseover="change(this.id);" onmouseout="hide_color();">&nbsp;</div>'















menu[7]='<div class="sm_item" id="sm1" onmouseover="change(this.id);" onmouseout="hide_color();">&nbsp;</div>'















menu[8]='<div class="sm_item" id="sm1" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/community/">Community</a></div><div class="sm_item" id="sm2" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/join.php">Join</a></div>'























menu[9]='<div class="sm_item" id="sm1" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/takeaction.php">Take Action</a></div><div class="sm_item" id="sm2" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/takeaction/compete.php">Compete</a></div><div class="sm_item" id="sm3" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/takeaction/partner.php">Partner</a></div><div class="sm_item" id="sm4" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/takeaction/sponsoranddonate.php">Sponsor &amp; Donate</a></div><div class="sm_item" id="sm5" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/takeaction/judgeandmentor.php">Judge &amp; Mentor</a></div><div class="sm_item" id="sm6" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/takeaction/volunteer.php">Volunteer</a></div><div class="sm_item" id="sm7" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/takeaction/jobs.php">Jobs</a></div><div class="sm_item" id="sm8" onmouseover="change(this.id);" onmouseout="hide_color();"><a href="http://www.imagineh2o.org/takeaction/share.php">Share</a></div>'















































function display(id){















	document.getElementById("imgl"+id).src = "http://www.imagineh2o.org/images/left.jpg";















	document.getElementById("imgr"+id).src = "http://www.imagineh2o.org/images/right.jpg";	















}















function display_onload(id ){















	document.getElementById("imgl"+id).src = "http://www.imagineh2o.org/images/left.jpg";















	document.getElementById("imgr"+id).src = "http://www.imagineh2o.org/images/right.jpg";	















	document.getElementById("item"+id).onmouseout = "";



	











}















function hide(id){















	document.getElementById("imgl"+id).src = "http://www.imagineh2o.org/images/blank.jpg";















	document.getElementById("imgr"+id).src = "http://www.imagineh2o.org/images/blank.jpg";















}











function change_color(id){











	document.getElementById('sm'+id).style.background = "#444444";







}



















function display_submenu(id,sid){















	document.getElementById('submenu').innerHTML=menu[id];







	if ( sid != 0 )



	{



		change_color(sid);



	}



}















function hide_submenu(id,sid){















	document.getElementById('submenu').innerHTML="";







	if ( id != 0){







		display_submenu(id,sid);







	}















}



















 



function hide_color(){















	for (var i = 1; i <= 8; i++){















	if (document.getElementById('sm'+i)) {document.getElementById('sm'+i).style.background = "#151515";	}





	}









}















function change(id){















	document.getElementById(id).style.background = "#444444";







}