http://peshmergekan.com/pm_gallery/js/jquery.greybox.js

1/*************************
2  Coppermine Photo Gallery
3  ************************
4  Copyright (c) 2003-2016 Coppermine Dev Team
5  v1.0 originally written by Gregory DEMAR
6
7  This program is free software; you can redistribute it and/or modify
8  it under the terms of the GNU General Public License version 3
9  as published by the Free Software Foundation.
10
11  ********************************************
12  Coppermine version: 1.6.03
13  $HeadURL$
14**********************************************/
15
16/* Greybox Redux
17 * Required: http://jquery.com/
18 * Written by: John Resig
19 * Based on code by: 4mir Salihefendic (http://amix.dk)
20 * License: LGPL (read more in LGPL.txt)
21 */
22
23var GB_DONE = false;
24var GB_HEIGHT = 400;
25var GB_WIDTH = 600;
26
27function GB_show(caption, url, height, width) {
28  GB_HEIGHT = height || 400;
29  GB_WIDTH = width || 600;
30  if(!GB_DONE) {
31    $(document.body)
32      .append("<div id=\"GB_overlay\"></div><div id=\"GB_window\"><div id=\"GB_caption\" class=\"tableh1\"></div>"
33        + "<img src=\""+js_vars.icon_close_path+"\" alt=\"\" title=\""+js_vars.lang_close+"\"/><img id=\"GBloading\" src=\"images/loader.gif\" style=\"top:36px;left:20px\" /></div>");
34    $("#GB_window img").click(GB_hide);
35    $("#GB_overlay").click(GB_hide);
36    $(window).resize(GB_position);
37    $(window).scroll(GB_position);
38    GB_DONE = true;
39  }
40
41  $("#GB_frame").remove();
42	$('#GBloading').show();
43  $("#GB_window").append("<iframe id=\"GB_frame\" src=\""+url+"\" onload=\"$('#GBloading').hide();\"></iframe>");
44
45  $("#GB_caption").html(caption);
46  $("#GB_overlay").show();
47  GB_position();
48
49  if(GB_ANIMATION)
50    $("#GB_window").slideDown("slow");
51  else
52    $("#GB_window").show();
53}
54
55function GB_hide() {
56  $("#GB_window,#GB_overlay").hide();
57}
58
59function GB_position()
60{
61    var de = document.documentElement;
62    var h = self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
63    var w = self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
64    var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
65    var dsocleft=document.all? iebody.scrollLeft : pageXOffset;
66    var dsoctop=document.all? iebody.scrollTop : pageYOffset;
67    
68    var height = h < GB_HEIGHT ? h - 32 : GB_HEIGHT;
69    var top = (h - height)/2 + dsoctop;
70    
71    $("#GB_window").css({width:GB_WIDTH+"px",height:height+"px",
72      left: ((w - GB_WIDTH)/2)+"px", top: top+"px" });
73    $("#GB_frame").css("height",height - 32 +"px");
74    $("#GB_overlay").css({height:h, top:dsoctop + "px", width:w});
75}