$(document).ready(function() {

  $('.user-info-link')
    .live('mouseenter',
          function() {
            var $this = $(this);
            $(document).oneTime(200, 'profile-popup-show', function() {
              showUserInfo($this, $this.attr('rel'));
            });
          }
    )
    .live('mouseleave',
          function() {
            $(document).stopTime('profile-popup-show');
            $(document).oneTime(250, 'profile-popup-close', function () {
             $('.userPopUp').remove();
            });
          }
  );
  

});

function hideCreditMessageForm() {
  $('.userPopUp').fadeOut(500, function() {
    $('.userPopUp').remove();
  });
  return false;
}

function createPopup(obj) {
  $invoker = $(obj);
  offset = $invoker.offset();

  $popup =
    $('<div></div>')
    .addClass('userPopUp')
    .html(preloader1)
    .css({'top': offset.top + 'px', 'left': offset.left + 'px', 'margin-top': $invoker.height() + 'px'})
    .appendTo('body');

  return $popup;
}

function addPopupHandlers($popup) {
  $popup
  .mouseenter(function() {
    $(document).stopTime('profile-popup-close')
  })
  .mouseleave(function() {
    $(document).oneTime(500, 'profile-popup-close', function () {
      $popup.remove();
    })
  });
}

function showUserInfo(obj, url)
{
  var $popup = createPopup(obj);
  addPopupHandlers($popup);
  $.post(url, {}, function(data) {
      $popup.html(data.html).fadeIn();
    },
    'json'
  );
}

function show_credit_message_form(obj, url, reciver_id, attr)
{
  var $popup = createPopup(obj)

  $.post(url, {reciver_id: reciver_id, attr: attr}, function(data) {
      if(data.res == 'error')
      {

      }
      else if(data.res == 'ok')
      {
        $popup.html(data.html);         
      }
    }, 
    'json');
}