// Settings help:
// [int]: Means that the following variable must be integre format (123)
// [str]: Means that the following variable must be string format ("string")
// [bool]: Means that the following variable must be boolean value (true/false)
// IMPORTANT SETTINGS
// [int]: Enter max z-index for your page, så the presentation box will allways be on top
var _PBox_important_zindex = 1000;
// LANGUAGE SETTINGS
// [str]: Text for previous-links
var _PBox_language_1 = "Forrige";
// [str]: Text for next-links
var _PBox_language_2 = "Næste";
// [str]: Text in overlay box, information for the user
var _PBox_language_3 = "Klik her, på billedet, eller uden for boksen for at lukke";
// Format the look of the controls: (DO NOT CHANGE NEXT 4 LINES, EX. 'link_prev' MUST BE NAMED 'link_prev' ETC.)
// link_prev = link to the previous element in the group (_PBox_lang_1)
// link_next = link to the next element in the group (_PBox_lang_2)
// image_now = number of the element currently on display
// [str]: image_total = number of total elements in the group
var _PBox_language_4 = "link_prev | image_now / image_total | link_next";
// [str]: Loading text/image
var _PBox_language_5 = "
";
// DESIGN SETTINGS
// [str]: Background for presentation window, background images can also be used, "" = transparent
var _PBox_design_background_main = "#FFFFFF";
// [str]: Background for opaque overlay, background images can also be used
var _PBox_design_background_overlay = "#2C2C2C";
// [int]: Border thickness for presentation window
var _PBox_design_border_thickness = 5;
// [str]: Border style for the presentation window
var _PBox_design_border_style = "solid";
// [str]: Border color for the presentation window
var _PBox_design_border_color = "#FFFFFF";
// [int]: Size of the padding for the text in the information field
var _PBox_design_information_padding = 5;
// OPACITY SETTINGS
// [int]: Amount of opacity for overlay (0.00 - 1.00)
var _PBox_opacity_overlay = 0.85;
// FONT SETTINGS
// [str]: Font color to use in the info window
var _PBox_font_info_color = "#333333";
// [str]: Font color to use, on "greyed out" items
var _PBox_font_info_color_faded = "#999999";
// [str]: Font to use in the info window
var _PBox_font_info_font = "bold 12px Arial, Helvetica, sans-serif";
// ADVANCED SETTINGS
// [bool]: Use animations
var _PBox_advanced_animation = false;
// [bool]: Close presentation when clicking on the overlay
var _PBox_advanced_close_overlay = true;
// [bool]: Close presentation when clicking on the content (only works for images)
var _PBox_advanced_close_content = true;
// [int]: Width of the PBox when loading
var _PBox_global_content_width_start = 40;
// [int]: Height of the PBox when loading
var _PBox_global_content_height_start = 40;
// [int]: Height offset from the window size
var _PBox_global_data_offset_height = 80;
// [int]: Width offset from the window size
var _PBox_global_data_offset_width = 80;
// SPECIAL SETTINGS
// [str]: Background-color for flash-elements
var _PBox_special_flash_background = "#000000";
// [int]: Width/height of flash-elements (0 = auto)
var _PBox_special_flash_width = 600;
var _PBox_special_flash_height = 500;
// [int]: Width/height of PDF/text-elements (0 = auto)
var _PBox_special_pdf_text_width = 800;
var _PBox_special_pdf_text_height = 500;
// [int]: Width/height of web-elements (0 = auto)
var _PBox_special_web_width = 800;
var _PBox_special_web_height = 600;
// <-- SETTINGS
// ! ! ! ! ! ! DO NOT CHANGE ANYTHING BELOW ! ! ! ! ! !
// Initialize the function _PBox_onload
window.onload = _PBox_onload;
// Global variables, not to be edited
var _PBox_global_window_width = 630;
var _PBox_global_window_height = 460;
var _PBox_global_group_list = new Array();
var _PBox_global_all_elements = new Array();
var _PBox_global_content_width;
var _PBox_global_content_height;
var _PBox_global_page_width;
var _PBox_global_page_height;
var _PBox_global_scroll_top;
var _PBox_global_scroll_left;
var _PBox_global_change_data;
var _PBox_global_data_path;
var _PBox_global_data_headline;
var _PBox_global_data_group;
var _PBox_global_next_func;
var _PBox_timeout;
var _PBox_interval;
// Functions to be called on 'onLoad'
function _PBox_onload()
{
_PBox_search();
}
// Function to initialize the PBox
function _PBox_initialize(data_elem, data_path, data_headline, data_group)
{
// Set global variables
_PBox_global_data_path = data_path;
_PBox_global_data_headline = data_headline;
_PBox_global_data_group = data_group;
if (typeof(window.innerWidth) == 'number')
{
_PBox_global_window_width = window.innerWidth;
_PBox_global_window_height = window.innerHeight;
_PBox_global_scroll_top = window.pageYOffset;
_PBox_global_scroll_left = window.pageXOffset;
}
else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight ))
{
_PBox_global_window_width = document.documentElement.clientWidth;
_PBox_global_window_height = document.documentElement.clientHeight;
_PBox_global_scroll_top = document.documentElement.scrollTop;
_PBox_global_scroll_left = document.documentElement.scrollLeft;
}
else if (document.body && ( document.body.clientWidth || document.body.clientHeight ))
{
_PBox_global_window_width = document.body.clientWidth;
_PBox_global_window_height = document.body.clientHeight;
_PBox_global_scroll_top = document.body.scrollTop;
_PBox_global_scroll_left = document.body.scrollLeft;
}
if (window.innerHeight && window.scrollMaxY)
{
_PBox_global_page_height = window.innerHeight + window.scrollMaxY;
_PBox_global_page_width = window.innerWidth + window.scrollMaxX;
}
else if (document.body.scrollHeight > document.body.offsetHeight)
{
_PBox_global_page_height = document.body.scrollHeight;
_PBox_global_page_width = document.body.scrollWidth;
}
else
{
_PBox_global_page_height = document.body.offsetHeight;
_PBox_global_page_width = document.body.offsetWidth;
}
_PBox_special_flash_width = (_PBox_special_flash_width == 0) ? (_PBox_global_window_width - _PBox_global_data_offset_width - (_PBox_design_border_thickness * 2)) : _PBox_special_flash_width;
_PBox_special_flash_height = (_PBox_special_flash_height == 0) ? (_PBox_global_window_height - _PBox_global_data_offset_height - (_PBox_design_border_thickness * 2)) : _PBox_special_flash_height;
_PBox_special_pdf_text_width = (_PBox_special_pdf_text_width == 0) ? (_PBox_global_window_width - _PBox_global_data_offset_width - (_PBox_design_border_thickness * 2)) : _PBox_special_pdf_text_width;
_PBox_special_pdf_text_height = (_PBox_special_pdf_text_height == 0) ? (_PBox_global_window_height - _PBox_global_data_offset_height - (_PBox_design_border_thickness * 2)) : _PBox_special_pdf_text_height;
_PBox_special_web_width = (_PBox_special_web_width == 0) ? (_PBox_global_window_width - _PBox_global_data_offset_width - (_PBox_design_border_thickness * 2)) : _PBox_special_web_width;
_PBox_special_web_height = (_PBox_special_web_height == 0) ? (_PBox_global_window_height - _PBox_global_data_offset_height - (_PBox_design_border_thickness * 2)) : _PBox_special_web_height;
// Create the box
_PBox_create_overlay();
}
// Function to create the overlay
function _PBox_create_overlay()
{
// Create the overlay
var overlay = document.createElement("div");
overlay.setAttribute("id","_PBox_overlay");
if (_PBox_advanced_close_overlay === true)
{
overlay.onclick = function() {_PBox_remove();};
overlay.style.cursor = "pointer";
}
overlay.style.position = "absolute";
overlay.style.top = "0px";
overlay.style.left = "0px";
overlay.style.width = "100%";
overlay.style.height = (_PBox_global_page_height == 0) ? "100%" : _PBox_global_page_height+"px";
overlay.style.backgroundColor = _PBox_design_background_overlay;
overlay.style.MozOpacity = 0.0;
overlay.style.opacity = 0.0;
overlay.style.filter = "alpha(opacity=0)";
overlay.style.zIndex = _PBox_important_zindex;
document.body.appendChild(overlay);
if (_PBox_advanced_animation === true)
{
_PBox_global_next_func = "container_data";
_PBox_fade(overlay, (_PBox_opacity_overlay * 100), 10);
}
else
{
var overlay = document.getElementById("_PBox_overlay");
overlay.style.MozOpacity = _PBox_opacity_overlay;
overlay.style.opacity = _PBox_opacity_overlay;
overlay.style.filter = "alpha(opacity="+(_PBox_opacity_overlay * 100)+")";
_PBox_create_container_data();
}
}
// Function to create the container for the data
function _PBox_create_container_data()
{
// Create the container for the data
var container_data = document.createElement("div");
container_data.setAttribute("id","_PBox_container_data");
container_data.style.marginLeft = "-"+((_PBox_global_content_width_start + _PBox_design_border_thickness + _PBox_global_scroll_left) / 2)+"px";
container_data.style.position = "absolute";
container_data.style.top = (_PBox_global_scroll_top + 10)+"px";
container_data.style.left = "50%";
container_data.style.width = _PBox_global_content_width_start+"px";
container_data.style.height = _PBox_global_content_height_start+"px";
container_data.style.background = _PBox_design_background_main;
container_data.style.border = _PBox_design_border_thickness+"px "+_PBox_design_border_style+" "+_PBox_design_border_color+"";
container_data.style.zIndex = _PBox_important_zindex + 500;
container_data.style.visibility = "visible";
container_data.style.overflow = "hidden";
container_data.innerHTML = "
"+_PBox_language_5+"
";
document.body.appendChild(container_data);
_PBox_create_preloading_data();
}
// Function to preload the data
function _PBox_create_preloading_data()
{
if (_PBox_global_change_data === true)
{
// Get the div to hold the preloading data
var container_preloader = document.getElementById("_PBox_container_preloader");
// Create the preloading data
// Get filetype for the data
var filetype = _PBox_global_data_path.split("/");
filetype = filetype[(filetype.length - 1)].split(".");
filetype = filetype[(filetype.length - 1)];
// Swicth between different file types
switch (filetype)
{
// Image files
case "jpg":
case "bmp":
case "png":
case "gif":
var data = document.createElement("img");
data.setAttribute("id","_PBox_data");
data.setAttribute("src",_PBox_global_data_path);
if (_PBox_advanced_close_content === true)
{
data.onclick = function() {_PBox_remove();};
data.style.cursor = "pointer";
}
data.style.visibility = "hidden";
container_preloader.appendChild(data);
// Get the size of the data
_PBox_interval = setInterval("_PBox_datasize();", 500);
break;
// Flash files
case "swf":
var data = document.createElement("embed");
data.setAttribute("id", "_PBox_data");
data.setAttribute("src",_PBox_global_data_path);
data.setAttribute("quality","high");
data.setAttribute("bgcolor",_PBox_special_flash_background);
data.setAttribute("width",_PBox_special_flash_width);
data.setAttribute("height",_PBox_special_flash_height);
data.setAttribute("name","Untitled-1");
data.setAttribute("align","middle");
data.setAttribute("allowScriptAccess","sameDomain");
data.setAttribute("allowFullScreen","false");
data.setAttribute("type","application/x-shockwave-flash");
data.setAttribute("pluginspage","http://www.macromedia.com/go/getflashplayer");
data.style.visibility = "hidden";
container_preloader.appendChild(data);
// Resize the container
_PBox_resize_container_data();
break;
// PDF files, and text files
case "pdf":
case "txt":
var data = document.createElement("iframe");
data.setAttribute("id", "_PBox_data");
data.setAttribute("src", _PBox_global_data_path);
data.setAttribute("allowtransparency", "0");
data.setAttribute("frameborder", "0");
data.setAttribute("width", _PBox_special_pdf_text_width);
data.setAttribute("height", _PBox_special_pdf_text_height);
data.style.visibility = "hidden";
container_preloader.appendChild(data);
// Resize the container
_PBox_resize_container_data();
break;
// Web pages
default:
if (_PBox_global_data_path.indexOf("http://") == -1)
{// Check for valid link
alert("Links must start with 'http://'");
}
var data = document.createElement("iframe");
data.setAttribute("id", "_PBox_data");
data.setAttribute("src", _PBox_global_data_path);
data.setAttribute("allowtransparency", "0");
data.setAttribute("frameborder", "0");
data.setAttribute("width", _PBox_special_web_width);
data.setAttribute("height", _PBox_special_web_height);
data.style.visibility = "hidden";
container_preloader.appendChild(data);
// Resize the container
_PBox_resize_container_data();
break;
}
}
else
{
// Create div to hold the preloading data
var container_preloader = document.createElement("div");
container_preloader.setAttribute("id","_PBox_container_preloader");
container_preloader.style.position = "absolute";
container_preloader.style.top = "0px";
container_preloader.style.left = "0px";
container_preloader.style.width = "1px";
container_preloader.style.height = "1px";
container_preloader.style.overflow = "hidden";
document.body.appendChild(container_preloader);
// Create the preloading data
// Get filetype for the data
var filetype = _PBox_global_data_path.split("/");
filetype = filetype[(filetype.length - 1)].split(".");
filetype = filetype[(filetype.length - 1)];
// Swicth between different file types
switch (filetype)
{
// Image files
case "jpg":
case "bmp":
case "png":
case "gif":
var data = document.createElement("img");
data.setAttribute("id","_PBox_data");
data.setAttribute("src",_PBox_global_data_path);
if (_PBox_advanced_close_content === true)
{
data.onclick = function() {_PBox_remove();};
data.style.cursor = "pointer";
}
data.style.visibility = "hidden";
container_preloader.appendChild(data);
// Get the size of the data
_PBox_interval = setInterval("_PBox_datasize();", 500);
break;
// Flash files
case "swf":
var data = document.createElement("embed");
data.setAttribute("id", "_PBox_data");
data.setAttribute("src",_PBox_global_data_path);
data.setAttribute("quality","high");
data.setAttribute("bgcolor",_PBox_special_flash_background);
data.setAttribute("width",_PBox_special_flash_width);
data.setAttribute("height",_PBox_special_flash_height);
data.setAttribute("name","Untitled-1");
data.setAttribute("align","middle");
data.setAttribute("allowScriptAccess","sameDomain");
data.setAttribute("allowFullScreen","false");
data.setAttribute("type","application/x-shockwave-flash");
data.setAttribute("pluginspage","http://www.macromedia.com/go/getflashplayer");
data.style.visibility = "hidden";
container_preloader.appendChild(data);
// Set the data size
_PBox_global_content_width = _PBox_special_flash_width;
_PBox_global_content_height = _PBox_special_flash_height;
// Resize the container
_PBox_resize_container_data();
break;
// PDF files, and text files
case "pdf":
case "txt":
var data = document.createElement("iframe");
data.setAttribute("id", "_PBox_data");
data.setAttribute("src", _PBox_global_data_path);
data.setAttribute("allowtransparency", "0");
data.setAttribute("frameborder", "0");
data.setAttribute("width", _PBox_special_pdf_text_width);
data.setAttribute("height", _PBox_special_pdf_text_height);
data.style.visibility = "hidden";
container_preloader.appendChild(data);
// Set the data size
_PBox_global_content_width = _PBox_special_pdf_text_width;
_PBox_global_content_height = _PBox_special_pdf_text_height;
// Resize the container
_PBox_resize_container_data();
break;
// Web pages
default:
if (_PBox_global_data_path.indexOf("http://") == -1)
{// Check for valid link
alert("Links must start with 'http://'");
}
var data = document.createElement("iframe");
data.setAttribute("id", "_PBox_data");
data.setAttribute("src", _PBox_global_data_path);
data.setAttribute("allowtransparency", "0");
data.setAttribute("frameborder", "0");
data.setAttribute("width", _PBox_special_web_width);
data.setAttribute("height", _PBox_special_web_height);
data.style.visibility = "hidden";
container_preloader.appendChild(data);
// Set the data size
_PBox_global_content_width = _PBox_special_web_width;
_PBox_global_content_height = _PBox_special_web_height;
// Resize the container
_PBox_resize_container_data();
break;
}
}
}
// Function to find the size of the data
function _PBox_datasize()
{
// Check if the size of the data is larger than 0
if (document.getElementById("_PBox_data").offsetWidth > 0 && document.getElementById("_PBox_data").offsetHeight > 0)
{
// Clear the interval
clearInterval(_PBox_interval);
// Set the new size
_PBox_global_content_width = document.getElementById("_PBox_data").offsetWidth;
_PBox_global_content_height = document.getElementById("_PBox_data").offsetHeight;
// Get the aspect ratio
var resize_aspect_ratio = _PBox_global_content_height / _PBox_global_content_width;
// Check if max size is exceeded
if (_PBox_global_content_width > (_PBox_global_window_width - _PBox_global_data_offset_width - (_PBox_design_border_thickness * 2)))
{
_PBox_global_content_width = (_PBox_global_window_width - _PBox_global_data_offset_width - (_PBox_design_border_thickness * 2));
_PBox_global_content_height = Math.floor(_PBox_global_content_width * resize_aspect_ratio);
};
if (_PBox_global_content_height > (_PBox_global_window_height - _PBox_global_data_offset_height - (_PBox_design_border_thickness * 2)))
{
_PBox_global_content_height = (_PBox_global_window_height - _PBox_global_data_offset_height - (_PBox_design_border_thickness * 2));
_PBox_global_content_width = Math.floor(_PBox_global_content_height / resize_aspect_ratio);
};
// Resize the container for the data
_PBox_resize_container_data();
}
}
// Resize the container for the data
function _PBox_resize_container_data()
{
// Resize the container for the data
var container_data = document.getElementById("_PBox_container_data");
if (_PBox_advanced_animation === true)
{
_PBox_global_next_func = "resize_data";
_PBox_scale_width(container_data, _PBox_global_content_width, 40);
_PBox_scale_height(container_data, _PBox_global_content_height, 30);
}
else
{
container_data.style.marginLeft = "-"+((_PBox_global_content_width + _PBox_design_border_thickness + _PBox_global_scroll_left) / 2)+"px";
container_data.style.width = _PBox_global_content_width+"px";
container_data.style.height = _PBox_global_content_height+"px";
// Resize the data
_PBox_resize_data();
}
// Hide the loading div
document.getElementById("_PBox_loading").style.visibility = "hidden";
}
// Resize the data
function _PBox_resize_data()
{
window.clearTimeout();
// Resize the data
var data = document.getElementById("_PBox_data");
data.style.marginLeft = "-"+(_PBox_global_content_width / 2)+"px";
data.style.position = "absolute";
data.style.top = "0px";
data.style.left = "50%";
data.style.width = _PBox_global_content_width+"px";
data.style.height = _PBox_global_content_height+"px";
data.style.border = "0px";
data.style.visibility = "visible";
document.getElementById("_PBox_container_data").appendChild(data);
//_PBox_create_information();
_PBox_next_previous();
}
// Funktion to create next/previous
function _PBox_next_previous()
{
var y = 1;
var current_no;
var last_no;
var prev_link;
var next_link
// Loop through all elements in group_list
for (var x = 0; x < _PBox_global_group_list.length; x++)
{
// Split group element information (groupname#filepath#headline#number)
var arr_info = _PBox_global_group_list[x];
// Check if current group_list element is part of the current group
if (arr_info[0] == _PBox_global_data_group)
{
// Check if current group_list element is the one being viewed
if (arr_info[1] == _PBox_global_data_path)
{
// Info for the current element
current_no = y;
// Check if there is a previous element
if (_PBox_global_group_list[Number(x - 1)])
{
// Info for the previous element
var prev_info = _PBox_global_group_list[Number(x - 1)];
}
// Check if there is a next element
if (_PBox_global_group_list[Number(x + 1)])
{
// Info for the next element
var next_info = _PBox_global_group_list[Number(x + 1)];
}
}
y++;
}
}
last_no = y - 1;
// Create the previous link if there is one
if (current_no > 1)
{prev_link = ""+_PBox_language_1+"";}
else
{prev_link = ""+_PBox_language_1+"";}
// Create the next link if there is one
if (current_no < last_no)
{next_link = ""+_PBox_language_2+"";}
else
{next_link = ""+_PBox_language_2+"";}
var _controls_text = _PBox_language_4.replace(/link_prev/i, prev_link);
_controls_text = _controls_text.replace(/link_next/i, next_link);
_controls_text = _controls_text.replace(/image_now/i, current_no);
_controls_text = _controls_text.replace(/image_total/i, last_no);
_PBox_create_information(_controls_text);
}
// Function to create the information field
function _PBox_create_information(_controls_text)
{
var container_data = document.getElementById("_PBox_container_data");
container_data.style.overflow = "visible";
var file_group_information = ((typeof(_PBox_global_data_group) == "string") ? _PBox_global_data_group+": " : "")+_PBox_global_data_headline+" "+((typeof(_PBox_global_data_group) == "string") ? _controls_text : "");
var information_text = "
