/*
 * 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(
	function(){
	   $("a.jTip").toggle(	function(){
	   							JT_show(this); 
	   							return false;
	   						},
	   						function(){
	   							$('#JT').remove();
	   							$(this).toggleClass('jTipActive');
	   							return false;
	   						});	   
});

function JT_show(thisObj){
	var de = document.documentElement;
	var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	$('#JT').remove(); 
	$('a.jTip').removeClass('jTipActive');
	var hasArea = w - $(thisObj).offset().left-15;
	var clickElementy = $(thisObj).offset().top+7 ; //set y position
	$(thisObj).addClass('jTipActive');
	var width = 350;
	
	if(hasArea>(width+200)){
		//right side
		$("body").append("<div id='JT' style='width:"+width+"px'><div class='question_mark_left'></div><div id='JT_close_right'></div><div id='JT_copy'><div class='JT_loader'><div></div></div>");
		var arrowOffset = $(thisObj).width() ;
		var clickElementx = $(thisObj).offset().left + arrowOffset; //set x position
		$('.question_mark_left').click(function(){$('#JT').remove(); $("a.jTip").removeClass('jTipActive')});
		$('#JT_close_right').click(function(){$(thisObj).click();})
	}else{
		//left side
		$("body").append("<div id='JT' style='width:"+width+"px'><div class='question_mark_right'></div><div id='JT_close_left'></div><div id='JT_copy'><div class='JT_loader'><div></div></div>");
		var clickElementx = $(thisObj).offset().left - (width  -7); //set x position
		$('.question_mark_right').click(function(){$('#JT').remove(); $("a.jTip").removeClass('jTipActive')});
		$('#JT_close_left').click(function(){$(thisObj).click();})	
	}
	
	$('#JT').css({left: clickElementx+"px", top: clickElementy+"px"});
	$('#JT').fadeIn(200);
	$('#JT_copy').load(thisObj.rel).fadeIn(500);

}