/*
* Thickbox 3.1 - One Box To Rule Them All.
* By Cody Lindley (http://www.codylindley.com)
* Copyright (c) 2007 cody lindley
* Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
*/
var tb_pathToImage = "/themes/zadkine/img/loading.gif";
/*!!!!!!!!!!!!!!!!! edit below this line at your own risk !!!!!!!!!!!!!!!!!!!!!!!*/
//on page load call tb_init
$(document).ready(function(){
tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
imgLoader = new Image();// preload image
imgLoader.src = tb_pathToImage;
});
//add thickbox to href & area elements that have a class of .thickbox
function tb_init(domChunk){
$(domChunk).click(function(){
var t = this.title || this.name || null;
var a = this.href || this.alt;
var g = this.rel || false;
tb_show(t,a,g);
this.blur();
return false;
});
}
function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox 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("TB_HideSelect") === null) {//iframe to hide select elements in ie6
$("body").append("");
$("#TB_overlay").click(tb_remove);
}
}else{//all others
if(document.getElementById("TB_overlay") === null){
$("body").append("");
$("#TB_overlay").click(tb_remove);
}
}
if(tb_detectMacXFF()){
$("#TB_overlay").addClass("TB_overlayMacFFBGHack");//use png overlay so hide flash
}else{
$("#TB_overlay").addClass("TB_overlayBG");//use background and opacity
}
if(caption===null){caption="";}
$("body").append("
");//add loader to the page
$('#TB_load').show();//show loader
var baseURL;
if(url.indexOf("?")!==-1){ //ff there is a query string involved
baseURL = url.substr(0, url.indexOf("?"));
}else{
baseURL = url;
}
var urlString = /\.jpg$|\.jpeg$|\.png$|\.gif$|\.bmp$/;
var urlType = baseURL.toLowerCase().match(urlString);
if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){//code to show images
TB_PrevCaption = "";
TB_PrevURL = "";
TB_PrevHTML = "";
TB_NextCaption = "";
TB_NextURL = "";
TB_NextHTML = "";
TB_imageCount = "";
TB_FoundURL = false;
if(imageGroup){
TB_TempArray = $("a[@rel="+imageGroup+"]").get();
for (TB_Counter = 0; ((TB_Counter < TB_TempArray.length) && (TB_NextHTML === "")); TB_Counter++) {
var urlTypeTemp = TB_TempArray[TB_Counter].href.toLowerCase().match(urlString);
if (!(TB_TempArray[TB_Counter].href == url)) {
if (TB_FoundURL) {
TB_NextCaption = TB_TempArray[TB_Counter].title;
TB_NextURL = TB_TempArray[TB_Counter].href;
TB_NextHTML = "Next >";
} else {
TB_PrevCaption = TB_TempArray[TB_Counter].title;
TB_PrevURL = TB_TempArray[TB_Counter].href;
TB_PrevHTML = "< Prev";
}
} else {
TB_FoundURL = true;
TB_imageCount = "Image " + (TB_Counter + 1) +" of "+ (TB_TempArray.length);
}
}
}
imgPreloader = new Image();
imgPreloader.onload = function(){
imgPreloader.onload = null;
// Resizing large images - orginal by Christian Montoya edited by me.
var pagesize = tb_getPageSize();
var x = pagesize[0] - 150;
var y = pagesize[1] - 150;
var imageWidth = imgPreloader.width;
var imageHeight = imgPreloader.height;
if (imageWidth > x) {
imageHeight = imageHeight * (x / imageWidth);
imageWidth = x;
if (imageHeight > y) {
imageWidth = imageWidth * (y / imageHeight);
imageHeight = y;
}
} else if (imageHeight > y) {
imageWidth = imageWidth * (y / imageHeight);
imageHeight = y;
if (imageWidth > x) {
imageHeight = imageHeight * (x / imageWidth);
imageWidth = x;
}
}
// End Resizing
TB_WIDTH = imageWidth + 30;
TB_HEIGHT = imageHeight + 60;
$("#TB_window").append("" + "
");
}else{//ajax modal
$("#TB_overlay").unbind();
$("#TB_window").append("");
}
}else{//this means the window is already up, we are just loading new content via ajax
$("#TB_ajaxContent")[0].style.width = ajaxContentW +"px";
$("#TB_ajaxContent")[0].style.height = ajaxContentH +"px";
$("#TB_ajaxContent")[0].scrollTop = 0;
$("#TB_ajaxWindowTitle").html(caption);
}
}
$("#TB_closeWindowButton").click(tb_remove);
if(url.indexOf('TB_inline') != -1){
$("#TB_ajaxContent").append($('#' + params['inlineId']).children());
$("#TB_window").unload(function () {
$('#' + params['inlineId']).append( $("#TB_ajaxContent").children() ); // move elements back when you're finished
});
tb_position();
$("#TB_load").remove();
$("#TB_window").css({display:"block"});
}else if(url.indexOf('TB_iframe') != -1){
tb_position();
if($.browser.safari){//safari needs help because it will not fire iframe onload
$("#TB_load").remove();
$("#TB_window").css({display:"block"});
}
}else{
$("#TB_ajaxContent").load(url += "&random=" + (new Date().getTime()),function(){//to do a post change this load method
tb_position();
$("#TB_load").remove();
tb_init("#TB_ajaxContent a.thickbox");
$("#TB_window").css({display:"block"});
});
}
}
if(!params['modal']){
document.onkeyup = function(e){
if (e == null) { // ie
keycode = event.keyCode;
} else { // mozilla
keycode = e.which;
}
if(keycode == 27){ // close
tb_remove();
}
};
}
} catch(e) {
//nothing here
}
}
//helper functions below
function tb_showIframe(){
$("#TB_load").remove();
$("#TB_window").css({display:"block"});
}
function tb_remove() {
$("#TB_imageOff").unbind("click");
$("#TB_closeWindowButton").unbind("click");
$("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').trigger("unload").unbind().remove();});
$("#TB_load").remove();
if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
$("body","html").css({height: "auto", width: "auto"});
$("html").css("overflow","");
}
document.onkeydown = "";
document.onkeyup = "";
return false;
}
function tb_position() {
$("#TB_window").css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'});
if ( !(jQuery.browser.msie && jQuery.browser.version < 7)) { // take away IE6
$("#TB_window").css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) + 'px'});
}
}
function tb_parseQuery ( query ) {
var Params = {};
if ( ! query ) {return Params;}// return empty object
var Pairs = query.split(/[;&]/);
for ( var i = 0; i < Pairs.length; i++ ) {
var KeyVal = Pairs[i].split('=');
if ( ! KeyVal || KeyVal.length != 2 ) {continue;}
var key = unescape( KeyVal[0] );
var val = unescape( KeyVal[1] );
val = val.replace(/\+/g, ' ');
Params[key] = val;
}
return Params;
}
function tb_getPageSize(){
var de = document.documentElement;
var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
arrayPageSize = [w,h];
return arrayPageSize;
}
function tb_detectMacXFF() {
var userAgent = navigator.userAgent.toLowerCase();
if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) {
return true;
}
}
/*
* jQuery tableHover plugin
* Version: 0.1.4
*
* Copyright (c) 2007 Roman Weich
* http://p.sohei.org
*
* Dual licensed under the MIT and GPL licenses
* (This means that you can choose the license that best suits your project, and use it accordingly):
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* Changelog:
* v 0.1.4 - 2007-12-17
* - fix: clicking on a link or child element inside a cell did not set the clickClass on the rows/columns.
* v 0.1.3 - 2007-09-04
* - fix: highlight did not work when the hovered table cell had child elements inside
* v 0.1.2 - 2007-08-13
* - fix/change: changed event binding routine, as is got really slow with jquery 1.1.3.1
* -change: added new option "ignoreCols", through which columns can be excluded from the highlighting process
* v 0.1.1 - 2007-06-05
* - fix: errors when using the plugin on a table not having a theader or tfoot
* v 0.1.0 - 2007-05-31
*/
(function($)
{
/**
* Calculates the actual cellIndex value of all cells in the table and stores it in the realCell property of each cell.
* Thats done because the cellIndex value isn't correct when colspans or rowspans are used.
* Originally created by Matt Kruse for his table library - Big Thanks! (see http://www.javascripttoolbox.com/)
* @param {element} table The table element.
*/
var fixCellIndexes = function(table)
{
var rows = table.rows;
var len = rows.length;
var matrix = [];
for ( var i = 0; i < len; i++ )
{
var cells = rows[i].cells;
var clen = cells.length;
for ( var j = 0; j < clen; j++ )
{
var c = cells[j];
var rowSpan = c.rowSpan || 1;
var colSpan = c.colSpan || 1;
var firstAvailCol = -1;
if ( !matrix[i] )
{
matrix[i] = [];
}
var m = matrix[i];
// Find first available column in the first row
while ( m[++firstAvailCol] ) {}
c.realIndex = firstAvailCol;
for ( var k = i; k < i + rowSpan; k++ )
{
if ( !matrix[k] )
{
matrix[k] = [];
}
var matrixrow = matrix[k];
for ( var l = firstAvailCol; l < firstAvailCol + colSpan; l++ )
{
matrixrow[l] = 1;
}
}
}
}
};
/**
* Sets the rowIndex of each row in the table.
* Opera seems to get that wrong using document order instead of logical order on the tfoot-tbody part.
* @param {element} table The table element.
*/
var fixRowIndexes = function(tbl)
{
var v = 0, i, k, r = ( tbl.tHead ) ? tbl.tHead.rows : 0;
if ( r )
{
for ( i = 0; i < r.length; i++ )
{
r[i].realRIndex = v++;
}
}
for ( k = 0; k < tbl.tBodies.length; k++ )
{
r = tbl.tBodies[k].rows;
if ( r )
{
for ( i = 0; i < r.length; i++ )
{
r[i].realRIndex = v++;
}
}
}
r = ( tbl.tFoot ) ? tbl.tFoot.rows : 0;
if ( r )
{
for ( i = 0; i < r.length; i++ )
{
r[i].realRIndex = v++;
}
}
};
/**
* Highlights table rows and/or columns on mouse over.
* Fixes the highlight of the currently highlighted rows/columns on click.
* Works on tables with rowspans and colspans.
*
* @param {map} options An object for optional settings (options described below).
*
* @option {boolean} allowHead Allow highlighting when hovering over the table header.
* Default value: true
* @option {boolean} allowBody Allow highlighting when hovering over the table body.
* Default value: true
* @option {boolean} allowFoot Allow highlighting when hovering over the table footer.
* Default value: true
*
* @option {boolean} headRows If true the rows in the table header will be highlighted when hovering over them.
* Default value: false
* @option {boolean} bodyRows If true the rows in the table body will be highlighted when hovering over them.
* Default value: true
* @option {boolean} footRows If true the rows in the table footer will be highlighted when hovering over them.
* Default value: false
* @option {boolean} spanRows When hovering over a cell spanning over more than one row, highlight all spanned rows.
* Default value: true
*
* @option {boolean} headCols If true the cells in the table header (matching the currently hovered column) will be highlighted.
* Default value: false
* @option {boolean} bodyCols If true the cells in the table body (matching the currently hovered column) will be highlighted.
* Default value: true
* @option {boolean} footCols If true the cells in the table footer (matching the currently hovered column) will be highlighted.
* Default value: false
* @option {boolean} spanCols When hovering over a cell spanning over more than one column, highlight all spanned columns.
* Default value: true
* @option {array} ignoreCols An array of numbers. Each column with the matching column index won't be included in the highlighting process.
* Index starting at 1!
* Default value: [] (empty array)
*
* @option {boolean} headCells Set a special highlight class to the cell the mouse pointer is currently pointing at (inside the table header only).
* Default value: false
* @option {boolean} bodyCells Set a special highlight class to the cell the mouse pointer is currently pointing at (inside the table body only).
* Default value: true
* @option {boolean} footCells Set a special highlight class to the cell the mouse pointer is currently pointing at (inside the table footer only).
* Default value: false
*
* @option {string} rowClass The css class set to the currently highlighted row.
* Default value: 'hover'
* @option {string} colClass The css class set to the currently highlighted column.
* Default value: '' (empty string)
* @option {string} cellClass The css class set to the currently highlighted cell.
* Default value: '' (empty string)
* @option {string} clickClass The css class set to the currently highlighted row and column on mouse click.
* Default value: '' (empty string)
*
* @example $('#table').tableHover({});
* @desc Add simple row highlighting to #table with default settings.
*
* @example $('#table').tableHover({rowClass: "someclass", colClass: "someotherclass"});
* @desc Add row and columnhighlighting to #table and set the specified css classes to the highlighted cells.
*
* @example $('#table').tableHover({clickClass: "someclickclass"});
* @desc Add simple row highlighting to #table and set the specified css class on the cells when clicked.
*
* @example $('#table').tableHover({allowBody: false, allowFoot: false, allowHead: true, colClass: "someclass"});
* @desc Add column highlighting on #table only highlighting the cells when hovering over the table header.
*
* @example $('#table').tableHover({bodyCols: false, footCols: false, headCols: true, colClass: "someclass"});
* @desc Add column highlighting on #table only for the cells in the header.
*
* @type jQuery
*
* @name tableHover
* @cat Plugins/tableHover
* @author Roman Weich (http://p.sohei.org)
*/
$.fn.tableHover = function(options)
{
var settings = $.extend({
allowHead : true,
allowBody : true,
allowFoot : true,
headRows : false,
bodyRows : true,
footRows : false,
spanRows : true,
headCols : false,
bodyCols : true,
footCols : false,
spanCols : true,
ignoreCols : [],
headCells : false,
bodyCells : true,
footCells : false,
//css classes,,
rowClass : 'hover',
colClass : '',
cellClass : '',
clickClass : ''
}, options);
return this.each(function()
{
var colIndex = [], rowIndex = [], tbl = this, r, rCnt = 0, lastClick = [-1, -1];
if ( !tbl.tBodies || !tbl.tBodies.length )
{
return;
}
/**
* Adds all rows and each of their cells to the row and column indexes.
* @param {array} rows An array of table row elements to add.
* @param {string} nodeName Defines whether the rows are in the header, body or footer of the table.
*/
var addToIndex = function(rows, nodeName)
{
var c, row, rowI, cI, rI, s;
//loop through the rows
for ( rowI = 0; rowI < rows.length; rowI++, rCnt++ )
{
row = rows[rowI];
//each cell
for ( cI = 0; cI < row.cells.length; cI++ )
{
c = row.cells[cI];
//add to rowindex
if ( (nodeName == 'TBODY' && settings.bodyRows)
|| (nodeName == 'TFOOT' && settings.footRows)
|| (nodeName == 'THEAD' && settings.headRows) )
{
s = c.rowSpan;
while ( --s >= 0 )
{
rowIndex[rCnt + s].push(c);
}
}
//add do colindex
if ( (nodeName == 'TBODY' && settings.bodyCols)
|| (nodeName == 'THEAD' && settings.headCols)
|| (nodeName == 'TFOOT' && settings.footCols) )
{
s = c.colSpan;
while ( --s >= 0 )
{
rI = c.realIndex + s;
if ( $.inArray(rI + 1, settings.ignoreCols) > -1 )
{
break;//dont highlight the columns in the ignoreCols array
}
if ( !colIndex[rI] )
{
colIndex[rI] = [];
}
colIndex[rI].push(c);
}
}
//allow hover for the cell?
if ( (nodeName == 'TBODY' && settings.allowBody)
|| (nodeName == 'THEAD' && settings.allowHead)
|| (nodeName == 'TFOOT' && settings.allowFoot) )
{
c.thover = true;
}
}
}
};
/**
* Mouseover event handling. Set the highlight to the rows/cells.
*/
var over = function(e)
{
var p = e.target;
while ( p != this && p.thover !== true )
{
p = p.parentNode;
}
if ( p.thover === true )
{
highlight(p, true);
}
};
/**
* Mouseout event handling. Remove the highlight from the rows/cells.
*/
var out = function(e)
{
var p = e.target;
while ( p != this && p.thover !== true )
{
p = p.parentNode;
}
if ( p.thover === true )
{
highlight(p, false);
}
};
/**
* Mousedown event handling. Sets or removes the clickClass css style to the currently highlighted rows/cells.
*/
var click = function(e)
{
var t = e.target;
while ( t && t != tbl && !t.thover ) //search the real target
t = t.parentNode;
if ( t.thover && settings.clickClass != '' )
{
var x = t.realIndex, y = t.parentNode.realRIndex, s = '';
//unclick
$('td.' + settings.clickClass + ', th.' + settings.clickClass, tbl).removeClass(settings.clickClass);
if ( x != lastClick[0] || y != lastClick[1] )
{
//click..
if ( settings.rowClass != '' )
{
s += ',.' + settings.rowClass;
}
if ( settings.colClass != '' )
{
s += ',.' + settings.colClass;
}
if ( settings.cellClass != '' )
{
s += ',.' + settings.cellClass;
}
if ( s != '' )
{
$('td, th', tbl).filter(s.substring(1)).addClass(settings.clickClass);
}
lastClick = [x, y];
}
else
{
lastClick = [-1, -1];
}
}
};
/**
* Adds or removes the highlight to/from the columns and rows.
* @param {element} cell The cell with the mouseover/mouseout event.
* @param {boolean} on Defines whether the style will be set or removed.
*/
var highlight = function(cell, on)
{
if ( on ) //create dummy funcs - dont want to test for on==true all the time
{
$.fn.tableHoverHover = $.fn.addClass;
}
else
{
$.fn.tableHoverHover = $.fn.removeClass;
}
//highlight columns
var h = colIndex[cell.realIndex] || [], rH = [], i = 0, rI, nn;
if ( settings.colClass != '' )
{
while ( settings.spanCols && ++i < cell.colSpan && colIndex[cell.realIndex + i] )
{
h = h.concat(colIndex[cell.realIndex + i]);
}
$(h).tableHoverHover(settings.colClass);
}
//highlight rows
if ( settings.rowClass != '' )
{
rI = cell.parentNode.realRIndex;
if ( rowIndex[rI] )
{
rH = rH.concat(rowIndex[rI]);
}
i = 0;
while ( settings.spanRows && ++i < cell.rowSpan )
{
if ( rowIndex[rI + i] )
{
rH = rH.concat(rowIndex[rI + i]);
}
}
$(rH).tableHoverHover(settings.rowClass);
}
//highlight cell
if ( settings.cellClass != '' )
{
nn = cell.parentNode.parentNode.nodeName.toUpperCase();
if ( (nn == 'TBODY' && settings.bodyCells)
|| (nn == 'THEAD' && settings.headCells)
|| (nn == 'TFOOT' && settings.footCells) )
{
$(cell).tableHoverHover(settings.cellClass);
}
}
};
fixCellIndexes(tbl);
fixRowIndexes(tbl);
//init rowIndex
for ( r = 0; r < tbl.rows.length; r++ )
{
rowIndex[r] = [];
}
//add header cells to index
if ( tbl.tHead )
{
addToIndex(tbl.tHead.rows, 'THEAD');
}
//create index - loop through the bodies
for ( r = 0; r < tbl.tBodies.length; r++ )
{
addToIndex(tbl.tBodies[r].rows, 'TBODY');
}
//add footer cells to index
if ( tbl.tFoot )
{
addToIndex(tbl.tFoot.rows, 'TFOOT');
}
$(this).bind('mouseover', over).bind('mouseout', out).click(click);
});
};
})(jQuery);