/*
 * JTip
 * By Cody Lindley (http://www.codylindley.com)
 * Under an Attribution, Share Alike License
 * JTip is built on top of the very light weight jquery library.
 */
//on page load (as soon as its ready) call JT_init
$(document).ready(JT_init);

function JT_init(){
    $("a.jTip").hover(function(){
        JT_show(this.href, this.id, this.name)
    }, function(){
        $('#JT').remove();
    }).click(function(){
        return false
    });
}

function JT_show(url, linkId, title){
    if (title == false) 
        title = "&nbsp;";
    var de = document.documentElement;
    var w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
    var hasArea = w - getAbsoluteLeft(linkId);
    var clickElementy = getAbsoluteTop(linkId) - 3; //set y position
    var queryString = url.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='JT' style='width:" + params['width'] * 1 + "px'><div id='JT_arrow_left'></div><div id='JT_close_left'>" + title + "</div><div id='JT_copy'><div class='JT_loader'><div></div></div>");//right side
        var arrowOffset = getElementWidth(linkId) + 11;
        var clickElementx = getAbsoluteLeft(linkId) + arrowOffset; //set x position
    }
    else {
        $("body").append("<div id='JT' style='width:" + params['width'] * 1 + "px'><div id='JT_arrow_right' style='left:" + ((params['width'] * 1) + 1) + "px'></div><div id='JT_close_right'>" + title + "</div><div id='JT_copy'><div class='JT_loader'><div></div></div>");//left side
        var clickElementx = getAbsoluteLeft(linkId) - ((params['width'] * 1) + 15); //set x position
    }
    
    $('#JT').css({
        left: clickElementx + "px",
        top: clickElementy + "px"
    });
    $('#JT').show();
    $('#JT_copy').load(url);
    
}

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){
    offset = $("#" + objectId).offset({
        scroll: true
    });
    return offset.top;
}

/*
 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;
    }
}

