/* e7 $Id: share.js 68 2009-03-05 20:29:00Z bastianz $ */

$(document).ready(function () {
    $('.share').each(function () {
            // options
            var distance = 10;
            var time = 250;
            var hideDelay = 500;

            var hideDelayTimer = null;

            // tracker
            var beingShown = false;
            var shown = false;

            var open1 = $('.open1', this);
            var popup = $('.popup', this).css('opacity', 0);

            // set the mouseover and mouseout on both element
            $([open1.get(0), popup.get(0)]).mouseover(function () {
              // stops the hide event if we move from the open1 to the popup element
              if (hideDelayTimer) clearTimeout(hideDelayTimer);

              // don't open1 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: 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() {
                  // 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);
            });
          });

          $('.share').each(function () {
            // options
            var distance = 10;
            var time = 250;
            var hideDelay = 500;

            var hideDelayTimer = null;

            // tracker
            var beingShown = false;
            var shown = false;

            var open2 = $('.open2', this);
            var popup2 = $('.popup2', this).css('opacity', 0);

            // set the mouseover and mouseout on both element
            $([open2.get(0), popup2.get(0)]).mouseover(function () {
              // stops the hide event if we move from the open2 to the popup element
              if (hideDelayTimer) clearTimeout(hideDelayTimer);

              // don't open2 the animation again if we're being shown, or already visible
              if (beingShown || shown) {
                return;
              } else {
                beingShown = true;
                
                // reset position of popup box
                popup2.css({
                  height: 150,
                  top: -100,
                  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() {
                  // 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;
                popup2.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)
                  popup2.css('display', 'none');
                });
              }, hideDelay);
            });
          });
        });