// JavaScript Document
window.addEvent('domready', function(){
	var about = $('about');
	var academics = $('academics');
	var faculty = $('faculty');
	var research = $('research');
	var assessment = $('assessment');
	var courses = $('courses');
	var fadeIn = [];
	var fadeOut = [];
	fadeIn[1] = new Fx.Styles(about, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	fadeIn[2] = new Fx.Styles(academics, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	fadeIn[3] = new Fx.Styles(faculty, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	fadeIn[4] = new Fx.Styles(research, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	fadeIn[5] = new Fx.Styles(assessment, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	fadeIn[6] = new Fx.Styles(courses, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	
	fadeOut[1] = new Fx.Styles(about, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	fadeOut[2] = new Fx.Styles(academics, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	fadeOut[3] = new Fx.Styles(faculty, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	fadeOut[4] = new Fx.Styles(research, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	fadeOut[5] = new Fx.Styles(assessment, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	fadeOut[6] = new Fx.Styles(courses, {duration: 200, transition: Fx.Transitions.Quad.easeOut});
	//About button
	about.addEvent('mouseover',function(){	
		fadeOut[1].stop();
		fadeIn[1].start({'background-color':'#FFB500'})
		this.getChildren().setStyles({'color':'#000000'});
	});
	about.addEvent('mouseout',function(){
		fadeIn[1].stop();
		fadeOut[1].start({'background-color':'#FFFFFF'})
		this.getChildren().setStyles({'color':'#BBBBBB'});
	});
	about.addEvent('click',function(){
		window.location = 'index.cfm?fuseaction=about';	
	});
	//Academics button
	academics.addEvent('mouseover',function(){
		fadeOut[2].stop();
		fadeIn[2].start({'background-color':'#FFB500'})
		this.getChildren().setStyles({'color':'#000000'});
	});
	academics.addEvent('mouseout',function(){
		fadeIn[2].stop();
		fadeOut[2].start({'background-color':'#FFFFFF'})
		this.getChildren().setStyles({'color':'#BBBBBB'});
	});
	academics.addEvent('click',function(){
		window.location = 'index.cfm?fuseaction=academics';	
	});
	//Faculty button
	faculty.addEvent('mouseover',function(){
		fadeOut[3].stop();
		fadeIn[3].start({'background-color':'#FFB500'})
		this.getChildren().setStyles({'color':'#000000'});
	});
	faculty.addEvent('mouseout',function(){
		fadeIn[3].stop();
		fadeOut[3].start({'background-color':'#FFFFFF'})
		this.getChildren().setStyles({'color':'#BBBBBB'});
	});
	faculty.addEvent('click',function(){
		window.location = 'index.cfm?fuseaction=faculty';	
	});
	
	research.addEvent('mouseover',function(){
		fadeOut[4].stop();
		fadeIn[4].start({'background-color':'#FFB500'})
		this.getChildren().setStyles({'color':'#000000'});
	});
	research.addEvent('mouseout',function(){
		fadeIn[4].stop();
		fadeOut[4].start({'background-color':'#FFFFFF'})
		this.getChildren().setStyles({'color':'#BBBBBB'});
	});
	research.addEvent('click',function(){
		window.location = 'index.cfm?fuseaction=research';	
	});
	
	assessment.addEvent('mouseover',function(){
		fadeOut[5].stop();
		fadeIn[5].start({'background-color':'#FFB500'})
		this.getChildren().setStyles({'color':'#000000'});
	});
	assessment.addEvent('mouseout',function(){
		fadeIn[5].stop();
		fadeOut[5].start({'background-color':'#FFFFFF'})
		this.getChildren().setStyles({'color':'#BBBBBB'});
	});
	assessment.addEvent('click',function(){
		window.location = 'index.cfm?fuseaction=assessment';	
	});
	
	courses.addEvent('mouseover',function(){
		fadeOut[6].stop();
		fadeIn[6].start({'background-color':'#FFB500'})
		this.getChildren().setStyles({'color':'#000000'});
	});
	courses.addEvent('mouseout',function(){
		fadeIn[6].stop();
		fadeOut[6].start({'background-color':'#FFFFFF'})
		this.getChildren().setStyles({'color':'#BBBBBB'});
	});
	courses.addEvent('click',function(){
		window.location = 'index.cfm?fuseaction=courses';	
	});
});