$(document).ready(function(){
	jQuery.noConflict();
	
	//jQuery("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

	jQuery("ul.topnav li h3").hover(function() { //When trigger is clicked...

		//Following events are applied to the subnav itself (moving subnav up and down)
		jQuery(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		jQuery(this).parent().hover(function() {
		}, function(){
			jQuery(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			jQuery(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			jQuery(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});

});


function DisplayMainContent() {
    var mainTop = new Fx.Morph('mainTop', {duration: 1500, transition: Fx.Transitions.Sine.easeOut});
    var mainBottom = new Fx.Morph('mainBottom', {duration: 1500, transition: Fx.Transitions.Sine.easeOut});

    mainTop.start({
        'height': [0, 50],
        'width': [0, 858], 
        'margin-left':[858,0]
    });

    mainBottom.start({
       'height': [0, 330],
        'width': [0, 858],
        'opacity':[0,.9]
    });
    
    var FadeIn = function(){ this.fade(1); }; 
    var FadeOut = function(){ this.fade(0); }; 
    var mainLeft = $('mainLeft');
    var mainRight = $('mainRight');

    FadeIn.delay(1000,mainLeft);
    FadeIn.delay(1000,mainRight);
    
    /* TWEENING */
	var mainLeft = $('mainLeft');
    mainLeft.set('tween', {duration: '1000'}); 
    mainLeft.setStyle('opacity', 0);
    
    var mainRight = $('mainRight');
    mainRight.set('tween', {duration: '1000'}); 
    mainRight.setStyle('opacity', 0);
	/* TWEENING */
}

function toggleMenu(menuId) {
	var container = $(menuId);
	var items = container.getElements(".menuItems")[0];
	
	var itemsFx = new Fx.Tween(items);
	var containerFx = new Fx.Tween(container);
	
	if(container.getStyle("height") == "0px") {
		openMenu(items, container);
	} else {
		closeMenu(items, container);
	}
}

function openMenu(items, container) {
	if(items.retrieve('fx'))
		if(items.retrieve('fx').timer)
			return;
	
	if(container.retrieve('fx'))
		if(container.retrieve('fx').timer)
			return;

	var itemsFx = new Fx.Tween(items);
	items.store('fx', itemsFx);
	var containerFx = new Fx.Tween(container);
	container.store('fx', containerFx);
	
	items.setStyle("marginTop", -items.getSize().y - 15);
	itemsFx.start("marginTop", 0);
	containerFx.start("height", items.getSize().y);
	
	
}

function closeMenu(items, container) {
	if(items.retrieve('fx'))
		items.retrieve('fx').cancel();
	if(container.retrieve('fx'))
		container.retrieve('fx').cancel();
	
	if(container.getStyle('height').toInt() == 0)
		return;

	var itemsFx = new Fx.Tween(items);
	items.store('fx', itemsFx);
	var containerFx = new Fx.Tween(container);
	container.store('fx', containerFx);
	
	itemsFx.start("marginTop", -items.getSize().y - 15);
	containerFx.start("height", 0);
}

function loadInnerContent(what, where) {
    
	jQuery("#ajaxLoading").css({ visibility: 'visible' });

    jQuery.ajax({url: what, 

        success: function(data) {

                jQuery(where).html(data);
                
                jQuery("#ajaxLoading").css({ visibility: 'hidden' });
        },

        failure: function() {

                jQuery(where).html('Page could not load.  Please try clicking on the link again.');
                
                jQuery("#ajaxLoading").css({ visibility: 'hidden' });

        }

    });
}