﻿/*
* 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.
*
* MODIFIED BY: Simeon Albertson, Cordovan Digital AB
*
*/

function JT_show(url, linkObj, title, boxClass, fnLoadContentCallback, isGenericMessage) {
    if (title == false) title = "&nbsp;";
    var de = document.documentElement;
    var w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
    var hasArea = w - getAbsoluteLeft(linkObj);
    var clickElementy = getAbsoluteTop(linkObj) - 15; //set y position
    var genericMessageYposition = getYCenter(600);

    var queryString = url.replace(/^[^\?]+\??/, '');
    var params = parseQuery(queryString);
    if (params['width'] === undefined) { params['width'] = 250 };

    if (isGenericMessage) {
        var bc = (boxClass === undefined) ? '' : ' class="' + boxClass + '"';
        $("body").append("<div id='JT'" + bc + "><div class='JT_top'><!-- --></div><div id='JT_close_left'>" + title + "</div><div class='JT_body' id='JT_copy'><div class='JT_loader'><div></div></div></div><div class='JT_bottom_generic'><!-- --></div></div>"); //no side
        var arrowOffset = getElementWidth(linkObj) + 11;
        var clickElementx = getAbsoluteLeft(linkObj) + arrowOffset; //set x position
    } else if (hasArea > ((params['width'] * 1) + 355)) {
        var bc = (boxClass === undefined) ? '' : ' class="' + boxClass + '"';
        $("body").append("<div id='JT'" + bc + "><div class='JT_top'><!-- --></div><div id='JT_close_left'>" + title + "</div><div class='JT_body' id='JT_copy'><div class='JT_loader'><div></div></div></div><div class='JT_bottom'><!-- --></div></div>"); //right side
        var arrowOffset = getElementWidth(linkObj) + 11;
        var clickElementx = getAbsoluteLeft(linkObj) + arrowOffset; //set x position
    } else {
        $("body").append("<div id='JT' class='JT_right'><div class='JT_top'><!-- --></div><div id='JT_close_left'>" + title + "</div><div class='JT_body' id='JT_copy'><div class='JT_loader'><div></div></div></div><div class='JT_bottom'><!-- --></div></div>"); //left side
        var clickElementx = getAbsoluteLeft(linkObj) - ((params['width'] * 1) + 80); //set x position
    }

    clickElementyTemp = clickElementy;
    $('#JT_copy').load(url, null, function() {
        var tooltipHeight = $('#JT_copy').height();
        clickElementyTemp = (clickElementyTemp - tooltipHeight - 64);


        if (isGenericMessage) {
            clickElementx = getXCenter(390);
            clickElementyTemp = genericMessageYposition;
        }
        if (clickElementx < 0) clickElementx = 0; if (clickElementyTemp < 0) clickElementyTemp = 0;

        $('#JT').css({ left: clickElementx + "px", top: clickElementyTemp + "px" });
        fnLoadContentCallback();
    });

    clickElementy -= (getElementHeight('JT_copy') + 47);

    if (isGenericMessage) {
        clickElementx = getXCenter(390);
        clickElementyTemp = genericMessageYposition;
    }

    if (clickElementx < 0) clickElementx = 0; if (clickElementy < 0) clickElementy = 0;
    $('#JT').css({ left: clickElementx + "px", top: clickElementy + "px" });

    $('#JT').fadeIn();
}

function getElementWidth(obj) {
    return obj.offsetWidth;
}

function getElementHeight(objectId) {
    x = document.getElementById(objectId);
    var height = x.scrollHeight;
    return height;
}

function getAbsoluteLeft(obj) {
    // Get an object left position from the upper left viewport corner
    oLeft = obj.offsetLeft;             // Get left position from the parent object
    while (obj.offsetParent != null) {   // Parse the parent hierarchy up to the document element
        oParent = obj.offsetParent;     // Get parent object reference
        oLeft += oParent.offsetLeft;  // Add parent left position
        obj = oParent;
    }
    return oLeft - 10;
}

function getAbsoluteTop(obj) {
    // Get an object top position from the upper left viewport corner
    oTop = obj.offsetTop;             // Get top position from the parent object
    while (obj.offsetParent != null) { // Parse the parent hierarchy up to the document element
        oParent = obj.offsetParent;   // Get parent object reference
        oTop += oParent.offsetTop;  // Add parent top position
        obj = oParent;
    }
    return oTop + 20;
}

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;
    }
}


function getXCenter(Xwidth) {

    // First, determine how much the visitor has scrolled
    var scrolledX, scrolledY;
    if (self.pageYOffset) {
        scrolledX = self.pageXOffset;
        scrolledY = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {
        scrolledX = document.documentElement.scrollLeft;
        scrolledY = document.documentElement.scrollTop;
    } else if (document.body) {
        scrolledX = document.body.scrollLeft;
        scrolledY = document.body.scrollTop;
    }

    // Next, determine the coordinates of the center of browser's window
    var centerX, centerY;
    if (self.innerHeight) {
        centerX = self.innerWidth;
        centerY = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        centerX = document.documentElement.clientWidth;
        centerY = document.documentElement.clientHeight;
    } else if (document.body) {
        centerX = document.body.clientWidth;
        centerY = document.body.clientHeight;
    }

    // Xwidth is the width of the div, Yheight is the height of the
    // div passed as arguments to the function:
    var leftOffset = scrolledX + (centerX - Xwidth) / 2;

    return leftOffset;
}

function getYCenter(Yheight) {

    // First, determine how much the visitor has scrolled
    var scrolledX, scrolledY;
    if (self.pageYOffset) {
        scrolledX = self.pageXOffset;
        scrolledY = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {
        scrolledX = document.documentElement.scrollLeft;
        scrolledY = document.documentElement.scrollTop;
    } else if (document.body) {
        scrolledX = document.body.scrollLeft;
        scrolledY = document.body.scrollTop;
    }

    // Next, determine the coordinates of the center of browser's window
    var centerX, centerY;
    if (self.innerHeight) {
        centerX = self.innerWidth;
        centerY = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        centerX = document.documentElement.clientWidth;
        centerY = document.documentElement.clientHeight;
    } else if (document.body) {
        centerX = document.body.clientWidth;
        centerY = document.body.clientHeight;
    }

    // Xwidth is the width of the div, Yheight is the height of the
    // div passed as arguments to the function:
    var topOffset = scrolledY + (centerY - Yheight) / 2;

    return topOffset;
}
