//Tooltips v0.2 (SmartRedFox.com)
//Create the tooltips
//Change .module_buttons to the container for your buttons - you can have as many as you like on a page.

$(document).ready(function(){

//EDIT THIS:
//Edit this to match what you want to trigger the tooltip
var buttons = $('.module_buttons a');

$(buttons).append('<em class="popup"></em>');
$(buttons).addClass('trigger');

//Populate them with the title from the hyperlink
$(function () {
$(buttons).each(function() {
	var hoverText = $(this).attr('title');
	$(this).find('em').text(hoverText);
	// options
	var distance = 10;
	var time = 250;
	var hideDelay = 100;
	var hideDelayTimer = null;
	var trigger = $(this);
	var popup = $('.popup',this).css('opacity', 0);

	// set the mouseover and mouseout on both element
	$([trigger.get(0), popup.get(0)]).mouseover(function () {
	
		// stops the hide event if we move from the trigger to the popup element
		if (hideDelayTimer) clearTimeout(hideDelayTimer);
	
		// don't trigger the animation again if we're being shown, or already visible
		if (popup.is(':animated,:visible')) {
			return;
		} else {
			beingShown = true;
			// reset position of popup box
			popup.css({
			top: -93,
			left: 0,
			display: 'block' // brings the popup back in to view
			})

			// (we're using chaining on the popup) now animate it's opacity and position
			.animate({
				top: '-=' + distance + 'px',
				opacity: 1
				}, time, 'swing', function() {
			});
		}
	}).mouseout(function () {
	
	// reset the timer if we get fired again - avoids double animations
	if (hideDelayTimer) clearTimeout(hideDelayTimer);

	// store the timer so that it can be cleared in the mouseover if required
	hideDelayTimer = setTimeout(function () {
		hideDelayTimer = null;
		popup.animate({
		top: '-=' + distance + 'px',
		opacity: 0
		}, time, 'swing', function () {

		// hide the popup entirely after the effect (opacity alone doesn't do the job)
			popup.css('display', 'none');
			});
		}, hideDelay);
		});
	});
});
});
//end



$(document).ready(function(){

//EDIT THIS:
//Edit this to match what you want to trigger the tooltip
var buttons = $('.module_buttons2 a');

$(buttons).append('<em class="popup"></em>');
$(buttons).addClass('trigger');

//Populate them with the title from the hyperlink
$(function () {
$(buttons).each(function() {
	var hoverText = $(this).attr('title');
	$(this).find('em').text(hoverText);
	// options
	var distance = 10;
	var time = 250;
	var hideDelay = 100;
	var hideDelayTimer = null;
	var trigger = $(this);
	var popup = $('.popup',this).css('opacity', 0);

	// set the mouseover and mouseout on both element
	$([trigger.get(0), popup.get(0)]).mouseover(function () {
	
		// stops the hide event if we move from the trigger to the popup element
		if (hideDelayTimer) clearTimeout(hideDelayTimer);
	
		// don't trigger the animation again if we're being shown, or already visible
		if (popup.is(':animated,:visible')) {
			return;
		} else {
			beingShown = true;
			// reset position of popup box
			popup.css({
			top: -103,
			left: -86,
			display: 'block' // brings the popup back in to view
			})

			// (we're using chaining on the popup) now animate it's opacity and position
			.animate({
				top: '-=' + distance + 'px',
				opacity: 1
				}, time, 'swing', function() {
			});
		}
	}).mouseout(function () {
	
	// reset the timer if we get fired again - avoids double animations
	if (hideDelayTimer) clearTimeout(hideDelayTimer);

	// store the timer so that it can be cleared in the mouseover if required
	hideDelayTimer = setTimeout(function () {
		hideDelayTimer = null;
		popup.animate({
		top: '-=' + distance + 'px',
		opacity: 0
		}, time, 'swing', function () {

		// hide the popup entirely after the effect (opacity alone doesn't do the job)
			popup.css('display', 'none');
			});
		}, hideDelay);
		});
	});
});
});
//end



$(document).ready(function(){

//EDIT THIS:
//Edit this to match what you want to trigger the tooltip
var buttons = $('.module_buttons3 a');

$(buttons).append('<em class="popup"></em>');
$(buttons).addClass('trigger');

//Populate them with the title from the hyperlink
$(function () {
$(buttons).each(function() {
	var hoverText = $(this).attr('title');
	$(this).find('em').text(hoverText);
	// options
	var distance = 10;
	var time = 250;
	var hideDelay = 100;
	var hideDelayTimer = null;
	var trigger = $(this);
	var popup = $('.popup',this).css('opacity', 0);

	// set the mouseover and mouseout on both element
	$([trigger.get(0), popup.get(0)]).mouseover(function () {
	
		// stops the hide event if we move from the trigger to the popup element
		if (hideDelayTimer) clearTimeout(hideDelayTimer);
	
		// don't trigger the animation again if we're being shown, or already visible
		if (popup.is(':animated,:visible')) {
			return;
		} else {
			beingShown = true;
			// reset position of popup box
			popup.css({
			top: -103,
			left: 0,
			display: 'block' // brings the popup back in to view
			})

			// (we're using chaining on the popup) now animate it's opacity and position
			.animate({
				top: '-=' + distance + 'px',
				opacity: 1
				}, time, 'swing', function() {
			});
		}
	}).mouseout(function () {
	
	// reset the timer if we get fired again - avoids double animations
	if (hideDelayTimer) clearTimeout(hideDelayTimer);

	// store the timer so that it can be cleared in the mouseover if required
	hideDelayTimer = setTimeout(function () {
		hideDelayTimer = null;
		popup.animate({
		top: '-=' + distance + 'px',
		opacity: 0
		}, time, 'swing', function () {

		// hide the popup entirely after the effect (opacity alone doesn't do the job)
			popup.css('display', 'none');
			});
		}, hideDelay);
		});
	});
});
});
//end