// /*
//  * Image preview script 
//  * powered by jQuery (http://www.jquery.com)
//  * 
//  * Repurposed - originally written by Alen Grakalic (http://cssglobe.com)
//  * 
//  * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
//  *
//  */ 

//<![CDATA[ 
	$(function () {
	    $('.bubbleInfo').each(function () {

	        var info = $('.popup', this);
		   	var str1 = $(".popup", this).html();
			$(info).html("<div id='popup_preview'><div class='top'></div><div class='middle'>"+ str1 +"</div><div class='bottom'></div></div>").css('opacity', 0);						 

	        var distance = 5;
	        var xOffset = 5;
	        var yOffset = -110;
	        var time = 500;
	        var hideDelay = 300;

	        var hideDelayTimer = null;

	        var beingShown = false;
	        var shown = false;
	        var trigger = $('.trigger', this);


	        $([trigger.get(0), info.get(0)]).mouseover(function () {
	            if (hideDelayTimer) clearTimeout(hideDelayTimer);
	            if (beingShown || shown) {
	                // don't trigger the animation again
	                return;
	            } else {
	                // reset position of info box
	                beingShown = true;
	                info.css({
	                    top: yOffset,
	                    left: xOffset,
	                    display: 'block'
	                }).animate({
	                    top: '-=' + distance + 'px',
	                    opacity: 1
	                }, time, 'swing', function() {
	                    beingShown = false;
	                    shown = true;
	                });
	            }

	            return false;
	        }).mouseout(function () {
	            if (hideDelayTimer) clearTimeout(hideDelayTimer);
	            hideDelayTimer = setTimeout(function () {
	                hideDelayTimer = null;
	                info.animate({
	                    top: '-=' + distance + 'px',
	                    opacity: 0
	                }, time, 'swing', function () {
	                    shown = false;
	                    info.css('display', 'none');
	                });

	            }, hideDelay);

	            return false;
	        });
	    });
	});
//]]>