window.onload = function()
{
			$('div#map1').fadeTo("slow", 0);
			$('div#map2').fadeTo("slow", 0);
			$('div#map3').fadeTo("slow", 0);
			$('div#map4').fadeTo("slow", 0);
			$('div#map5').fadeTo("slow", 0);
			
			$(function() {
			$("li").hover(
		  function () {
		   $(this).animate({
		   marginLeft: "0"
			
		  }, 300, function() {
			/* Animation complete */
		  });
		  },
		  function () {
			  $(this).animate({
		   marginLeft: "-30"
			
		  }, 300, function() {
			/* Animation complete */
		  });
		  }
		);
		
	
		$("select#location").change(displayVals); //start checking the pull down for changes

});


	}

   function displayVals() {
      var mapnumber = $("select#location").val();
     	
		//alert(mapnumber);
		
		switch(mapnumber) 
		{
		case "0": 
			//alert("trigger 0");
			$('div#map0').fadeTo("slow", 1);

			$('div#map1').fadeTo("slow", 0);
			$('div#map2').fadeTo("slow", 0);
			$('div#map3').fadeTo("slow", 0);
			$('div#map4').fadeTo("slow", 0);
			$('div#map5').fadeTo("slow", 0);
	
				
		break;
		case "1":
			//alert("trigger 1");
			$('div#map0').fadeTo("slow", 0);
			$('div#map1').fadeTo("slow", 1);

			$('div#map2').fadeTo("slow", 0);
			$('div#map3').fadeTo("slow", 0);
			$('div#map4').fadeTo("slow", 0);
			$('div#map5').fadeTo("slow", 0);
		
		break;
		case "2": 
			//alert("trigger 2");
			$('div#map0').fadeTo("slow", 0);
			$('div#map1').fadeTo("slow", 0);
			$('div#map2').fadeTo("slow", 1);

			$('div#map3').fadeTo("slow", 0);
			$('div#map4').fadeTo("slow", 0);
			$('div#map5').fadeTo("slow", 0);
		break;
		case "3": 
			//alert("trigger 3");
			$('div#map0').fadeTo("slow", 0);
			$('div#map1').fadeTo("slow", 0);
			$('div#map2').fadeTo("slow", 0);
			$('div#map3').fadeTo("slow", 1);

			$('div#map4').fadeTo("slow", 0);
			$('div#map5').fadeTo("slow", 0);
		break;
		case "4": 
			//alert("trigger 4");
			$('div#map0').fadeTo("slow", 0);
			$('div#map1').fadeTo("slow", 0);
			$('div#map2').fadeTo("slow", 0);
			$('div#map3').fadeTo("slow", 0);
			$('div#map4').fadeTo("slow", 1);

			$('div#map5').fadeTo("slow", 0);
		break;
		case "5": 
			//alert("trigger 5");
			$('div#map0').fadeTo("slow", 0);
			$('div#map1').fadeTo("slow", 0);
			$('div#map2').fadeTo("slow", 0);
			$('div#map3').fadeTo("slow", 0);
			$('div#map4').fadeTo("slow", 0);
			$('div#map5').fadeTo("slow", 1);

		break;
		default:
			//alert("trigger d");
			$('div#map0').fadeTo("slow", 1);

			$('div#map1').fadeTo("slow", 0);
			$('div#map2').fadeTo("slow", 0);
			$('div#map3').fadeTo("slow", 0);
			$('div#map4').fadeTo("slow", 0);
			$('div#map5').fadeTo("slow", 0);
		
		}
		
      
				 
    }