/* 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;
var GB_WIDTH;

function GB_show(caption, url, height, width) {
  GB_HEIGHT = height; // || 360;
  GB_WIDTH = width; // || 480;
  if(!GB_DONE) {
    $(document.body)
      .append("<div id='GB_overlay'></div><div id='GB_window'>"
        + "<a href='#'><img src='/common/images/btn-search-close.jpg' alt='Close' style='float:right; margin:2px 12px 0 0;'/></a></div>");
    $("#GB_window img").click(GB_hide);
    $("#GB_overlay").click(GB_hide);
    $(window).resize(GB_position);
    GB_DONE = true;
  }

  $("#GB_frame").remove();
  $("#GB_window").append("<iframe id='GB_frame' frameborder='0' src='"+url+"'></iframe>");
  $("#GB_overlay").show();
  GB_position();

  if(GB_ANIMATION)
    $("#GB_window").slideDown("slow");
  else
    $("#GB_window").show();
}

function GB_hide() {
  $("#GB_window,#GB_overlay").hide();
	$("#GB_frame").remove();
}

var GB_ANIMATION = true;
$(document).ready(function(){
	$("a.greybox").click(function(){
		GB_HEIGHT = 360;
		GB_WIDTH = 480;
		var t = this.title || $(this).text() || this.href;
		GB_show(t,this.href,388,508);
		return false;
	});
	$("a.greybox-lg").click(function(){
		GB_HEIGHT = 480;
		GB_WIDTH = 720;	
		var t = this.title || $(this).text() || this.href;
		GB_show(t,this.href,508,748);
		return false;
    });
    $("a.greybox-p3").click(function () {
        GB_HEIGHT = 500;
        GB_WIDTH = 980;
        var t = this.title || $(this).text() || this.href;
        GB_show(t, this.href, 528, 1008);
        return false;
    });
});

function GB_position() {
  var de = document.documentElement;
  var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
	$("#GB_window").css("width",GB_WIDTH +"px");
  $("#GB_window").css("height",GB_HEIGHT +"px");
  $("#GB_window").css({ left: ((w - GB_WIDTH)/2)+"px" });
	$("#GB_frame").css("width",GB_WIDTH +"px");
  $("#GB_frame").css("height",GB_HEIGHT +"px");
}

