// btn 1
 $(function () {
 		
		// PNG transparency for IE6
		//if (jQuery.browser.msie) {
		//	if(parseInt(jQuery.browser.version) == 6) {
		//	$('#feature').pngFix();
		//	}
		//} 
 
 	   $('#feature').each(function () {
			var distance = 30;
			var time = 250;
			var hideDelay = 300;
			var hideDelayTimer = null;
			var beingShown = false;
			var shown = false;
			var trigger = $('.triggerone', this);
			var info = $('.popupone', this).css('opacity', 0.9);
			
		  
		
           $([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: 163,
						left: 89,
						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;
           });
       });
   });

// btn 2
 $(function () {
       $('#feature').each(function () {
			var distance = 62;
			var time = 250;
			var hideDelay = 300;
			var hideDelayTimer = null;
			var beingShown = false;
			var shown = false;
			var trigger = $('.triggertwo', this);
			var info = $('.popuptwo', this).css('opacity', 0.9);
		
           $([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: 264,
						left: 411,
						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;
           });
       });
   });

// btn 3
 $(function () {
       $('#feature').each(function () {
			var distance = 30;
			var time = 250;
			var hideDelay = 300;
			var hideDelayTimer = null;
			var beingShown = false;
			var shown = false;
			var trigger = $('.triggerthree', this);
			var info = $('.popupthree', this).css('opacity', 0.9);
		
           $([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: 163,
						left: 670,
						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;
           });
       });
   });