window.addEvent('domready', function() {
	$$('#nav1', '#nav2', '#nav3', '#nav4', '#nav5', '#nav6').set('tween', {duration: 10}).fade(0.01);
	
	var x = document.body.className;
	
	if (x == 'home') {
		$('nav').getElements('a')[0].setProperty('class', 'x');
		$('footer').getElements('a')[0].setProperty('class', 'x');
		
		homeStuff();
	}
	if ((x == '2') || (x == '3') || (x == '4') || (x == '5') || (x == '6')) {
		var a = $('nav').getElements('a')[x-1];
		var b = $('column1').getElements('img')[0];
		var c = $('footer').getElements('a')[x-1];
		
		a.setProperty('class', 'x');
		b.setProperty('src', 'css/img/nav' + x + '.gif');
		c.setProperty('class', 'x');
	}
	
	(function () {
		initStuff();
	}).delay(100);
});

function initStuff() {
	var navlinks = $('nav').getElements('a');
	
	navlinks.each(function(e) {
		e.setStyle('background-position', '30px -10px');
	});
	
	navlinks.each(function(e) {
		if (e.className == 'x') {
			e.getParent().fade('show');
		}
		else {
			var f = e.getParent();
			var g = e;
			
			g.set('tween', {duration: 200, wait: false}).fade(0.01);     // IE8
			
	    	e.addEvent('mouseover', function(e) {
		    	new Event(e).stop();
		    	f.set('tween', {duration: 200, wait: false}).fade(1);
		    	g.set('tween', {duration: 200, wait: false}).fade(1);    // IE8
		    
		   		(function () {
					new Fx.Morph(g, {duration: 200, wait: false}).start({'background-position': '30px 25px'});
				}).delay(100);
			});
			
			e.addEvent('mouseout', function(e) {
		    	new Event(e).stop();
		    	new Fx.Morph(g, {duration: 200, wait: false}).start({'background-position': '30px -10px'});
		    
		   		(function () {
					f.set('tween', {duration: 200, wait: false}).fade(0.01);
					g.set('tween', {duration: 200, wait: false}).fade(0.01);     // IE8
				}).delay(100);
			});
		}
    });
}

function homeStuff() {
	$$('#box1', '#box2', '#box3').setOpacity(0.15);
	
	var a1 = $('index').getElements('a')[0];
	var a2 = $('index').getElements('a')[1];
	var a3 = $('index').getElements('a')[2];
	
	a1.set('tween', {duration: 200}).fade(0.4);
	a2.set('tween', {duration: 200}).fade(0.4);
	a3.set('tween', {duration: 200}).fade(0.4);
	
	a1.addEvent('mouseover', function(e) {
    	new Event(e).stop();
    	$('box1').set('tween', {duration: 200}).fade(0);
    	a1.set('tween', {duration: 200}).fade(1);
	})
	.addEvent('mouseout', function(e) {
    	new Event(e).stop();
    	$('box1').set('tween', {duration: 200}).fade(0.15);
    	a1.set('tween', {duration: 200}).fade(0.4);
	});
	
	a2.addEvent('mouseover', function(e) {
    	new Event(e).stop();
    	$('box2').set('tween', {duration: 200}).fade(0);
    	a2.set('tween', {duration: 200}).fade(1);
	})
	.addEvent('mouseout', function(e) {
    	new Event(e).stop();
    	$('box2').set('tween', {duration: 200}).fade(0.15);
    	a2.set('tween', {duration: 200}).fade(0.4);
	});
	
	a3.addEvent('mouseover', function(e) {
    	new Event(e).stop();
    	$('box3').set('tween', {duration: 200}).fade(0);
    	a3.set('tween', {duration: 200}).fade(1);
	})
	.addEvent('mouseout', function(e) {
    	new Event(e).stop();
    	$('box3').set('tween', {duration: 200}).fade(0.15);
    	a3.set('tween', {duration: 200}).fade(0.4);
	});
}