/* The MIT License
Copyright (c) 2008 Stanislav Müller
http://lifedraft.de
Version: 1.1
*/
var DhoniShow = function(element, options) {
if(this.elementsSet(element)){
this.current_index = 0;
this.queue = new this.queue();
this.dom = new this.dom(element, this);
this.options = jQuery.extend(jQuery.extend(this.defaultOptions(), options), new this.options(element));
this.queue.invokeModulesQueue(this, this.options);
}
};
DhoniShow.prototype = {
defaultOptions: function(){
return {
preloader : true,
duration : 10,
center : { elements: true },
effect : 'appear'
};
},
animating: function() {
return this.dom.element.find("*:animated").length;
},
elementsSet: function(element) {
if ( jQuery( element ).children().length > 0 ) return true;
jQuery( element ).append("Plese read instructions about using DhoniShow on "+
"
").find("p").addClass("error");
return false;
}
};
DhoniShow.prototype.queue = function(){
this.queues = {};
this.invoked = [];
};
DhoniShow.prototype.queue.prototype = {
moduleQueue: [],
register: function(type, scope, func /*, nArgs */){
this.queues[type] = this.queues[type] || [];
var args = []; for (var i = 3; i < arguments.length; i++) args.push(arguments[i]);
this.queues[type].push({scope: scope, func: func, args: args});
return func;
},
invokeAll: function(type /*, nArgs */) {
if(this.invoked.length != this.moduleQueue.length) { // Cache invokes until all modules have ran
this.setWaiter(jQuery.makeArray(arguments));
return;
}
for (var i=0; i < this.queues[type].length; i++) {
if(arguments.length > 1){
var args = jQuery.makeArray(arguments);
args.shift();
jQuery.extend(this.queues[type][i].args, args);
}
this.queues[type][i].func.apply(this.queues[type][i].scope, this.queues[type][i].args);
}
},
invokeModulesQueue: function(_this, options){
var optionsQueue = this.moduleQueue;
for (var i=0; i < optionsQueue.length; i++) {
_this[optionsQueue[i]] = new DhoniShow.fn[optionsQueue[i]](options[optionsQueue[i]], _this);
this.invoked.push(optionsQueue[i]);
}
},
setWaiter: function(args){
var _this = this;
return setTimeout(function(){
if(_this.invoked.length != _this.moduleQueue.length) {
setTimeout(arguments.callee, 100);
} else {
_this.invokeAll.apply(_this, args);
}
}, 100);
}
};
// ###########################################################################
DhoniShow.prototype.options = function(element) {
var names = element.className.match(/((\w*)-(\w*)|\w*)_(\w*-\w*-\w*|\w*-\w*|\w*)/g) || [];
for (var i = 0; i < names.length; i++) {
var option = /((\w*)-(\w*)|\w*)_(\w*-\w*-\w*|\w*-\w*|\w*)/.exec(names[i]);
var value = this.recognizeValue(option[4]);
switch(typeof option[3]){
case "undefined": // Matches (option_value) for cool browsers
this[option[1]] = value;
break;
case "string": // Matches (option-suboption_value)
if(option[3].length){
if(!this[option[2]] || this[option[2]].constructor != Object){
this[option[2]] = {};
}
this[option[2]][option[3]] = value;
} else if (option[2].length == 0 && jQuery.browser.msie){
/* All good browsers match: /((\w*)-(\w*)|\w*)_(\w*)/ > ["option_value", undefined, undefined, "value"]
but IEs matches > ["option_value", "", "", "value"] */
this[option[1]] = value;
}
break;
};
}
};
DhoniShow.prototype.options.prototype.recognizeValue = function(value){
if( /true|false/.test(value) ){
return value = !!( value.replace(/false/, "") ); // Wild hack
}
if( (/dot/).test(value) ){
return value = Number( value.replace(/dot/, ".") );
}
return value;
};
// ###########################################################################
DhoniShow.helper = {
image: function ( element ) {
var img;
element = (typeof element == "object" && element.nodeType == "undefined" || element.length) ? element[0] : element;
if(element.nodeName.toLowerCase() != "img") {
if((img = jQuery(element).find("img")) || (img = jQuery(element).filter("img"))){
if(img.length > 0){
element = img[0];
}
}
}
return element;
},
delayed_image_load: function ( image, func, scope, args ) {
var src = image.attr("src");
image.attr("src", "#");
image.bind("load", function (){
if(args) {
var arg = jQuery.makeArray(args);
arg.push({width: this.width, height: this.height});
}
func.apply(scope, arg || []);
jQuery(this).unbind("load");
});
image.attr("src", src);
},
delayed_dimensions_load: function(dimensions, func, scope, args) {
var image;
if(!!!dimensions.width && !!!dimensions.height){
if( ( image = jQuery(this.image(scope)) ).length > 0 ) {
this.delayed_image_load(image, func, scope, args);
}
}
},
to_number: function(string){
return new Number(string.replace(/dot|px/, ""));
}
};
// ###########################################################################
DhoniShow.prototype.dom = function(element, parent){
this.parent = parent;
this.element = jQuery(element);
this.saveChildren();
this.placeholders();
this.invokeModules();
this.setUpdaters();
};
DhoniShow.prototype.dom.prototype = {
template : ['', // Need this for the align IE6 support, cause double class selectors doesn't work
'
',
'
@alt
',
'
",
'
").append(this.lis);
this.parent.dom.element.find(".dhonishow-aligner").append(this.element);
},
center: function(){
var _this = this;
var liDimension = {width: this.lis.width(), height: this.lis.height()};
jQuery.each(this.parent.center.dimensions, function(index){
if(index != "max"){
jQuery(_this.lis[index]).children().css({
left: (liDimension.width/2 - this.width/2)+"px",
top: (liDimension.height/2 - this.height/2)+"px"
});
}
});
},
addObservers: function(){
var _this = this;
this.lis.find("a").bind("click", function(event){
var index = new Number(this.href.split("#")[1]),
current_index = _this.parent.current_index;
_this.parent.current_index = index;
_this.parent.effect.update(current_index, index);
return false;
});
},
set_active: function(){
this.lis.removeClass("active").eq(this.parent.current_index).addClass("active");
}
};
// ###########################################################################
jQuery.fn.dhonishow = function(options){
return jQuery.each(this, function(index){
new DhoniShow(this, options, index);
});
};
jQuery(function(){jQuery(".dhonishow").dhonishow();});