// Set imageurl to the path where the nubbin.png image is located

var imageurl = "";

$(document).ready(function(){
			
	var mouseX = 0;
	var mouseY = 0;
	$().mousemove( function(e) {
		mouseX = e.pageX; 
		mouseY = e.pageY;
	});
	 
	$(".jttip").hover(
		function () {
			id = $(this).attr('id');
			
			split = id.split('-', 2)
			number = split[1];
			
			clearTimeout(window['ta' + number]);
			$('#'+id).show();


		}, 
		function () {
			
			id = $(this).attr('id');
			$('#'+id).fadeOut('fast');
			
		}
	);
	
	$(".jttip").each(function (i) {
		var prepend$$i = 1;
		i++;
		
		var sObjId = $(this).attr('id');
		var aObjId = sObjId.split('-');
		var iObjId = aObjId[1];
		
		var i = iObjId;
		
		$("#jttrigger-"+i).hover(
	      function () {
			var imgSource=$("#jttrigger-"+i+" img").attr("src");
			var newSource=imgSource.replace(/0/g,'1');
			imgSource=$("#jttrigger-"+i+" img").attr("src", newSource);
			
			if(prepend$$i == 0)
			{
				$("#jttip-"+i).prepend('');
				prepend$$i = "done";
			}
			
			var triggerPos = $("#jttrigger-"+i).position();
			var jttipPos = $("#jttip-"+i).position();
			var triggerHeight = $("#jttrigger-"+i).outerHeight();
			var triggerWidth = $("#jttrigger-"+i).outerWidth();
			
	      	var jttipWidth = $("#jttip-"+i).outerWidth();
	      	
	      	var offsetX = triggerWidth-jttipWidth;
			
			var offsetTrigger = $("#jttrigger-"+i).offset()
			
	      	//$("#jttip-"+i).css('top',triggerPos.top+triggerHeight);
			var docHeight = $(document).height();
			var docWidth = $(window).width();
			
			if( (docHeight-offsetTrigger.top) > 375){
				$("#jttip-"+i).css('top',offsetTrigger.top+(triggerHeight/2)-65);
				var arrowOnY = "_top";
			}else{
				$("#jttip-"+i).css('top',offsetTrigger.top+(triggerHeight/2)-345);
				var arrowOnY = "_bottom";
			}
			
			if( (docWidth-offsetTrigger.left) > 445){
				$("#jttip-"+i).css('left',offsetTrigger.left+triggerWidth);
				var arrowOnX = "_left";
			}else{
				$("#jttip-"+i).css('left',offsetTrigger.left-445);
				var arrowOnX = "_right";
			}
			$("#jttip-"+i+" .jttipcontent").css("");
			

			/*if(offsetX > 0)
	      	{
	      		$("#jttip-"+i).css('left',triggerPos.left-(offsetX/2));
	      	}
	      	else
	      	{
	      		$("#jttip-"+i).css('left',triggerPos.left+(offsetX/2));
	      	}*/
	      	
			
			
	      	window['t' + i] = setTimeout(function() { $("#jttip-"+i).fadeIn('fast'); },300);
	        
	      }, 
	      function () {
				
				clearTimeout(window['t' + i]);

				if($("#jttip-"+i).css("display") == 'block')
				{
					window['ta' + i] = setTimeout(function() { $("#jttip-"+i).fadeOut('fast'); },300);

				}

				var imgSource = $("#jttrigger-"+i+" img").attr("src");
				var newSource = imgSource.replace(/1/g,'0');
				imgSource = $("#jttrigger-"+i+" img").attr("src", newSource);
	      });
	      
		});
	
});