window.addEvent('domready', function(){
	/*
	 * Init drop down menus
	 */
	
	/* main menu hovers */
	$$('div#main_menu ul.menu li').each(function(el) {
		var elA = el.getFirst();
		var name = el.getProperty('id');

		var oriFxE = new Array(2);
		if(set == name) {
			oriFxE[0] = '#FFFFFF';
			oriFxE[1] = '#434448';
		} else {
			oriFxE[0] = '#222222';
			oriFxE[1] = '#FFFFFF';
		}

		/* styles when the page loads */
		var fxE = new Fx.Styles(elA, {duration:500, wait:false});
		el.addEvent('mouseenter', function(){
			fxE.start({
				'color': '#ffffff',
				'background-color': '#b4b4b4'
			});
		});

		el.addEvent('mouseleave', function(){
			fxE.start({
				'color': oriFxE[0],
				'background-color': oriFxE[1]
			});
		});
	});
	
	/* sub menu hovers */
	$$('div#main_menu ul.sub-menu li').each(function(el) {
		
		/* style when the page loads */
		var name = el.getProperty('id');
		
		var oriFxE = new Array(2);
		if(set_sub == name) {
			oriFxE[0] = 3;
			oriFxE[1] = 0;
		} else {
			oriFxE[0] = 0;
			oriFxE[1] = 3;
		}
		
		var fxE = new Fx.Styles(el, {duration:300, wait:false});
		var fxA = new Fx.Styles(el.getFirst(), {duration:300, wait:false});
		el.addEvent('mouseenter', function(){
			fxE.start({
				'border-width': 3 
			});
			fxA.start({
				'padding-top': 0
			});
		});
		
		el.addEvent('mouseleave', function(){
			fxE.start({
				'border-width': oriFxE[0]
			});
			fxA.start({
				'padding-top': oriFxE[1]
			});
		});
	});
	
	/* 
	 * Init any gallery items.  This allows for multiple gallery items on a page.
	 */
	$$('.gallery').each( function(el){
		new gallery(el, {
			timed: true,
			showArrows: false,
			showCarousel: false
			});
	});
		
	/* 
		Inits the HTML tooltips. See line 6 of mootools-release-1.11.js.
		Basic tooltips follow this form: <a href="#" title="A Title::Hello I'm some text">
	 */
	var htmlTips = new MooTips($$('.tooltip'), {
		showDelay: 200,
		hideDelay: 400,
		fixed: true
		
		/*,
		onShow: function(toolTip) {
			var fade = new Fx.Style(toolTip, 'opacity', {duration:700});
			fade.start(0,1);
			
		},
		onHide: function(toolTip) {
			var fade = new Fx.Style(toolTip, 'opacity', {duration:700});
			fade.start(1,0);
		}
		*/
	});
	
	//	Inits the drop down menu.
	$$('.drop').each( function(drop){
		var menuName = drop.getParent().id;
		var menuItem = $(menuName);
		
		var fx = new Fx.Styles(drop, {duration:700, wait:false});
		
		var enter = function(){
							fx.start({
								'height': 155,
								'opacity': .97
							});
						};
		var leave = function(){
							fx.start({
								'height': 0,
								'opacity': 0
							});
						};
		
		menuItem.addEvent('mouseenter', enter);
		drop.addEvent('mouseenter', enter);
	 
	 	menuItem.addEvent('mouseleave', leave);
		drop.addEvent('mouseleave', leave);
	});
});