/* $Id: greybox.js,v 1.2 2008/12/04 11:32:23 Gurpartap Exp $ */

/**
 * Greybox Redux
 * jQuery is required (included in Drupal 5): http://jquery.com/
 * Written by: John Resig
 * License: GPL
 */

var GB_DONE = false;
var GB_SITEPATH = null;
var GB_HEIGHT = null;
var GB_WIDTH = null;



Drupal.behaviors.greybox = function() {
  GB_SITEPATH = Drupal.settings.greybox.path;

  var windowHeight = self.innerHeight ||
    jQuery.boxModel && document.documentElement.clientHeight ||
    document.body.clientHeight || 600;
  var windowWidth = self.innerWidth ||
    jQuery.boxModel && document.documentElement.clientWidth ||
    document.body.clientWidth || 800;

  $('a.' + Drupal.settings.greybox.class_text).bind('click', function(){
    var title = this.title || $(this).text() || this.href;
    var dims = $(this).attr('rel');
    dims = dims.split(/x/i, 2);

    GB_WIDTH = dims[0] || Drupal.settings.greybox.gbwidth || Math.round(windowWidth - (windowWidth/100)*10);
    GB_HEIGHT = dims[1] || Drupal.settings.greybox.gbheight || Math.round(windowHeight - (windowHeight/100)*10);

    GB_show(title, this.href);
    return false;
  });
}

function GB_show(caption, url) {
/*  if(!GB_DONE) {
    $(document.body)
      //.append("<div id='GB_overlay'></div><div id='GB_window'><div id='GB_caption'></div>" + "<img src='"+ GB_SITEPATH + "/images/close.gif' alt='Fermer'/></div>");
      .append("<div id='GB_overlay'></div><div id='GB_window'><div id='GB_caption'></div></div>");
    $("#GB_window img").click(GB_hide);
    $("#GB_overlay").click(GB_hide);
    $(window).resize(GB_position);
    $(window).scroll(GB_position);
//    GB_DONE = true;
  }
  $("#GB_frame").remove();
  $("#GB_window").append("<iframe id='GB_frame' src='" + url + "'></iframe>");

  $("#GB_caption").html(caption);
  $("#GB_overlay").fadeIn(350);
  GB_position();

  $("#GB_window").css({ height: 0, width: 0 }).animate({ height: GB_HEIGHT, width: GB_WIDTH, opacity: 1 }, 350, GB_position);

  $('body').css('overflow', 'hidden');*/

   
  if(!GB_DONE) {
	    $(document.body)
	      .append("<div id='GB_overlay'></div><div id='GB_window'><div id='GB_caption'></div>"
	      + "</div>");
	    $("#GB_window img").click(GB_hide);
	    $("#GB_overlay").click(GB_hide);
	    $(window).resize(GB_position);
	    $(window).scroll(GB_position);
	    GB_DONE = true;
	  }
	  $("#GB_frame").remove();
	  $("#GB_window").append("<iframe id='GB_frame' src='" + url + "'></iframe>");

	  $("#GB_caption").html(caption);
	  $("#GB_overlay").fadeIn(350);
	  GB_position();

	  $("#GB_window").css({ height: 0, width: 0 }).animate({ height: GB_HEIGHT, width: GB_WIDTH, opacity: 1 }, 350, GB_position);

	  
	  $('body').css('overflow', 'hidden');
	  window.document.body.scroll = 'no';
	  
	  
  
 
}

/*function GB_hide() {
  $("#GB_window").animate({ height: 0, width: 0, opacity: 0 }, 350);
  $("#GB_overlay").fadeOut(350, function() {
    $('body').css('overflow', 'auto');
    $("#GB_overlay").remove();
    $("#GB_window").remove();
  });
}*/

function GB_hide() {
	  $("#GB_window").animate({ height: 0, width: 0, opacity: 0 }, 350);
	  
	  $("#GB_overlay").fadeOut(350, function() {
	    $('body').css('overflow', 'auto');
	    $("#GB_window").css('display','none');
	  });
	  window.document.body.scroll = 'auto';
	  
	}

// Keep Greybox Window centered regardless of window scroll.
// Code from http://jquery.com/blog/2006/02/10/greybox-redux/
function GB_position() {
  var de = document.documentElement;
  var h = self.innerHeight || (de && de.clientHeight) || document.body.clientHeight;
  var w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
  var iebody = (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
  var dsocleft = document.all? iebody.scrollLeft : pageXOffset;
  var dsoctop = document.all? iebody.scrollTop : pageYOffset;

  //var height = h < GB_HEIGHT ? h - 32 : GB_HEIGHT;
  var height = h < GB_HEIGHT ? h - 20 : GB_HEIGHT;
  var top = (h - height)/2 + dsoctop;

  $("#GB_window, #GB_frame").css({ width: GB_WIDTH + "px", height: height + "px", left: ((w - GB_WIDTH)/2) +"px", top: top + "px" });
  //$("#GB_frame").css("height", height - 32 + "px");
  $("#GB_frame").css("height", height - 20 + "px");
}