(function($) {
	$.fn.customFadeIn = function(speed, callback) {
		$(this).fadeIn(speed, function() {
			if(jQuery.browser.msie)
				$(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
	$.fn.customFadeOut = function(speed, callback) {
		$(this).fadeOut(speed, function() {
			if(jQuery.browser.msie)
				$(this).get(0).style.removeAttribute('filter');
			if(callback != undefined)
				callback();
		});
	};
})(jQuery);



$(document).ready(function(){
						   
var p = $("p:last");
var sb = $("#mainCanvas");
var width = $("#mainCanvas").width();
var height = $("#mainCanvas").height();
var position = sb.position();
var containerRight = position.left + width;

	

	$("#mainCanvas li.menuLink").hoverIntent(function() {
			
		var divHeight = $('div:first', this).height();
		var divWidth = $('div:first', this).width();
		
		var mainLink = $(this);
		var linkPos = mainLink.position();
		
		var linkPosLeft = (linkPos.left);
		
		var linkPosTop = (linkPos.top + 29);
		
		var overLimit = (linkPosLeft + divWidth) - containerRight;
		
		if((linkPosLeft + divWidth) > containerRight){
			var linkPosLeft = (linkPosLeft - overLimit) - 10;
		}
		
		
		$('div:first', this).css({"left": linkPosLeft});
		
		$('div:first', this).css({"top": linkPosTop});
		

		$('div', this).slideDown(400);	
		
		$(this).addClass("tabBackground");
		
		$('div ul', this).css({"height": divHeight});

		
	}, function() {
		
		$('div', this).hide(50);

		$(this).removeClass("tabBackground");

		
	});


});