﻿window.addEvent('domready', function() {
	$$(".navItem").addEvent('mouseleave', function() {
		if(this.getElements(".menuItems").length != 0)
			closeMenu(this.getElements(".menuItems")[0], this.getElements(".menuItemsContainer")[0]);
	});
	
	$$(".navigation h3").addEvent('click', function(event) {
		if(event.target.tagName.toLowerCase() != "embed")
			toggleMenu(this.getNext().id);
		//alert(event.target.tagName);
	});
	
	$$(".navItem").addEvent('mouseenter', function(event) {
		openMenu(this.getFirst().getNext().getElements(".menuItems")[0], this.getFirst().getNext());
	});

});

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) {
    
    //$(where).innerHTML ="<div style='height:500px;'><p style='text-align : center;'><img src='/Lib/Images/ajax-loader.gif'></p></div>";
	$("ajaxLoading").setStyle('visibility', 'visible');

    new Request.HTML({url: what, 

        onSuccess: function(html) {

                $(where).set('text', '');

                $(where).adopt(html);
                
                $("ajaxLoading").setStyle('visibility', 'hidden');
        },

        onFailure: function() {

                $(where).set('text', 'Page could not load.  Please try clicking on the link again.');
                
                $("ajaxLoading").setStyle('visibility', 'hidden');

        }

    }).send();
    }
   
    
    
    
    