$(document).ready(initToolTip);
function initToolTip() {
    $("a.tooltip")
		   .hover(function()
		   { show_TootlTip(this.rel, this.href, this.id, this.title) }, function() { $('#toolTipPop').remove() })
           .click(function() { return false });
}
function show_TootlTip(rel, href, linkId, title) {
    if (title == false) title = " ";
    var de = document.documentElement;
    var w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
    var hasArea = w - getAbsoluteLeft(linkId);
    var clickElementy = getAbsoluteTop(linkId); //set y position

    var queryString = href.replace(/^[^\?]+\??/, '');
    var params = parseQuery(queryString);
    if (params['width'] === undefined) { params['width'] = 250 };
    if (params['link'] !== undefined) {
        $('#' + linkId).bind('click', function() { window.location = params['link'] });
        $('#' + linkId).css('cursor', 'pointer');
    }

    if (hasArea > ((params['width'] * 1) + 75)) {
        $("body").append("<div id='toolTipPop' style='width:" + params['width'] * 1 + "px'><div id='toolTipArrowLeft'></div><div id='toolTipCloseLeft'>" + title + "</div><div id='toolTipBody'><div id='loader' class='toolTipBodyLoader'><div></div></div>"); //right side
        var arrowOffset = getElementWidth(linkId) + 11;
        var clickElementx = getAbsoluteLeft(linkId) + arrowOffset; //set x position
    } else {
        $("body").append("<div id='toolTipPop' style='width:" + params['width'] * 1 + "px'><div id='toolTipArrowRight' style='left:" + ((params['width'] * 1) + 1) + "px'></div><div id='toolTipCloseRight'>" + title + "</div><div id='toolTipBody'><div id='loader' class='toolTipBodyLoader'><div></div></div>"); //left side
        var clickElementx = getAbsoluteLeft(linkId) - ((params['width'] * 1) + 15); //set x position
    }

    $('#toolTipPop').css({ left: clickElementx + "px", top: clickElementy + "px" });
    $('#toolTipPop').show();
    if (params['link'] !== undefined) {
        $('#toolTipBody').load(url);
    }
    else {
        $('#loader').hide();
        $('#toolTipBody').append("<p>" + rel + "</p>");
    }
}
function getElementWidth(objectId) {
    x = document.getElementById(objectId);
    return x.offsetWidth;
}

function getAbsoluteLeft(objectId) {
    // Get an object left position from the upper left viewport corner
    o = document.getElementById(objectId)
    oLeft = o.offsetLeft            // Get left position from the parent object
    while (o.offsetParent != null) {   // Parse the parent hierarchy up to the document element
        oParent = o.offsetParent    // Get parent object reference
        oLeft += oParent.offsetLeft // Add parent left position
        o = oParent
    }
    return oLeft
}

function getAbsoluteTop(objectId) {
    // Get an object top position from the upper left viewport corner
    o = document.getElementById(objectId)
    oTop = o.offsetTop            // Get top position from the parent object
    while (o.offsetParent != null) { // Parse the parent hierarchy up to the document element
        oParent = o.offsetParent  // Get parent object reference
        oTop += oParent.offsetTop // Add parent top position
        o = oParent
    }
    return oTop
}

function parseQuery(query) {
    var Params = new Object();
    if (!query) return Params; // return empty object
    var Pairs = query.split(/[;&]/);
    for (var i = 0; i < Pairs.length; i++) {
        var KeyVal = Pairs[i].split('=');
        if (!KeyVal || KeyVal.length != 2) continue;
        var key = unescape(KeyVal[0]);
        var val = unescape(KeyVal[1]);
        val = val.replace(/\+/g, ' ');
        Params[key] = val;
    }
    return Params;
}

function blockEvents(evt) {
    if (evt.target) {
        evt.preventDefault();
    } else {
        evt.returnValue = false;
    }
}