/*Product specification tooltips*/

function showSpecificationTooltip(obj, title, message) {
    $(obj).qtip({
        overwrite: true,
        show: {
            event: 'mouseover',
            ready: true,
            solo: true
        },
        hide: { event: "unfocus" },

        content: {
            text: message,
            title: {
                text: title,
                button: true
            }
        },
        position: {
            my: 'left center', 
            at: 'right center' 
        },

        style: {
            classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-ceneo'
        }
    });

}
function showTooltipFromDiv(obj, title, divSelector, cornerPosition, timeout) {
    var position;
    if (typeof cornerPosition == "undefined") {
        position = { my: 'right center', at: 'left center' }; //default
    } else {
        position = cornerPosition;
    }
    var qtipAnchor = $(obj).qtip({
        overwrite: true,
        show: {
            event: 'click',
            ready: true, 
            solo: true
        },
        hide: { event: "unfocus" },
        content: {
            text: $(divSelector),
            title: {
                text: title,
                button: true
            }
        },
        position: position,

        style: {
            classes: 'ui-tooltip-shadow ui-tooltip-rounded ui-tooltip-ceneo'
        }
    });
    
    if (typeof timeout != "undefined") {
        setTimeout(function() { closeQTip(qtipAnchor) }, timeout);
    }
}
function closeQTip(qtipAnchor) {
    qtipAnchor.qtip("hide");
}
function showTooltipAjax(obj, title, url, cornerPosition) {
    var position;
    if (typeof cornerPosition == "undefined") {
        position = { my: 'right center', at: 'left center' }; 
    } else {
        position = cornerPosition;
    }
    var text = "";
    $.get(url, function(data) {
        text = data;
        showSpecificationTooltip(obj, title, text, cornerPosition);
    });
}