window.addEvent('domready', function() {




var trans = new Fx.Transition(Fx.Transitions.Cubic);
var mAbout = new Fx.Slide('menuAbout');
var mAdmission = new Fx.Slide('menuAdmission');
var navAbout = $('navAbout');
var navAdmission = $('navAdmission');
var mItems = $$('#menuAbout li a', '#menuAdmission li a');
var cPanes = $$('#contentContainer div.pgdeContent');
var courseList = $$('#courseList li a');
var courses = $$('#CourseOutline div.course');
	
var hidePanes = function(panes){
	panes.each(function(pane, i) {
		pane.setStyles({
			display: 'none',
			opacity: 0
		});
	});
};
var showPane = function(panes, i) {
	var div = panes[i].setStyles({
	  		display: 'block',
	  		opacity: 0
	    });
	new Fx.Style(div, 'opacity', {duration: 400} ).start(1);
};


/* Initialization Begins */
	mAdmission.hide();
	mAbout.slideIn();

	/* Hide all panes */
	hidePanes(cPanes);
	hidePanes(courses);
	/* Show the first pane */
	showPane(cPanes, 0);
	showPane(courses, 0);
/* Initialization Ends */






navAbout.addEvent('click', function(e){
  if (navAdmission.hasClass('selected')) navAdmission.removeClass('selected');
	navAbout.addClass('selected');
	
  e = new Event(e).stop();
  mAdmission.slideOut().chain(function(){
    mAbout.slideIn();
	});
});
 
navAdmission.addEvent('click', function(e){
  if (navAbout.hasClass('selected')) navAbout.removeClass('selected');
	navAdmission.addClass('selected');
	
	e = new Event(e).stop();
	mAbout.slideOut().chain(function(){
	 mAdmission.slideIn();
	});
});



mItems.each(function(mlink, i) {
	mlink.addEvent('click', function(e) {
		
		/* Apply style to selected item & Clear other menu items' selected style */
		mItems.each(function(mlink, i) { if (mlink.hasClass('selected')) mlink.removeClass('selected'); });
		mlink.addClass('selected');
					
		/* Apply hide/show event to each link */
		e = new Event(e).stop();
		/* Hide all panes */
	    hidePanes(cPanes);
		/* Fade in selected pane */
		showPane(cPanes, i);
	});
});



courseList.each(function(clink, i) {
	clink.addEvent('click', function(e) {
		
		/* Apply style to selected item & Clear other menu items' selected style */
		courseList.each(function(clink, i) { if (clink.hasClass('selected')) clink.removeClass('selected'); });
		clink.addClass('selected');
					
		/* Apply hide/show event to each link */
		e = new Event(e).stop();
		/* Hide all courses */
	    hidePanes(courses);
		/* Fade in selected pane */
		showPane(courses, i);
	});
});




});