// JavaScript Document


    $(function () {
        $('.bubbleInfo').each(function () {
            var distance = 10;
            var time = 600;
            var hideDelay = 15000;

            var hideDelayTimer = null;

            var trigger = $('.trigger', this);
            var info = $('.popup', this);

            $([trigger.get(0)]).click(function () {
                if (hideDelayTimer) clearTimeout(hideDelayTimer);
                if(info.css('display') == 'none'){
					$('.popup').fadeOut(400);
                    info.css({
                        top: 28,
//                        left:625,
                        display: 'block'
                    }).animate({
                        top: '-=' + distance + 'px',
                        opacity: 1
                    }, time, 'swing');
                }

                return false;
            })
          	$('.close_popup', this).click(function () {
          		$(this).parents('.popup').fadeOut(400);
			});

        });

    });

    //-->

 //	$(function () {
		// test function - Vankata
	//	$(".close").mouseover(function(){
	//		$("#dpop").fadeOut(400);
	//	});
	// });


//    $(function () {
//        $('.bubbleInfo2').each(function () {
//            var distance = 10;
//            var time = 600;
//            var hideDelay = 15000;
//
//            var hideDelayTimer = null;
//
//            var beingShown = false;
//            var shown = false;
//            var trigger2 = $('.trigger2', this);
//            var info = $('.popup2', this).css('opacity', 0);
//
//
//            $([trigger2.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: 105,
//                        left:638,
//                        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;
//            });
//        });
//    });
//
//    //-->
//
//
//$(function () {
//  $('.bubbleInfo3').each(function () {
//    // options
//    var distance = 10;
//    var time = 600;
//    var hideDelay = 15000;
//
//    var hideDelayTimer = null;
//
//    // tracker
//    var beingShown = false;
//    var shown = false;
//
//    var trigger = $('.trigger3', this);
//    var popup = $('.popup3', 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 (beingShown || shown) {
//        return;
//      } else {
//        beingShown = true;
//
//        // reset position of popup box
//        popup.css({
//          top: -100,
//          left: -33,
//          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() {
//          // once the animation is complete, set the tracker variables
//          beingShown = false;
//          shown = true;
//        });
//      }
//    }).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 () {
//          // once the animate is complete, set the tracker variables
//          shown = false;
//          // hide the popup entirely after the effect (opacity alone doesn't do the job)
//          popup.css('display', 'none');
//        });
//      }, hideDelay);
//    });
//  });
//});