Subversion-Projekte lars-tiefland.codeigniter

/*

moo.fx pack, effects extensions for moo.fx.

by Valerio Proietti (http://mad4milk.net) MIT-style LICENSE

for more info visit (http://moofx.mad4milk.net).

Wednesday, November 16, 2005

v1.0.4

*/

//text size modify, now works with pixels too.

fx.Text = Class.create();

fx.Text.prototype = Object.extend(new fx.Base(), {

	initialize: function(el, options) {

		this.el = $(el);

		this.setOptions(options);

		if (!this.options.unit) this.options.unit = "em";

	},

	increase: function() {

		this.el.style.fontSize = this.now + this.options.unit;

	}

});

//composition effect, calls Width and Height alltogheter

fx.Resize = Class.create();

fx.Resize.prototype = {

	initialize: function(el, options) {

		this.h = new fx.Height(el, options);

		if (options) options.onComplete = null;

		this.w = new fx.Width(el, options);

		this.el = $(el);

	},

	toggle: function(){

		this.h.toggle();

		this.w.toggle();

	},

	modify: function(hto, wto) {

		this.h.custom(this.el.offsetHeight, this.el.offsetHeight + hto);

		this.w.custom(this.el.offsetWidth, this.el.offsetWidth + wto);

	},

	custom: function(hto, wto) {

		this.h.custom(this.el.offsetHeight, hto);

		this.w.custom(this.el.offsetWidth, wto);

	},

	hide: function(){

		this.h.hide();

		this.w.hide();

	}

}

//composition effect, calls Opacity and (Width and/or Height) alltogheter

fx.FadeSize = Class.create();

fx.FadeSize.prototype = {

	initialize: function(el, options) {

		this.el = $(el);

		this.el.o = new fx.Opacity(el, options);

		if (options) options.onComplete = null;

		this.el.h = new fx.Height(el, options);

		this.el.w = new fx.Width(el, options);

	},

	toggle: function() {

		this.el.o.toggle();

		for (var i = 0; i < arguments.length; i++) {

			if (arguments[i] == 'height') this.el.h.toggle();

			if (arguments[i] == 'width') this.el.w.toggle();

		}

	},

	hide: function(){

		this.el.o.hide();

		for (var i = 0; i < arguments.length; i++) {

			if (arguments[i] == 'height') this.el.h.hide();

			if (arguments[i] == 'width') this.el.w.hide();

		}

	}

}

//intended to work with arrays.

var Multi = new Object();

Multi = function(){};

Multi.prototype = {

	initialize: function(elements, options){

		this.options = options;

		this.el = this.getElementsFromArray(elements);

		for (i=0;i<this.el.length;i++){

			this.effect(this.el[i]);

		}

	},

	getElementsFromArray: function(array) {

		var elements = new Array();

		for (i=0;i<array.length;i++) {

			elements.push($(array[i]));

		}

		return elements;

	}

}

//Fadesize with arrays

fx.MultiFadeSize = Class.create();

fx.MultiFadeSize.prototype = Object.extend(new Multi(), {

	effect: function(el){

		el.fs = new fx.FadeSize(el, this.options);

	},

	showThisHideOpen: function(el, delay, mode){

		for (i=0;i<this.el.length;i++){

			if (this.el[i].offsetHeight > 0 && this.el[i] != el && this.el[i].h.timer == null && el.h.timer == null){

				this.el[i].fs.toggle(mode);

				setTimeout(function(){el.fs.toggle(mode);}.bind(el), delay);

			}

		}

	},

	hide: function(el, mode){

		el.fs.hide(mode);

	}

});

var Remember = new Object();

Remember = function(){};

Remember.prototype = {

	initialize: function(el, options){

		this.el = $(el);

		this.days = 365;

		this.options = options;

		this.effect();

		var cookie = this.readCookie();

		if (cookie) {

			this.fx.now = cookie;

			this.fx.increase();

		}

	},

	//cookie functions based on code by Peter-Paul Koch

	setCookie: function(value) {

		var date = new Date();

		date.setTime(date.getTime()+(this.days*24*60*60*1000));

		var expires = "; expires="+date.toGMTString();

		document.cookie = this.el+this.el.id+this.prefix+"="+value+expires+"; path=/";

	},

	readCookie: function() {

		var nameEQ = this.el+this.el.id+this.prefix + "=";

		var ca = document.cookie.split(';');

		for(var i=0;i < ca.length;i++) {

			var c = ca[i];

			while (c.charAt(0)==' ') c = c.substring(1,c.length);

			if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

		}

		return false;

	},

	custom: function(from, to){

		if (this.fx.now != to) {

			this.setCookie(to);

			this.fx.custom(from, to);

		}

	}

}

fx.RememberHeight = Class.create();

fx.RememberHeight.prototype = Object.extend(new Remember(), {

	effect: function(){

		this.fx = new fx.Height(this.el, this.options);

		this.prefix = 'height';

	},

	toggle: function(){

		if (this.el.offsetHeight == 0) this.setCookie(this.el.scrollHeight);

		else this.setCookie(0);

		this.fx.toggle();

	},

	resize: function(to){

		this.setCookie(this.el.offsetHeight+to);

		this.fx.custom(this.el.offsetHeight,this.el.offsetHeight+to);

	},

	hide: function(){

		if (!this.readCookie()) {

			this.fx.hide();

		}

	}

});

fx.RememberText = Class.create();

fx.RememberText.prototype = Object.extend(new Remember(), {

	effect: function(){

		this.fx = new fx.Text(this.el, this.options);

		this.prefix = 'text';

	}

});

//use to attach effects without using js code, just classnames and rel attributes.

ParseClassNames = Class.create();

ParseClassNames.prototype = {

	initialize: function(options){

		var babies = document.getElementsByTagName('*') || document.all;

		for (var i = 0; i < babies.length; i++) {

			var el = babies[i];

			//attach the effect, from the classNames;

			var effects = this.getEffects(el);

			for (var j = 0; j < effects.length; j++) {

				if (j == 1 && options) options.onComplete = null;

				el[effects[j]+"fx"] = new fx[effects[j]](el, options);

			}

			//execute methods, from rel

			if (el.rel) {

				el.crel = el.rel.split(' ');

				if (el.crel[0].indexOf("fx_") > -1) {

					var event = el.crel[0].replace('fx_', '');

					var tocompute = this.getEffects($(el.crel[1]));

					el["on"+event] = function(){

						for (var f = 0; f < tocompute.length; f++) {

							$(this.crel[1])[tocompute[f]+"fx"][this.crel[2] || "toggle"](this.crel[3] || null, this.crel[4] || null);

						}

					}

				}

			}

		}

	},

	getEffects: function(el){

		var effects = new Array();

		var css = el.className.split(' ');

		for (var i = 0; i < css.length; i++) {

			if (css[i].indexOf('fx_') > -1) {

				var effect = css[i].replace('fx_', '');

				effects.push(effect);

			}

		}

		return effects;

	}

}