//ceebox
/*
* Ceebox 1.3.1
* By Colin Fahrion (http://www.catcubed.com)
* Adapted from Thickbox (http://jquery.com/demo/thickbox/) Copyright (c) 2007 Cody Lindley (http://www.codylindley.com)
* Video pop-up code inspired by Videobox (http://videobox-lb.sourceforge.net/)
* Copyright (c) 2009 Colin Fahrion
* Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
* Ceebox 1.3 requires jQuery 1.3.2 and swfobject.jquery.js plugin to work
*/
/* 1.3.1 UPGRADE
* Code cleanup and optimization. Reduced size of file from 17.7KB to 15.5KB. Minimized version is 10.1KB
* Includes IE6 fix provided by Mark Elphinstone-Hoadley
*/
/* 1.2 UPGRADE
* Uses the much smaller jquery.swfobject.js 1.0.7 instead of the swfobject.js
* Allows Base Width & Height to be flexible based on the browser window or static
* fixes problem with Esc not working and position problem with iframes
* adds arrow keys functionality to move to next/prev image when used for galleries
* General code cleanup.
*/
/* 1.1 UPGRADE
* includes fix for jQuery 1.3.2
* adds support for Vimeo and Dailymotion
*/
// BASE SETTINGS - Edit to your liking
// path to loading animationChange base settings below.
var pathToLoadingAnim = "../images/loadinganimation.gif";
// Base Width and Height for html boxes
// if set to false, size is set automatically by size of browser window. Can be set to a static size (ie, var vidBaseW = 480; var vidBaseH = 359;).
var htmlBaseW = false;
var htmlBaseH = false;
// Base Width and Height for video boxes
// if set to false, size is set automatically by size of browser window. Can be set to a static size (ie, var vidBaseW = 480; var vidBaseH = 359;).
var vidBaseW = false;
var vidBaseH = false;
/*!!!!!!!!!!!!!!!!! edit below this line at your own risk !!!!!!!!!!!!!!!!!!!!!!!*/
//on page load call cee_init
$(document).ready(function(){
cee_init('a.ceebox, area.ceebox, input.ceebox');//pass where to apply ceebox
imgLoader = new Image();// preload image
imgLoader.src = pathToLoadingAnim;
});
//add ceebox function to href & area elements that have a class of .ceebox
function cee_init(domChunk){
$(domChunk).click(function(){
var t = this.title || this.name || null;
var a = this.href || this.alt;
var g = this.rel || false;
cee_show(t,a,g);
this.blur();
return false;
});
}
function cee_show(caption, url, rel) {//function called when the user clicks on a ceebox link
try {
if (typeof document.body.style.maxHeight === "undefined") {//if IE 6
$("body","html").css({height: "100%", width: "100%"});
$("html").css("overflow","hidden");
if (document.getElementById("cee_HideSelect") === null) {//iframe to hide select elements in ie6
$("body").append("");
$("#cee_overlay").click(cee_remove);
}
}else{//all others
if(document.getElementById("cee_overlay") === null){
$("body").append("");
$("#cee_overlay").click(cee_remove);
}
}
//For Firefox use png overlay to hide flash otherwise use background and opacity
(cee_detectMacXFF()) ? $("#cee_overlay").addClass("cee_overlayMacFFBGHack") : $("#cee_overlay").addClass("cee_overlayBG");
if(caption===null){caption="";}
$("body").append("
");//add loader to the page
$('#cee_load').show();//show loader
var baseURL = (url.indexOf("?")!==-1) ? url.substr(0, url.indexOf("?")) : url; //grab query string if there is one
var urlString = /\.jpg$|\.jpeg$|\.png$|\.gif$|\.bmp$|\.swf$|\.htm$|\.html$|\.asp$|\.aspx$/;
var urlType = baseURL.toLowerCase().match(urlString);
// Size of module window for video or html
var vidSize = cee_getSize(rel,vidBaseW,vidBaseH);
var htmlSize = cee_getSize(rel,htmlBaseW,htmlBaseH);
if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){
//Display images in box
imgs = {
pCap: "",
pUrl: "",
pHtml: "",
nCap: "",
nUrl: "",
nHtml: "",
count: "",
fUrl: false
}
if(rel){
cee_TempArray = $("a[rel="+rel+"]").get();
for (i = 0; ((i < cee_TempArray.length) && (imgs.nHtml === "")); i++) {
var urlTypeTemp = cee_TempArray[i].href.toLowerCase().match(urlString);
if (!(cee_TempArray[i].href == url)) {
if (imgs.fUrl) {
imgs.nCap = cee_TempArray[i].title;
imgs.nUrl = cee_TempArray[i].href;
imgs.nHtml = "Next >";
} else {
imgs.pCap = cee_TempArray[i].title;
imgs.pUrl = cee_TempArray[i].href;
imgs.pHtml = "< Prev";
}
} else {
imgs.fUrl = true;
imgs.count = "Image " + (i + 1) +" of "+ (cee_TempArray.length);
}
}
}
imgPreloader = new Image();
imgPreloader.onload = function(){
imgPreloader.onload = null;
// Resizing large images
var pagesize = cee_getPageSize();
var x = pagesize[0] - 150;
var y = pagesize[1] - 150;
var imgW = imgPreloader.width;
var imgH = imgPreloader.height;
if (imgW > x) {
imgW = x;
imgH = imgH * (x / imgW);
};
if (imgH > y) {
imgW = imgW * (y/imgH);
imgH = y;
};
// End Resizing
$("#cee_window").append("" + "
");
}
}else{ //if the window is already up, we are just loading new content via ajax
$("#cee_ajaxContent")[0].style.width = ajaxSize[0] +"px";
$("#cee_ajaxContent")[0].style.height = ajaxSize[1] +"px";
$("#cee_ajaxContent")[0].scrollTop = 0;
$("#cee_ajaxWindowTitle").html(caption);
}
$("#cee_closeWindowButton").click(cee_remove);
if (rel && rel.match(/#[a-z_A-Z1-9]+/)){ //if the user as supplied a id to target in the rel than use that
targetId = rel.match(/#[a-z_A-Z1-9]+/);
$("#cee_ajaxContent").load(url + " " + targetId);
} else {
$("#cee_ajaxContent").load(url);
}
cee_position(htmlSize[0]+30, htmlSize[1]+40);
$("#cee_load").remove();
cee_init("#cee_ajaxContent a.ceebox");
$("#cee_window").css({display:"block"});
document.onkeyup = function(e){
e = e || window.event;
(e.keyCode == 27 || e.which == 27) ? cee_remove() : false ;
};
}else{
//else show as iframe (catch-all)
iframeSize = [htmlSize[0] + 29,htmlSize[1] + 12];
$("#cee_iframeContent").remove();
if (rel && rel.match("modal")) {//modal iframe ceebox
$("#cee_overlay").unbind();
$("#cee_window").append("");
} else {//normal non-modal iframe ceebox (this is what it defaults to)
$("#cee_window").append("