var Site = {
	Header: function() {
		//console.log('In Header');
		$$('div#headerlinks a').each(function(element) {
			var myHoverFx = new Fx.Morph(element, {duration: 400, transition: Fx.Transitions.Sine.easeInOut, link: 'cancel'});
			
			element.addEvents({
				'mouseenter': function() {
					myHoverFx.start('a.headerlinkshover');
				},
				'mouseleave': function() {
					myHoverFx.start('a.headerlinksnohover');
				}
			});
		});
		
		//console.log('Out Header');
	},
	
	MainNavigation : function() {
		//console.log('In MainNavigation');
		$$('div#mainnav a img').each(function(element) {
			var myHoverFx = new Fx.Morph(element, {duration: 400, transition: Fx.Transitions.Sine.easeInOut, link: 'cancel'});
			
			element.addEvents({
				'mouseenter': function() {
					myHoverFx.start('img.mainnavhover');
				},
				'mouseleave': function() {
					myHoverFx.start('div#mainnav a img');
				}
			});
		});
		
		//console.log('Out MainNavigation');
	},
	
	Footer: function() {
		//console.log('In Footer');
		
		$$('img.footerlink').each(function(element) {
			var myHoverFx = new Fx.Morph(element, {duration: 400, transition: Fx.Transitions.Sine.easeInOut, link: 'cancel'});
			
			element.addEvents({
				'mouseenter': function() {
					//console.log('Hovering footerlink');
					myHoverFx.start('img.footerlinkhover');
				},
				'mouseleave': function() {
					//console.log('Done Hovering footerlink');
					myHoverFx.start('img.footerlink');
				}
			});
		});
		
		//console.log('Out Footer');
	}
}

window.addEvents({
	'domready': function() {
		//console.log('DOM ready!');
		// Site.Header();
		Site.Footer();
		Site.MainNavigation();
		//console.log('done in domready, waiting for page to fully load...');
	},
	
	'load': function(){
		//console.log('page is fully loaded, in load function');

		
		//console.log('As far as I know, all Javascript is loaded baby');
	}
	
});