/* Greybox Redux
 * Required: http://jquery.com/
 * Written by: John Resig
 * Based on code by: 4mir Salihefendic (http://amix.dk)
 * License: LGPL (read more in LGPL.txt)
 */

var GB_DONE = false;
var GB_HEIGHT = 1000;
var GB_WIDTH = 1000;
this.overlay_click_close = true;
function GB_show(caption, url, height, width, type, cntnt) {
	  if(!GB_DONE) {
		$(document.body).append("<div id='GB_iframe'><div id='GB_overlay'></div><div id='GB_window'><div id='GB_caption'></div>"
			+ "<img src='/images/greybox/close.png' id='GB_close' alt='Close window'/><div class='bg-1'></div><div class='bg-2'></div><div class='bg-3'></div></div></div>");
		$("#GB_close").click(GB_hide);
		$("#GB_overlay").click(GB_hide);
		$("#GB_iframe").click(GB_hide);
		this.overlay_click_close = true;		
		$(window).resize(GB_position);
		GB_DONE = true;
	  }
	if (cntnt=="img"){
		var image = $('<img src="'+ url +'" alt=""/>');
		image.load(function(){
			image.appendTo('body').hide();
			if (jQuery.browser.msie) {
				GB_showS(caption, url, parseInt(image.height())+30, parseInt(image.width())+30, type);
			}else{
				GB_showS(caption, url, parseInt(image.height())+20, parseInt(image.width())+20, type);
			}

		})
	}else{
		GB_HEIGHT = height || 1000;
		GB_WIDTH = width || 1000;
		GB_showS(caption, url, height, width, type);
	}

}

function GB_showS(caption, url, height, width, type) {
	GB_HEIGHT = height || 1000;
	GB_WIDTH = width || 1000;
  GB_TYPE = type;
  
 $("#GB_iframe").removeAttr("class");
  if(GB_TYPE) {
    $("#GB_iframe").addClass(GB_TYPE);
  }

  $("#GB_frame").remove();
  
  $("#GB_window").append("<iframe id='GB_frame' src='"+url+"' frameborder='0' hspace='0' vspace='0'ALLOWTRANSPARENCY='true'></iframe>");

   $("#GB_caption").html(caption);
  $("#GB_iframe,#GB_window,#GB_overlay").show();
  GB_position();

  if(GB_ANIMATION)
    $("#GB_window").slideDown("slow");
  else
    $("#GB_window").show();
}

function GB_hide() {
  $("#GB_iframe,#GB_window,#GB_overlay").hide();
}

function GB_position() {
  var de = document.documentElement;
  var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	$("#GB_window").css({width:GB_WIDTH +"px",height:GB_HEIGHT  +"px",left: ((w - GB_WIDTH)/2)+"px" });
	$("#GB_frame").css({width:GB_WIDTH + "px",height:GB_HEIGHT +"px"});
}