Event.observe(window, 'load', function() {
	// do some CSS magic for no javascript version
	
	Element.addClassName('container', 'hasjs');
	var title = document.title;

	// load maps js
	/*loadMaps();*/
			
		// find the default
		var id = 0;
		if (document.location.hash) {
			var initial = document.location.hash;
			initial = initial.match(/#(.*)/)[1];
			
			// set the page title
			var name = $('pn_'+initial);
			name = name.lastChild.nodeValue;
		    document.title = name+' / '+title;
		
		}else{
			
			Element.addClassName($$('ol#pageNav li a.swaphandle').first(), 'active');

			var firstToShow = $$('ol#pageNav li a.swaphandle').first();

		    firstToShow = firstToShow.id.substring(3);

			Element.addClassName(firstToShow, 'active');
			
			// set the page title
			var name = $('pn_'+firstToShow);
			name = name.lastChild.nodeValue;
			document.title = name+' / '+title;
							
		 	Element.addClassName('showmap_'+firstToShow, 'active');
			Element.addClassName('col3Inner', 'intro');
		
		}
	
			Element.addClassName('pn_'+initial, 'active');
			Element.addClassName(initial, 'active');
			Element.addClassName('showmap_'+initial, 'active');
			
			var theFirst = $$('ol#pageNav li a.swaphandle').first();
			theFirst = theFirst.id.substring(3);
			
			if(initial == theFirst) {
				Element.addClassName('col3Inner', 'intro');	
			}
		
			
		

	
	$$('ol#pageNav li a.swaphandle').each ( function(element) {
			// set a click event on the links
			Event.observe(element, 'click', function(event) {
				/*Event.stop(event);*/
				
				// load maps js
				/*loadMaps();*/
				
				$$('ol#pageNav li a.swaphandle').each ( function(element) { element.removeClassName('active'); });
				
				Element.addClassName(element, 'active');
				
				var toShow = element.id.substring(3);
												
				$$('.swapsection').each ( function(element) { element.removeClassName('active'); });
				Element.addClassName(toShow, 'active');
				
				$$('.showme').each ( function(element) { element.removeClassName('active'); });
				Element.addClassName('showmap_'+toShow, 'active');
				
				var listFirst = $$('ol#pageNav li a.swaphandle').first();
				listFirst = listFirst.id.substring(3);
				
				/*alert(listFirst);*/
				
				var clicked = element.id;
				clicked = clicked.substring(3);
				
				/*alert(clicked);*/
				
				if(clicked == listFirst) {
					Element.addClassName('col3Inner', 'intro');	
				}else{
					Element.removeClassName('col3Inner', 'intro')
				}
				
				
				// set the page title
				var name = element.lastChild.nodeValue;
				document.title = name+' / '+title;
								
		    })
		
		});
		
		
}, false);