/*jslint browser: true*/
/*global $, jQuery, Cav*/
/* * * * * * * * * * * * * * * *
* *
* @author Mike Cavaliere *
* *
* http://cavaliere.org *
* *
* * * * * * * * * * * * * * * */
if (typeof Cav === 'undefined')
{
Cav = {};
}
/*
* IE doesn't implement these constants
*/
if (typeof document.ELEMENT_NODE === 'undefined')
{
document.ELEMENT_NODE = 1;
}
if (typeof document.TEXT_NODE === 'undefined')
{
document.TEXT_NODE = 3;
}
(function()
{
$.ajaxSetup({
cache: false
});
Cav.Config = {
debug: true
};
Cav.Util = {
log: function()
{
if (!Cav.Config.debug) { return; }
if (!window.cav)
{
window.cav = {};
window.cav.log = [];
}
function write(str)
{
try
{
var d = new Date();
window.cav.log.push('(' + d.getTime() + ') ' + d.toString() + ": " + str);
}
catch (err1)
{
}
}
function dump()
{
var log;
if (arguments[0])
{
var regexp = arguments[0];
log = window.cav.log.filter(function(str)
{
return regexp.test(str);
});
}
else
{
log = window.cav.log;
}
try
{
console.log(log.join("\n"));
}
catch (err)
{
try
{
var logWindow = window.open("about:blank", "logWindow", "toolbar=no,width=500,height=500,resizable=yes,scrollbars=yes");
logWindow.document.write('' +
'' +
window.cav.log.join('
') +
'');
}
catch (err2)
{
alert(window.cav.log.join("\n"));
}
}
}
// Determine what to do based on params
if (arguments[0])
{
switch (arguments[0].constructor)
{
// Util.log(/pattern/) - filter log and output it
case RegExp:
dump(arguments[0]);
break;
// Util.log("some string") - add "some string" to the log
case String:
write(arguments[0]);
break;
default:
throw new Error("Util.log called with invalid argument.");
}
}
else
{
// Util.log() - no params, output the log
dump();
}
},
/*
* Convert a tree of XML nodes to the HTML equivalent.
*
* Taken from http://www.alistapart.com/articles/crossbrowserscripting
*/
XmlToHtml: function(node, allChildren)
{
switch (node.nodeType)
{
case document.ELEMENT_NODE:
var newNode = document.createElement(node.nodeName);
/* does the node have any attributes to add? */
if (node.attributes && node.attributes.length > 0)
{
Cav.Util.log('element node has attributes...');
for (var i = 0, il = node.attributes.length; i < il; i++ )
{
Cav.Util.log('i: '+i);
newNode.setAttribute( node.attributes[i].nodeName, node.getAttribute(node.attributes[i].nodeName) );
}
}
/* are we going after children too, and does the node have any? */
if (allChildren && node.childNodes && node.childNodes.length > 0)
{
Cav.Util.log('element node has children...');
for (var i = 0, il = node.childNodes.length; i < il; i++)
{
Cav.Util.log('i: '+i);
var children = Cav.Util.XmlToHtml(node.childNodes[i], allChildren);
newNode.appendChild(children);
}
}
return newNode;
case document.TEXT_NODE:
case document.CDATA_SECTION_NODE:
case document.COMMENT_NODE:
return document.createTextNode(node.nodeValue);
}
}
};
/*
* Constructor
*/
Cav.Gallery = function(el)
{
Cav.Util.log('Gallery() constructor');
var gallery = this, projectId;
this.element = el;
this.viewer = this.element.find('.viewer');
this.thumbList = this.element.find('.thumbs');
this.captionList = this.element.find('.descriptions');
this.loader = $('
' );
}
// TODO - move this into a shared method; call it every time an image is requested
images = gallery.thumbList.find('img');
// Set the first one to "on"
images.filter(":first").imageToggle(true);
images
// Basic UI events
.hoverToggle(0).clickToggle(0)
// Image swapping
.click(function(e)
{
var index = gallery.thumbList.find('img').index( $(e.target) );
gallery.loadImage( projectId, index );
gallery.updateDescription( projectId, index );
});
},
/*
* Update descriptive text
*/
updateDescription: function( projectId, imageIndex )
{
var gallery = this,
desc = this.captionList.html(''),
children = this.imageData( projectId, imageIndex ).description.childNodes;
for (var i=0; i for this page and make it our root
this.data = $(xml.documentElement).find('section#'+document.body.id);
var sections = xml.documentElement.getElementsByTagName('section');
this.images = {};
for(var i=0; i');
$('#body').append( this.blocker );
}
this.blocker.fadeIn();
},
unblockUI: function()
{
this.blocker.fadeOut();
},
showLoader: function()
{
var gallery = this;
this.loader.fadeIn(200, function()
{
Cav.Util.log('after-loader-show');
gallery.element.trigger('after-loader-show');
});
},
hideLoader: function()
{
Cav.Util.log('hideLoader()');
var gallery = this;
this.loader.fadeOut(200, function()
{
Cav.Util.log('after-loader-hide');
gallery.element.trigger('after-loader-hide');
});
},
/*
* Image transitions
*/
showImage: function( index )
{
var gallery = this;
gallery.viewer.find('img')
// Hide existing images
.filter(':visible').hide().end()
// Show desired image
.eq(index).show();
gallery.captions.hide().eq(index).show();
},
/*
* Set the active thumbnail
*/
setThumb: function( index )
{
var thumbs = this.thumbList.children(),
newThumb = thumbs.eq(index);
// Turn off old one
if ( !!this.currentThumb && this.currentThumb[0] !== newThumb )
{
this.currentThumb.children('img').imageToggle(false).hoverToggle();
}
this.currentThumb = newThumb;
// Turn on current one
this.currentThumb.children('img').unbind().imageToggle(true);
}
};
Cav.Gallery._instances = [];
})();