var sourceDiv;

function renderReference(reference_id, source) {

  sourceDiv = source;

  doAjaxRequest('CoMeT_function=run_module&module=Ref&function=references&action=render_reference&reference_id=' + reference_id, '#reference', renderReferenceResponse);

}

function renderReferenceResponse(html) {

  jQuery('#reference').html(html);
  jQuery('#reference').fadeIn('slow');

  /* set width of the target div for IE... */
  var targetImageWidth = jQuery("#reference_image").width();
  jQuery("#reference").width(targetImageWidth);

  /*var targetWidth = jQuery("#reference").width();
  var targetHeight = jQuery("#reference").height();
  var targetOffsetLeft = (Math.ceil(800/2 - targetWidth/2) - 25);
  var viewportHeight = jQuery(window).height();
  var targetOffsetTop = (jQuery(sourceDiv).offset().top - 30);
  jQuery("#reference").css({left:targetOffsetLeft,top:targetOffsetTop});*/

  jQuery('#reference').center();
  Cufon.refresh();

}

var referenceId = '';
var referenceImageId = '';

function switchReferenceImage(reference_id, reference_image_id) {

  referenceId = reference_id;
  referenceImageId = reference_image_id;

  doAjaxRequest("CoMeT_function=run_module&module=Ref&function=references&action=switch_reference_image&reference_image_id=" + reference_image_id, '#reference_image_box', switchReferenceImageResponse);

  jQuery("#reference_image_box").fadeOut("fast");

}

function switchReferenceImageResponse(html) {

  jQuery('#reference_image_box').html(html);
  jQuery('#reference_image_box').fadeIn("normal");

  var targetImageWidth = jQuery("#reference_image").width();
  jQuery("#reference").width(targetImageWidth);

  /*var targetWidth = jQuery("#reference").width();
  var targetOffsetLeft = (Math.ceil(800/2 - targetWidth/2) - 25);
  var targetOffsetTop = (jQuery(sourceDiv).offset().top - 30);
  jQuery("#reference").css({left:targetOffsetLeft,top:targetOffsetTop});*/

  jQuery('#reference').center();

  jQuery('.reference_image_links a').removeClass('current');
  if (jQuery('#ri_' + referenceImageId)) {
    jQuery('#ri_' + referenceImageId).addClass('current');
  }
}

function hideReference() {
 jQuery('#reference').fadeOut('slow');
}