﻿/*
 * 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);
var globalActiveInterval = null;
var globalActiveIntervalPause = 250;

function JT_init(){
	       $("a.jTip")
		   .hover(function(){JT_show(this.href,this.id)},function(){JT_remove('set')})
           .click(function(){return false});  
}

function JT_show(url,linkId){
	url = url + '&isNoBot=1'; // Flag zum unterscheiden, ob Suchmaschine oder nicht
	JT_remove('remove');
	var title = $("#"+linkId).text();
	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
	}
	*/
	
	if(hasArea>((params['width']*1)+75)){
		$("body").append(	"<div id='JT' style='width:" + params['width']*1 + "px'><table>" + 
							"<thead><tr><td id='JT_arrow_left'><div></div></td><td class='JT_right'><div id='JT_title'>" + title + "</div></td></tr></thead>" + 
							"<tfoot><tr><td class='JT_left'>&nbsp;</td><td class='JT_right'>&nbsp;</td></tr></tfoot>" + 
							"<tbody><tr><td class='JT_left'></td><td class='JT_right'><div id='JT_body'><div class='JT_loader'></div></div></td></tr></tbody>" + 
							"</table></div>");
		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'><table>" + 
							"<thead><tr><td class='JT_left'><div id='JT_title'>" + title + "</div></td><td id='JT_arrow_right'><div></div></td></tr></thead>" + 
							"<tfoot><tr><td class='JT_left'>&nbsp;</td><td class='JT_right'>&nbsp;</td></tr></tfoot>" + 
							"<tbody><tr><td class='JT_left'><div id='JT_body'><div class='JT_loader'></div></div></td><td class='JT_right'></td></tr></tbody>" + 
							"</table></div>");
		var clickElementx = getAbsoluteLeft(linkId) - ((params['width']*1) - 5); //set x position
	}
	
	$('#JT').css({left: (clickElementx*1 - 13)+"px", top: (clickElementy*1 - 8) +"px"});
	$('#JT').show();
	$('#JT').hover(function(){JT_remove('clear')},function(){JT_remove('remove')});
	$('#JT_body').load(url);
	
	/* IE PNG_Fix */
	if( $.browser.msie && $.browser.version < 7 ){
		JT_replaceBgImage($('thead td.JT_left, thead td.JT_right'));
		JT_replaceBgImage($('tfoot td.JT_left, tfoot td.JT_right'));
		JT_replaceBgImage($('tbody td.JT_left, tbody td.JT_right'));
		JT_replaceBgImage($('#JT_arrow_left, #JT_arrow_right'));
	}
	/* IE PNG_Fix */
}


function JT_replaceBgImage( objects ) {
	objects.each(function() {
							var $$ = $(objects);
							var image = $$.css('backgroundImage');
							if (image.match(/^url\(["']?(.*\.png([?].*)?)["']?\)$/i)) {
								image = RegExp.$1;
								image = image.replace(/.png/g, ".gif");
								$$.css({backgroundImage:"url("+image+")"});
							}
						});
	return true;
}


function JT_remove(actionInterval, pause){
	switch(actionInterval){
		case 'set':
			if(isNaN(pause)){ pause = globalActiveIntervalPause; }
			globalActiveInterval = window.setInterval("$('#JT').remove()", pause);
			return true;
		break;
		case 'clear':
			window.clearInterval(globalActiveInterval);
			globalActiveInterval = null;
			return true;
		case 'remove':
			window.clearInterval(globalActiveInterval);
			globalActiveInterval = null;
			$('#JT').remove();
			return true;
		break;
	}
}


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;
              }
}