/*
 USAGE
 
 <div class="divHover">...</div>

 $.divHover({"background-color":"#EFEFEF", "margin-left":"-45px"});
 
*/
(function($) {
	$.extend({
		divHover : function(configs){
			configs['background-color'] = configs['background-color'] || "#FFFFFF";
			configs['margin-left'] = configs['margin-left'] || 0;
			
			$('.divHover').each(function(){
				var he = $(this).height();
				$(this)
					.append("<div class='_divHover'><div class='__divHover' style='z-index:-1; display:none; position:relative;'></div></div>")
					.children("._divHover").css("margin-bottom","-"+he+"px").height(he)
					.children(".__divHover").css({'top':'-'+he+'px','background-color':configs["background-color"],'margin-left':configs["margin-left"]}).height(he)
				$(this).hover(function(){
					$(this).children("._divHover").children(".__divHover").fadeIn("fast");
				},function(){
					$(this).children("._divHover").children(".__divHover").fadeOut("fast");
				})
			});
		}
	});
})(jQuery);