(function($) {

  $.fn.survey = function(options) {
      var opts = $.extend({}, $.fn.overlay.defaults, options);
      return this.each(function() {
          var $link = $(this);

          $link.click(function (e) {
              e.preventDefault();

              var childid = 1000;
              var $overlay = ($('div#overlay-container',top.document).length == 0) ? buildOverlayContainer() : $('div#overlay-container',top.document);

              $overlay.css({left:-2000,top:-2000}).find('[overlaychildid]').css({display:'none'});

              // set container style

              $overlay.removeClass('overlay-container-white').addClass('overlay-container-gradient');

              if ($overlay.find('[overlaychildid='+childid+']').length == 0) {
                var vtrainWidth = 620;
                var vtrainHeight = 550;

                $overlay.find('.overlay-right').append($('<div class="overlay-child" overlaychildid="'+$overlay.get(0).overlaychilduid+'"></div>',top.document));
                $overlay.find('.overlay-child').append($('<div class="vtrain" style="width:' + (vtrainWidth + 40) + 'px; height:' + (vtrainHeight + 60) + 'px; background-color:#FFFFFF;"><div style="width:' + vtrainWidth + 'px; height:' + vtrainHeight + 'px; padding:30px 20px;"></div></div>', top.document));
                childid = $overlay.get(0).overlaychilduid;
                $overlay.get(0).overlaychilduid++;
              }

              var $child = $overlay.find('[overlaychildid='+childid+']').css({display:'block'});


              $child.find('.vtrain > div').html('<iframe id="mono-survey-iframe"" scrolling="auto" frameborder="0" name="mono_survey" height="550" width="620" src="'+$link.attr('href')+'"><iframe>');

              // position overlay

              var _top = $('body').height()/2;
              var _left = $('body').width()/2;

              _top -= $overlay.height()/2;
              _left -= $overlay.width()/2;

              if (_top < 0) {
                _top = 0;
              }
              if (_left < 0) {
                _left = 0;
              }

              $overlay.find('.overlay-top,.overlay-bottom').width($child.width()-14);

              $overlay.css({top:_top,left:_left});

              return false;
          });
        });

        function closeMonoSurvey() {
          $container.trigger('overlay:close');
          $('.overlay-container').find('.close').click();
        }

        function buildOverlayContainer() {
          var $container = $('<div id="overlay-container"><div class="overlay-top-left pngfix"></div><div class="overlay-top-right pngfix"></div><div class="overlay-bottom-left pngfix"></div><div class="overlay-bottom-right pngfix"></div><div class="overlay-top pngfix"></div><div class="overlay-left pngfix"><div class="overlay-right pngfix"></div></div><div class="overlay-bottom pngfix"></div><span class="close"></span></div>',top.document);

          $('body',top.document).append($container);

          $container.bind('overlay:close', function() {
            $container.css({left:-2000,top:-2000}).find('[overlaychildid]').css({display:'none'}).find('.vtrain > div').empty();
          });

          $container.find('span.close').click(function() {
            $container.trigger('overlay:close');
          });

          $container.get(0).overlaychilduid = 0;

          return $container;
        };
    }
})(jQuery);