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 strandList = $$('#strandList li a');
var fields = $$('#Fields div.strandFields');
	
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);
};



var accordion = function() {
	var list = $$('#fieldList li div.collapse');
	var headings = $$('#fieldList li strong');
	var collapsibles = new Array();
	var spans = new Array();
	
	headings.each( function(heading, i) {

		var collapsible = new Fx.Slide(list[i], { 
			duration: 500, 
			transition: Fx.Transitions.quadIn
		});
		
		collapsibles[i] = collapsible;
		spans[i] = $E('span', heading);
		
		heading.onclick = function(){
			var span = $E('span', heading);

			heading.addClass('opened');
			if(span){
				var newHTML = span.innerHTML == '+' ? '-' : '+';
				span.setHTML(newHTML);
			}
			
			for(var j = 0; j < collapsibles.length; j++){
				if(j!=i) {
					collapsibles[j].slideOut();
					headings[j].removeClass('opened');
					if (spans[j]) spans[j].setHTML('+');
				}
			}
			
			
			collapsible.toggle();
			
			return false;
		}
		
		collapsible.hide();
		
	});
};


/* Initialization Begins */
	mAdmission.hide();
	mAbout.slideIn();

	/* Hide all panes */
	hidePanes(cPanes);
	hidePanes(fields);
	/* Show the first pane */
	showPane(cPanes, 0);
	showPane(fields, 0);
	
	accordion();
/* 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);
	});
});



strandList.each(function(clink, i) {
	clink.addEvent('click', function(e) {
		
		/* Apply style to selected item & Clear other menu items' selected style */
		strandList.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(fields);
		/* Fade in selected pane */
		showPane(fields, i);
	});
});















});