/*
 * 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 Vince Angeloni (http://www.alienworx.com)
 * Modifications include support for input elements and non-AJAX content
 * 
 * Then modified some more by mN (http://www.madebymn.co.uk) to display
 * value of definition list, or whatever. 
 *
 * Use: 
 * Inlude this javascript file and tooltip.css into your document
 * In your HTML code set class="jTip" for the input element you wish to have a tooltip for
 * Set the ALT attribute to your description (this may also help in SEO)
 */

//on page load (as soon as its ready) call JT_init

// Preloader

$(window).bind('load', function(){
   var preload = [
   '/assets/images/tooltip/tt_top.png',
   '/assets/images/tooltip/tt_bg.png',
   '/assets/images/tooltip/tt_bottom.png',
   '/assets/htc/blank.gif',
   ];          
   $(document.createElement('img')).bind('load', function(){
    if(preload[0]) this.src = preload.shift();
   }).trigger('load');          
});

// The rest...

function JT_show(content,linkId){
	var title=" ";
	var de = document.documentElement;
	var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	var hasArea = w - getAbsoluteLeft(linkId);
//	var clickElementy = getAbsoluteTop(linkId) + 40; //set y position
	
	var queryString = content.replace(/^[^\?]+\??/,'');
	var params = parseQuery( queryString )
	
	if(params['width'] === undefined){params['width'] = 200};
	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'><div id='wrap'><img src='/assets/images/tooltip/tt_top.png' alt='#' /><div id='JT_copy'><div class='JT_loader'><p></p><div></div><div id='bottom'></div></div></div>");//right side
	//	var arrowOffset = (getElementWidth(linkId)/2);
	//	var clickElementx = getAbsoluteLeft(linkId) + arrowOffset;  //set x position
	}else{
		$("body").append("<div id='JT' ><div id='wrap'><div id='JT_arrow_right' style='left:"+((params['width']*1)+1)+"px'></div><div id='JT_copy'><div class='JT_loader'><div></div></div></div>");//left side
	//	var clickElementx = getAbsoluteLeft(linkId); //set x position
	}
	$().mousemove(function(e){	
	$('#JT').css({left: (e.pageX+-105)+"px", top: (e.pageY+5)+"px"}).queue (function(){
		$('#JT').show();
			$(this).dequeue();
		});
	//$("#status").html(e.pageX +', '+ e.pageY);
	});

	if(content.indexOf('ajax:') == 0) {
		$('#JT_copy').load(content.substring(5));
	}
	else {
		$('#JT_copy').append(content); // Instead of running AJAX and grabbing data from a URL we will just append the content from the ALT tag
	}
}


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.offset!=null) { // Parse the parent hierarchy up to the document element
		oParent = o.offset  // 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;
              }
}