Event.observe(window, 'load', function() {

    // do some CSS magic for no javascript version
	Element.addClassName('main', 'hasjs');

	//---------
	// swapper
	//---------

	// some DOM stuff
	var triggers = $$('#main .swapnav');
	var contents = $$('#main .swapcontent');

	// all the important stuff
	if (triggers.length>0 && contents.length>0) {
		var pagenav = new PageNav($$('#main .pagenav'), $$('#main #subnav li'), 'swapcontent');
		var swapper = new FadeSwap(triggers, contents, 'click');
		
        swapper.swapContent('click', 0);
        
		// fix the anchor links for Safari (so it doesn't enter a constantly loading state)
		// and make anchor links fade and swap instead of browser default
		var anchors = new AnchorFix(triggers, contents, swapper);

        
        
		// find the default
		var id = 0;
		if (document.location.hash) {

			var initial = document.location.hash;
			initial = initial.match(/#(.*)/)[1];
			var doesContentExist = anchors.doesContentExist(initial)
			if (doesContentExist) {
				id = doesContentExist.index;
				
			}
		}
		
	}

	
}, false);