$(document).ready(function() { 
    $(".MGTooltip").each(function(){
    	var target = $(this);
    	target.hide();
    	var position = target.attr("mg:position") || "top center";
    	var offset = target.attr("mg:offset") ? target.attr("mg:offset").split(",") : ["0","0"];
    	offset = [parseInt(offset[1]), parseInt(offset[0])]; // jQuery tooltip uses [y,x]. WTF?
    	var delay = target.attr("mg:delay") || 0;
    	var effect = target.attr("mg:effect") || "toggle";
    	target.prev().tooltip({position: position, offset: offset, predelay: delay, effect: effect});
    });
    
    var formTooltip = document.createElement("div");
    formTooltip.id = "MGInputTooltip";
    $(formTooltip).hide();
    document.body.appendChild(formTooltip);
    
    $("form.MGTooltipForm").each(function(){
    	var target = $(this);
    	var position = target.attr("mg:position") || "center right";
    	var offset = target.attr("mg:offset") ? target.attr("mg:offset").split(",") : ["0","0"];
    	offset = [parseInt(offset[1]), parseInt(offset[0])]; // jQuery tooltip uses [y,x]. WTF?
    	var delay = target.attr("mg:delay") || 0;
    	var effect = target.attr("mg:effect") || "toggle";
    	
    	$(":input", this).tooltip({tip: "#MGInputTooltip", position: position, offset: offset, predelay: delay, effect: effect});
    });
});