window.addEvent('domready', function(e) {
	
	$$('body').addClass('js');
	
	if (Browser.Engine.trident) {
		if (Browser.Engine.version <= 4) {
			$$('ul#menu li').addEvent('mouseenter', function() {this.addClass('hover');});
			$$('ul#menu li').addEvent('mouseleave', function() {this.removeClass('hover');});
		}
	}

	var menulists = $$('ul#menu ul');
	var menufx = new Fx.Elements(menulists, {
		'link': 'cancel',
		'duration': 500,
		transition: Fx.Transitions.Sine.easeOut
	});
	openmenu = function(e, idx) {
		var obj = {};
		menulists.each(function(el, i) {
			if (i == idx) {
				obj[i] = {
					'height': el.getScrollSize().y
				};
			} else {
				obj[i] = {
					'height': 0
				};
			}
		});
		menufx.start(obj);
	}
	var ulcounter = 0;
	$('menu').getChildren('li').each(function(li) {
		var childul = li.getElement('ul');
		if (childul) {
			childul.setStyles({
				'overflow': 'hidden',
				'height': '0'
			});
			li.addEvent('mouseenter', openmenu.bindWithEvent(childul, ulcounter));
			ulcounter++;
		} else {
			li.addEvent('mouseenter', openmenu.bindWithEvent(childul, -1));
		}
	});
	$('menu').addEvent('mouseleave', openmenu.bindWithEvent($('menu'), -1));
	
	var customTips = $$('.tooltip');
	var toolTips = new Tips(customTips, {
		showDelay: 400,    //default is 100
		hideDelay: 100,   //default is 100
		className: 'anything', //default is null
		offsets: {
			'x': 16,       //default is 16
			'y': 16        //default is 16
		},
		fixed: false,      //default is false
		onShow: function(toolTipElement){
		    toolTipElement.fade(.9);
		},
		onHide: function(toolTipElement){
    		toolTipElement.fade(0);
		}
	});
});