$(document).ready(function(){
  var open = null;
  
  $('#quick-links a').click(function (ev) { 
    var padding = $('#quick-links').outerWidth(true) - $('#quick-links').outerWidth(false);
    var height = $('#header').outerHeight() - $('#quick-links').position().top;
    var width = ($('#quick-links a').outerWidth(true) * 4) + (padding * 3) - 5;
    var top = $('#quick-links').offset().top + height - $(document).scrollTop();
    var left = $(window).width() - width - padding - 5;
    
    if (open != null) {
      open.dialog('close');
      $(open).remove();
    }
    ev.preventDefault();
    var dialogClass = this.className;
    var dialog = $('<div></div>');
    $(dialog).attr('title',$(this).html());
    open = $(dialog).dialog({
        width: width,
        height: 340,
        position: [left, top],
        show: 'slideDown'
    });
    $(dialog).load(
      $(this).attr('href')+'/homepage',
      null,
      function() {
        $(this).find('.scaled img').jScale({w: width * .9})
      }
    );
  });
});