onMenuOver = function()
{
	var sub = $(this).find('.sub');
	
	if (sub.length == 0) {
		return;
	}
	
	$(this).addClass('active2');
	
	// Hide all other submenus before opening this one		
	$('#menu-top').find('.sub').hide();
	
	// Fade in
	sub.stop().fadeTo(100, 1).show();
	
	userAgent = $.browser.version;
	userAgent = userAgent.substring(0, userAgent.indexOf('.'));
	version   = userAgent;
	
	if ($.browser.msie && version < 8) {
		// Reposition the submenu width after a little timeout (IE < 8 fix)
		setTimeout(function() {
			moveSub(sub);
		}, 50);
	} else {
		moveSub(sub);
	}
}

moveSub = function(sub)
{
	var menu_width = $('#menu-top').width();
	var item_left  = sub.parent().position().left || 0;
	var item_width = sub.parent().width();
	var sub_width  = sub.width();
	
	// Positioning the submenu
	if (item_left + sub_width > menu_width)
	{
		
		// Submenu position would overflow the container; Recalculate 
		// the new submenu and submenu arrow positions
		//var diff       = (item_left + sub_width) - menu_width;
		//var arrow_left = 15; // css 'left' value
		
		//sub.find('.arrow').css('left', diff + arrow_left);
		sub.css('left', item_left - sub_width + item_width);
	} 
	else 
	{
		sub.css('left', item_left);
	}
}

onMenuOut = function()
{
	$(this).removeClass('active2');
	Cufon.set('fontFamily', 'Calibri-Bold');
	Cufon.replace('#menu-top > li > a:not(".home")', {hover: true});
	
	var sub = $(this).find(".sub");
	
	// Fade out
	sub.stop().fadeTo(10, 0, function() {
		$(this).hide(); 
	});
}