var product_promo_box;
var y_offset = -10;
var x_offset = 20;
function onTipOver( e ) {
	
   var product_description = $(this).attr("desc");
   var product_title = $(this).attr("heading");
	var mouse_position = {x:e.pageX , y:e.pageY};
	createProductBox( product_description, product_title, mouse_position);
}

function onTipOut() {
   product_promo_box.remove();
}

function createProductBox( description , title , mouse_position ) {
	if( title == "" || title == undefined ) {
		
		$("body").append("<div id='product_promo_box'><div id='promo_body'>"+description+"</div></div>");
		$("#promo_body").css({backgroundColor:"#87876A"});
	}else{
		$("body").append("<div id='product_promo_box'><div id='header'>"+title+"</div><div id='promo_body'>"+description+"</div></div>");
	}
     product_promo_box = $("#product_promo_box");
	 product_promo_box.css({
		 opacity:0.0,
	 	top:(mouse_position.y  )+"px",
	    left:(mouse_position.x + x_offset )+"px"
	   
	 });
	product_promo_box.animate({
		opacity:1,
		top:(mouse_position.y + y_offset )+"px"
	}, 700 , "easeOutBack");
}


function onProductsLoaded() {
	$(".product_sweeps").mouseover( onTipOver );
	$(".product_sweeps").mouseout( onTipOut );
// $(".product_sweeps").hover( onTipOver , onTipOut );
}		

$(document).ready( onProductsLoaded );