/*
Script: Moo.js
	My Object Oriented javascript.

License:
	MIT-style license.
	
MooTools Copyright:
	copyright (c) 2007 Valerio Proietti, <http://mad4milk.net>

MooTools Credits:
	- Class is slightly based on Base.js <http://dean.edwards.name/weblog/2006/03/base/> (c) 2006 Dean Edwards, License <http://creativecommons.org/licenses/LGPL/2.1/>
	- Some functions are inspired by those found in prototype.js <http://prototype.conio.net/> (c) 2005 Sam Stephenson sam [at] conio [dot] net, MIT-style license
	- Documentation by Aaron Newton (aaron.newton [at] cnet [dot] com) and Valerio Proietti.
*/

/*
Class: Class
	The base class object of the <http://mootools.net> framework.

Arguments:
	properties - the collection of properties that apply to the class. Creates a new class, its initialize method will fire upon class instantiation.

Example:
	(start code)
	var Cat = new Class({
		initialize: function(name){
			this.name = name;
		}
	});
	var myCat = new Cat('Micia');
	alert(myCat.name); //alerts 'Micia'
	(end)
*/

var Class = function(properties){
	var klass = function(){
		if (arguments[0] !== null && this.initialize && $type(this.initialize) == 'function') return this.initialize.apply(this, arguments);
		else return this;
	};
	$extend(klass, this);
	klass.prototype = properties;
	return klass;
};

/*
Property: empty
	Returns an empty function
*/

Class.empty = function(){};

Class.prototype = {

	/*
	Property: extend
		Returns the copy of the Class extended with the passed in properties.

	Arguments:
		properties - the properties to add to the base class in this new Class.

	Example:
		(start code)
		var Animal = new Class({
			initialize: function(age){
				this.age = age;
			}
		});
		var Cat = Animal.extend({
			initialize: function(name, age){
				this.parent(age); //will call the previous initialize;
				this.name = name;
			}
		});
		var myCat = new Cat('Micia', 20);
		alert(myCat.name); //alerts 'Micia'
		alert(myCat.age); //alerts 20
		(end)
	*/

	extend: function(properties){
		var proto = new this(null);
		for (var property in properties){
			var pp = proto[property];
			proto[property] = $mergeClass(pp, properties[property]);
		}
		return new Class(proto);
	},

	/*
	Property: implement
		Implements the passed in properties to the base Class prototypes, altering the base class, unlike <Class.extend>.

	Arguments:
		properties - the properties to add to the base class.

	Example:
		(start code)
		var Animal = new Class({
			initialize: function(age){
				this.age = age;
			}
		});
		Animal.implement({
			setName: function(name){
				this.name = name
			}
		});
		var myAnimal = new Animal(20);
		myAnimal.setName('Micia');
		alert(myAnimal.name); //alerts 'Micia'
		(end)
	*/

	implement: function(properties){
		$extend(this.prototype, properties);
	}

};

/* Section: Utility Functions */

/*
Function: $type
	Returns the type of object that matches the element passed in.

Arguments:
	obj - the object to inspect.

Example:
	>var myString = 'hello';
	>$type(myString); //returns "string"

Returns:
	'element' - if obj is a DOM element node
	'textnode' - if obj is a DOM text node
	'whitespace' - if obj is a DOM whitespace node
	'array' - if obj is an array
	'object' - if obj is an object
	'string' - if obj is a string
	'number' - if obj is a number
	'boolean' - if obj is a boolean
	'function' - if obj is a function
	false - (boolean) if the object is not defined or none of the above.
*/

function $type(obj){
	if (obj === null || obj === undefined) return false;
	var type = typeof obj;
	if (type == 'object'){
		if (obj.htmlElement) return 'element';
		if (obj.push) return 'array';
		if (obj.nodeName){
			switch(obj.nodeType){
				case 1: return 'element';
				case 3: return obj.nodeValue.test(/\S/) ? 'textnode' : 'whitespace';
			}
		}
	}
	return type;
};

/*
Function: $merge
	merges a number of objects recursively without referencing them or their sub-objects.

Arguments:
	any number of objects.

Example:
	>var mergedObj = $merge(obj1, obj2, obj3);
	>//obj1, obj2, and obj3 are unaltered
*/

function $merge(){
	var mix = {};
	for (var i = 0; i < arguments.length; i++){
		for (var property in arguments[i]){
			var ap = arguments[i][property];
			var mp = mix[property];
			if (mp && $type(ap) == 'object' && $type(mp) == 'object') mix[property] = $merge(mp, ap);
			else mix[property] = ap;
		}
	}
	return mix;
};

//internal

function $mergeClass(previous, current){
	if (previous && previous != current){
		var ptype = $type(previous);
		var ctype = $type(current);
		if (ptype == 'function' && ctype == 'function'){
			var merged = function(){
				this.parent = arguments.callee.parent;
				return current.apply(this, arguments);
			};
			merged.parent = previous;
			return merged;
		} else if (ptype == 'object' && ctype == 'object'){
			return $merge(previous, current);
		}
	}
	return current;
};

/*
Function: $extend
	Copies all the properties from the second passed object to the first passed Object.
	If you do myWhatever.extend = $extend the first parameter will become myWhatever, and your extend function will only need one parameter.

Example:
	(start code)
	var firstOb = {
		'name': 'John',
		'lastName': 'Doe'
	};
	var secondOb = {
		'age': '20',
		'sex': 'male',
		'lastName': 'Dorian'
	};
	$extend(firstOb, secondOb);
	//firstOb will become: 
	{
		'name': 'John',
		'lastName': 'Dorian',
		'age': '20',
		'sex': 'male'
	};
	(end)

Returns:
	The first object, extended.
*/

var $extend = Object.extend = function(){
	var args = arguments;
	if (!args[1]) args = [this, args[0]];
	for (var property in args[1]) args[0][property] = args[1][property];
	return args[0];
};

/*
Function: $native
	Will add a .extend method to the objects passed as a parameter, but the property passed in will be copied to the object's prototype only if non previously existent.
	Its handy if you dont want the .extend method of an object to overwrite existing methods.
	Used automatically in mootools to implement Array/String/Function/Number methods to browser that dont support them whitout manual checking.

Arguments:
	a number of classes/native javascript objects

*/

var $native = Object.Native = function(){
	for (var i = 0; i < arguments.length; i++) arguments[i].extend = $native.extend;
};

$native.extend = function(props){
	for (var prop in props){
		if (!this.prototype[prop]) this.prototype[prop] = props[prop];
	}
};

$native(Function, Array, String, Number, Class);

/*
Script: Utility.js
	Contains Utility functions

License:
	MIT-style license.
*/

//window, document

window.extend = document.extend = $extend;
var Window = window;

/*
Function: $chk
	Returns true if the passed in value/object exists or is 0, otherwise returns false.
	Useful to accept zeroes.
	
Arguments:
	obj - object to inspect
*/

function $chk(obj){
	return !!(obj || obj === 0);
};

/*
Function: $pick
	Returns the first object if defined, otherwise returns the second.

Arguments:
	obj - object to test
	picked - the default to return

Example:
	(start code)
		function say(msg){
			alert($pick(msg, 'no meessage supplied'));
		}
	(end)
*/

function $pick(obj, picked){
	return (obj !== null && obj !== undefined) ? obj : picked;
};

/*
Function: $random
	Returns a random integer number between the two passed in values.

Arguments:
	min - integer, the minimum value (inclusive).
	max - integer, the maximum value (inclusive).

Returns:
	a random integer between min and max.
*/

function $random(min, max){
	return Math.floor(Math.random() * (max - min + 1) + min);
};

/*
Function: $time
	Returns the current timestamp

Returns:
	a timestamp integer.
*/

function $time(){
	return new Date().getTime();
};

/*
Function: $duration
	Returns a time interval in seconds from the given time units

Arguments:
	data - Object with values for years, months, days, hours, seconds, milliseconds. For non-objects it returns the parsed argument as integer.
	ms - Boolean, if true return ms, otherwise seconds

Returns:
	an integer for the duration in seconds or ms if second parameter is true.

Example:
	(start code)
	var howLong = $duration({
		months: 1,
		days: 4,
		minutes: 2,
		seconds: 4
	});
	//howLong = 2937724 (seconds)
	(end)
*/

function $duration(data, ms){
	if ($type(data) != 'object') return parseInt(data);
	this.units = this.units || {years: 'FullYear', months: 'Month', days: 'Date', hours: 'Hours', minutes: 'Minutes', seconds: 'Seconds', milliseconds: 'Milliseconds'};
	var date = new Date();
	for (var unit in data){
		var fn = this.units[unit];
		if (fn) date['set' + fn](date['get' + fn]() + $pick(data[unit], 0));
	}
	return parseInt((date.getTime() - $time()) / (ms ? 1 : 1000));
}

/*
Function: $clear
	clears a timeout or an Interval.

Returns:
	null

Arguments:
	timer - the setInterval or setTimeout to clear.

Example:
	>var myTimer = myFunction.delay(5000); //wait 5 seconds and execute my function.
	>myTimer = $clear(myTimer); //nevermind

See also:
	<Function.delay>, <Function.periodical>
*/

function $clear(timer){
	clearTimeout(timer);
	clearInterval(timer);
	return null;
};

/*
Class: window
	Some properties are attached to the window object by the browser detection.

Properties:
	window.ie - will be set to true if the current browser is internet explorer (any).
	window.ie6 - will be set to true if the current browser is internet explorer 6.
	window.ie7 - will be set to true if the current browser is internet explorer 7.
	window.khtml - will be set to true if the current browser is Safari/Konqueror.
	window.gecko - will be set to true if the current browser is Mozilla/Gecko.
*/

if (window.ActiveXObject) window.ie = window[window.XMLHttpRequest ? 'ie7' : 'ie6'] = true;
else if (document.childNodes && !document.all && !navigator.taintEnabled) window.khtml = true;
else if (document.getBoxObjectFor != null) window.gecko = true;
window.xpath = !!(document.evaluate);

//htmlelement

if (typeof HTMLElement == 'undefined'){
	var HTMLElement = Class.empty;
	if (window.khtml) document.createElement("iframe"); //fixes safari
	HTMLElement.prototype = (window.khtml) ? window["[[DOMElement.prototype]]"] : {};
}
HTMLElement.prototype.htmlElement = true;

//enables background image cache for internet explorer 6

if (window.ie6) try {document.execCommand("BackgroundImageCache", false, true);} catch(e){};

/*
Script: Common.js
	Contains common implementations for custom classes. In Mootools is implemented in <Ajax>, <XHR> and <Fx.Base> and many more.

License:
	MIT-style license.
*/

/*
Class: Chain
	An "Utility" Class. Its methods can be implemented with <Class.implement> into any <Class>.
	Currently implemented in <Fx.Base>, <XHR> and <Ajax>. In <Fx.Base> for example, is used to execute a list of function, one after another, once the effect is completed.
	The functions will not be fired all togheter, but one every completion, to create custom complex animations.

Example:
	(start code)
	var myFx = new Fx.Style('element', 'opacity');

	myFx.start(1,0).chain(function(){
		myFx.start(0,1);
	}).chain(function(){
		myFx.start(1,0);
	}).chain(function(){
		myFx.start(0,1);
	});
	//the element will appear and disappear three times
	(end)
*/

var Chain = new Class({

	/*
	Property: chain
		adds a function to the Chain instance stack.

	Arguments:
		fn - the function to append.
	*/

	chain: function(fn){
		this.chains = this.chains || [];
		this.chains.push(fn);
		return this;
	},

	/*
	Property: callChain
		Executes the first function of the Chain instance stack, then removes it. The first function will then become the second.
	*/

	callChain: function(){
		if (this.chains && this.chains.length) this.chains.shift().delay(10, this);
	},

	/*
	Property: clearChain
		Clears the stack of a Chain instance.
	*/

	clearChain: function(){
		this.chains = [];
	}

});

/*
Class: Events
	An "Utility" Class. Its methods can be implemented with <Class.implement> into any <Class>.

	In <Fx.Base> Class, for example, is used to give the possibility add any number of functions to the Effects events, like onComplete, onStart, onCancel.

Example:
	(start code)
	var myFx = new Fx.Style('element', 'opacity').addEvent('onComplete', function(){
		alert('the effect is completed');
	}).addEvent('onComplete', function(){
		alert('I told you the effect is completed');
	});

	myFx.start(0,1);
	//upon completion it will display the 2 alerts, in order.
	(end)

	Implementing:
		This class can be implemented into other classes to add the functionality to them.
		Goes well with the <Options> class.

	Example:
		(start code)
		var Widget = new Class({
			initialize: function(){},
			finish: function(){
				this.fireEvent('onComplete');
			}
		});
		Widget.implement(new Events);
		//later...
		var myWidget = new Widget();
		myWidget.addEvent('onComplete', myfunction);
		(end)
*/

var Events = new Class({

	/*
	Property: addEvent
		adds an event to the stack of events of the Class instance.

	Arguments:
		type - string; the event name (e.g. 'onComplete')
		fn - function to execute
	*/

	addEvent: function(type, fn){
		if (fn != Class.empty){
			this.$events = this.$events || {};
			this.$events[type] = this.$events[type] || [];
			this.$events[type].include(fn);
		}
		return this;
	},

	/*
	Property: fireEvent
		fires all events of the specified type in the Class instance.

	Arguments:
		type - string; the event name (e.g. 'onComplete')
		args - array or single object; arguments to pass to the function; if more than one argument, must be an array
		delay - (integer) delay (in ms) to wait to execute the event

	Example:
	(start code)
	var Widget = new Class({
		initialize: function(arg1, arg2){
			...
			this.fireEvent("onInitialize", [arg1, arg2], 50);
		}
	});
	Widget.implement(new Events);
	(end)
	*/

	fireEvent: function(type, args, delay){
		if (this.$events && this.$events[type]){
			this.$events[type].each(function(fn){
				fn.create({'bind': this, 'delay': delay, 'arguments': args})();
			}, this);
		}
		return this;
	},

	/*
	Property: removeEvent
		removes an event from the stack of events of the Class instance.

	Arguments:
		type - string; the event name (e.g. 'onComplete')
		fn - function that was added
	*/

	removeEvent: function(type, fn){
		if (this.$events && this.$events[type]) this.$events[type].remove(fn);
		return this;
	}

});

/*
Class: Options
	An "Utility" Class. Its methods can be implemented with <Class.implement> into any <Class>.
	Used to automate the options settings, also adding Class <Events> when the option begins with on.

	Example:
		(start code)
		var Widget = new Class({
			options: {
				color: '#fff',
				size: {
					width: 100
					height: 100
				}
			},
			initialize: function(options){
				this.setOptions(options);
			}
		});
		Widget.implement(new Options);
		//later...
		var myWidget = new Widget({
			color: '#f00',
			size: {
				width: 200
			}
		});
		//myWidget.options = {color: #f00, size: {width: 200, height: 100}}
		(end)


*/

var Options = new Class({

	/*
	Property: setOptions
		sets this.options

	Arguments:
		defaults - object; the default set of options
		options - object; the user entered options. can be empty too.

	Note:
		if your Class has <Events> implemented, every option beginning with on, followed by a capital letter (onComplete) becomes an Class instance event.
	*/

	setOptions: function(){
		var args = (arguments.length == 1) ? [this.options, arguments[0]] : arguments;
		this.options = $merge.apply(this, args);
		if (this.addEvent){
			for (var option in this.options){
				if (($type(this.options[option]) == 'function') && option.test(/^on[A-Z]/)) this.addEvent(option, this.options[option]);
			}
		}
		return this;
	}

});

/*
Script: Array.js
	Contains Array prototypes, <$A>, <$each>

License:
	MIT-style license.
*/

/*
Class: Array
	A collection of The Array Object prototype methods.
*/

//custom methods

Array.extend({

	/*
	Property: forEach
		Iterates through an array; This method is only available for browsers without native *forEach* support.
		For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:forEach>
	
	Arguments:
		fn - function to execute with each item in the array; passed the item and the index of that item in the array
		bind - the object to bind "this" to (see <Function.bind>)
	
	Example:
		>['apple','banana','lemon'].each(function(item, index) {
		>	alert(index + " = " + item); //alerts "0 = apple" etc.
		>}, bindObj); //optional second arg for binding, not used here
	*/

	forEach: function(fn, bind){
		for (var i = 0, j = this.length; i < j; i++) fn.call(bind, this[i], i, this);
	},

	/*
	Property: filter
		This method is provided only for browsers without native *filter* support.
		For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Objects:Array:filter>
		
		*filter* calls a provided callback function once for each element in an array, and constructs a new array of all the values for which callback returns a true value. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values. Array elements which do not pass the callback test are simply skipped, and are not included in the new array.
	
	Arguments:
		fn - function to execute with each item in the array; passed the item and the index of that item in the array
		bind - the object to bind "this" to (see <Function.bind>)
	
	Example:
		>var biggerThanTwenty = [10,3,25,100].filter(function(item, index) {
		> return item > 20;
		>});
		>//biggerThanTwenty = [25,100]
	*/

	filter: function(fn, bind){
		var results = [];
		for (var i = 0, j = this.length; i < j; i++){
			if (fn.call(bind, this[i], i, this)) results.push(this[i]);
		}
		return results;
	},

	/*
	Property: map
		This method is provided only for browsers without native *map* support.
		For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:map>

		*map* calls a provided callback function once for each element in an array, in order, and constructs a new array from the results. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values.

	Arguments:
		fn - function to execute with each item in the array; passed the item and the index of that item in the array
		bind - the object to bind "this" to (see <Function.bind>)

	Example:
		>var timesTwo = [1,2,3].map(function(item, index){
		> return item*2;
		>};
		>//timesTwo = [2,4,6];
	*/

	map: function(fn, bind){
		var results = [];
		for (var i = 0, j = this.length; i < j; i++) results[i] = fn.call(bind, this[i], i, this);
		return results;
	},

	/*
	Property: every
		This method is provided only for browsers without native *every* support.
		For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:every>

		*every* executes the provided callback function once for each element present in the array until it finds one where callback returns a false value. If such an element is found, the every method immediately returns false. Otherwise, if callback returned a true value for all elements, every will return true. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values.

	Arguments:
		fn - function to execute with each item in the array; passed the item and the index of that item in the array
		bind - the object to bind "this" to (see <Function.bind>)

	Example:
		>var areAllBigEnough = [10,4,25,100].every(function(item, index){
		> return item > 20;
		>});
		>//areAllBigEnough = false
	*/

	every: function(fn, bind){
		for (var i = 0, j = this.length; i < j; i++){
			if (!fn.call(bind, this[i], i, this)) return false;
		}
		return true;
	},

	/*
	Property: some
		This method is provided only for browsers without native *some* support.
		For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:some>

		*some* executes the callback function once for each element present in the array until it finds one where callback returns a true value. If such an element is found, some immediately returns true. Otherwise, some returns false. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values.

	Arguments:
		fn - function to execute with each item in the array; passed the item and the index of that item in the array
		bind - the object to bind "this" to (see <Function.bind>)
		
	Example:
		>var isAnyBigEnough = [10,4,25,100].some(function(item, index){
		> return item > 20;
		>});
		>//isAnyBigEnough = true
	*/

	some: function(fn, bind){
		for (var i = 0, j = this.length; i < j; i++){
			if (fn.call(bind, this[i], i, this)) return true;
		}
		return false;
	},

	/*
	Property: indexOf
		This method is provided only for browsers without native *indexOf* support.
		For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:indexOf>

		indexOf compares a search element to elements of the Array using strict equality (the same method used by the ===, or triple-equals, operator).

	Arguments:
		item - any type of object; element to locate in the array
		from - integer; optional; the index of the array at which to begin the search (defaults to 0)
		
	Example:
		>['apple','lemon','banana'].indexOf('lemon'); //returns 1
	*/

	indexOf: function(item, from){
		from = from || 0;
		var len = this.length;
		if (from < 0) from = Math.max(0, len + from);
		while (from < len){
			if (this[from] === item) return from;
			from++;
		}
		return -1;
	},

	/*
	Property: each
		Same as <Array.forEach>.

	Arguments:
		fn - function to execute with each item in the array; passed the item and the index of that item in the array
		bind - optional, the object that the "this" of the function will refer to.

	Example:
		>var Animals = ['Cat', 'Dog', 'Coala'];
		>Animals.each(function(animal){
		>	document.write(animal)
		>});
	*/

	/*
	Property: copy
		returns a copy of the array.

	Returns:
		a new array which is a copy of the current one.
	Arguments:
		start - integer; optional; the index where to start the copy, default is 0. If negative, it is taken as the offset from the end of the array.
		length - integer; optional; the number of elements to copy. By default, copies all elements from start to the end of the array.

	Example:
		>var letters = ["a","b","c"];
		>var copy = letters.copy();		// ["a","b","c"] (new instance)
	*/

	copy: function(start, length){
		start = start || 0;
		if (start < 0) start = this.length + start;
		length = length || (this.length - start);
		var newArray = [];
		for (var i = 0; i < length; i++) newArray[i] = this[start++];
		return newArray;
	},

	/*
	Property: remove
		Removes all occurrences of an item from the array.

	Arguments:
		item - the item to remove

	Returns:
		the Array with all occurrences of the item removed.

	Example:
		>["1","2","3","2"].remove("2") // ["1","3"];
	*/

	remove: function(item){
		var i = 0;
		var len = this.length;
		while (i < len){
			if (this[i] && this[i] === item) this.splice(i, 1);
			else i++;
		}
		return this;
	},

	/*
	Property: test
		Tests an array for the presence of an item.

	Arguments:
		item - the item to search for in the array.
		from - integer; optional; the index at which to begin the search, default is 0. If negative, it is taken as the offset from the end of the array.

	Returns:
		true - the item was found
		false - it wasn't

	Example:
		>["a","b","c"].test("a"); // true
		>["a","b","c"].test("d"); // false
	*/

	test: function(item, from){
		return this.indexOf(item, from) != -1;
	},
	
	/*
	Property: associate
		Creates an object with key-value pairs based on the array of keywords passed in
		and the current content of the array.

	Arguments:
		keys - the array of keywords.

	Example:
		(start code)
		var Animals = ['Cat', 'Dog', 'Coala', 'Lizard'];
		var Speech = ['Miao', 'Bau', 'Fruuu', 'Mute'];
		var Speeches = Animals.associate(speech);
		//Speeches['Miao'] is now Cat.
		//Speeches['Bau'] is now Dog.
		//...
		(end)
	*/

	associate: function(keys){
		var obj = {}, length = Math.min(this.length, keys.length);
		for (var i = 0; i < length; i++) obj[keys[i]] = this[i];
		return obj;
	},

	/*
	Property: extend
		Extends an array with another one.

	Arguments:
		array - the array to extend ours with

	Example:
		>var Animals = ['Cat', 'Dog', 'Coala'];
		>Animals.extend(['Lizard']);
		>//Animals is now: ['Cat', 'Dog', 'Coala', 'Lizard'];
	*/

	extend: function(array){
		for (var i = 0, j = array.length; i < j; i++) this.push(array[i]);
		return this;
	},
	
	/*
	Property: merge
		merges an array in another array, without duplicates.
		
	Arguments:
		array - the array to merge from.
	
	Example:
		>['Cat','Dog'].merge(['Dog','Coala']); //returns ['Cat','Dog','Coala']
	*/
	
	merge: function(array){
		for (var i = 0, l = array.length; i < l; i++) this.include(array[i]);
		return this;
	},

	/*
	Property: include
		includes the passed in element in the array, only if its not already present.
		
	Arguments:
		item - item to add to the array (if not present)
	
	Example:
		>['Cat','Dog'].include('Dog'); //returns ['Cat','Dog']
		>['Cat','Dog'].include('Coala'); //returns ['Cat','Dog','Coala']
	*/

	include: function(item){
		if (!this.length || !this.test(item)) this.push(item);
		return this;
	},
	
	/*
	Property: getRandom
		returns a random item in the Array
	*/
	
	getRandom: function(){
		return this[$random(0, this.length - 1)];
	},
	
	/*
	Property: getLast
		returns the last item in the Array
	*/
	
	getLast: function(){
		return this[this.length - 1];
	}

});

Array.prototype.each = Array.prototype.forEach;
Array.prototype.removeItem = Array.prototype.remove;

/* Section: Utility Functions */

/*
Function: $A()
	Same as <Array.copy>, but as function.
	Useful to apply Array prototypes to iterable objects, as a collection of DOM elements or the arguments object.

Example:
	(start code)
	function myFunction(){
		$A(arguments).each(argument, function(){
			alert(argument);
		});
	};
	//the above will alert all the arguments passed to the function myFunction.
	(end)
*/

function $A(array, start, length){
	return Array.prototype.copy.call(array, start, length);
};

/*
Function: $each
	Use to iterate through iterables that are not regular arrays, such as builtin getElementsByTagName calls, arguments of a function, or an object.
Arguments:
	iterable - an iterable element or an objct.
	function - function to apply to the iterable.
	bind - optional, the 'this' of the function will refer to this object.

Function argument:
	The function argument will be passed the following arguments.

	item - the current item in the iterator being procesed
	index - integer; the index of the item, or key in case of an object.

Examples:
	(start code)
	$each(['Sun','Mon','Tue'], function(day, index) {
		alert('name:' + day + ', index: ' + index);
	});
	//alerts "name: Sun, index: 0", "name: Mon, index: 1", etc.
	//over an object
	$each({first: "Sunday", second: "Monday", third: "Tuesday"}, function(value, key){
		alert("the " + key + " day of the week is " + value);
	});
	//alerts "the first day of the week is Sunday",
	//"the second day of the week is Monday", etc.
	(end)
*/

function $each(iterable, fn, bind){
	if ($chk(iterable.length)) Array.prototype.forEach.call(iterable, fn, bind);
	else for (var name in iterable) fn.call(bind || iterable, iterable[name], name);
};

/*
Script: String.js
	Contains String prototypes and Number prototypes.

License:
	MIT-style license.
*/

/*
Class: String
	A collection of The String Object prototype methods.
*/

String.extend({

	/*
	Property: test
		Tests a string with a regular expression.

	Arguments:
		regex - a string or regular expression object, the regular expression you want to match the string with
		params - optional, if first parameter is a string, any parameters you want to pass to the regex ('g' has no effect)

	Returns:
		true if a match for the regular expression is found in the string, false if not.
		See <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Objects:RegExp:test>

	Example:
		>"I like cookies".test("cookie"); // returns true
		>"I like cookies".test("COOKIE", "i") // ignore case, returns true
		>"I like cookies".test("cake"); // returns false
	*/

	test: function(regex, params){
		return ((typeof regex == 'string') ? new RegExp(regex, params) : regex).test(this);
	},

	/*
	Property: toInt
		parses a string to an integer.

	Returns:
		either an int or "NaN" if the string is not a number.

	Example:
		>var value = "10px".toInt(); // value is 10
	*/

	toInt: function(){
		return parseInt(this);
	},

	/*
	Property: toFloat
		parses a string to an float.

	Returns:
		either a float or "NaN" if the string is not a number.

	Example:
		>var value = "10.848".toFloat(); // value is 10.848
	*/
	toFloat: function(){
		return parseFloat(this);
	},

	/*
	Property: camelCase
		Converts a hiphenated string to a camelcase string.

	Example:
		>"I-like-cookies".camelCase(); //"ILikeCookies"

	Returns:
		the camel cased string
	*/

	camelCase: function(){
		return this.replace(/-\D/g, function(match){
			return match.charAt(1).toUpperCase();
		});
	},

	/*
	Property: hyphenate
		Converts a camelCased string to a hyphen-ated string.

	Example:
		>"ILikeCookies".hyphenate(); //"I-like-cookies"
	*/

	hyphenate: function(){
		return this.replace(/\w[A-Z]/g, function(match){
			return (match.charAt(0) + '-' + match.charAt(1).toLowerCase());
		});
	},

	/*
	Property: capitalize
		Converts the first letter in each word of a string to Uppercase.

	Example:
		>"i like cookies".capitalize(); //"I Like Cookies"

	Returns:
		the capitalized string
	*/

	capitalize: function(){
		return this.toLowerCase().replace(/\b[a-z]/g, function(match){
			return match.toUpperCase();
		});
	},

	/*
	Property: trim
		Trims the leading and trailing spaces off a string.

	Example:
		>"    i like cookies     ".trim() //"i like cookies"

	Returns:
		the trimmed string
	*/

	trim: function(){
		return this.replace(/^\s+|\s+$/g, '');
	},

	/*
	Property: clean
		trims (<String.trim>) a string AND removes all the double spaces in a string.

	Returns:
		the cleaned string

	Example:
		>" i      like     cookies      \n\n".clean() //"i like cookies"
	*/

	clean: function(){
		return this.replace(/\s{2,}/g, ' ').trim();
	},

	/*
	Property: rgbToHex
		Converts an RGB value to hexidecimal. The string must be in the format of "rgb(255,255,255)" or "rgba(255,255,255,1)";

	Arguments:
		array - boolean value, defaults to false. Use true if you want the array ['FF','33','00'] as output instead of "#FF3300"

	Returns:
		hex string or array. returns "transparent" if the output is set as string and the fourth value of rgba in input string is 0.

	Example:
		>"rgb(17,34,51)".rgbToHex(); //"#112233"
		>"rgba(17,34,51,0)".rgbToHex(); //"transparent"
		>"rgb(17,34,51)".rgbToHex(true); //['11','22','33']
	*/

	rgbToHex: function(array){
		var rgb = this.match(/\d{1,3}/g);
		return (rgb) ? rgb.rgbToHex(array) : false;
	},

	/*
	Property: hexToRgb
		Converts a hexidecimal color value to RGB. Input string must be the hex color value (with or without the hash). Also accepts triplets ('333');

	Arguments:
		array - boolean value, defaults to false. Use true if you want the array [255,255,255] as output instead of "rgb(255,255,255)";

	Returns:
		rgb string or array.

	Example:
		>"#112233".hexToRgb(); //"rgb(17,34,51)"
		>"#112233".hexToRgb(true); //[17,34,51]
	*/

	hexToRgb: function(array){
		var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
		return (hex) ? hex.slice(1).hexToRgb(array) : false;
	},

	/*
	Property: hasListed
		checks if the passed in string is listed in the String.

	Example:
		>'a b c'.hasListed('c'); //true
		>'a bc'.hasListed('c'); //false
		>'a,b,c'.hasListed('c', ','); //true
	*/

	hasListed: function(string, s){
		s = s || ' ';
		return (s + this + s).indexOf(s + string + s) > -1;
	}

});

Array.extend({

	/*
	Property: rgbToHex
		see <String.rgbToHex>, but as an array method.
	*/

	rgbToHex: function(array){
		if (this.length < 3) return false;
		if (this[3] && (this[3] == 0) && !array) return 'transparent';
		var hex = [];
		for (var i = 0; i < 3; i++){
			var bit = (this[i] - 0).toString(16);
			hex.push((bit.length == 1) ? '0' + bit : bit);
		}
		return array ? hex : '#' + hex.join('');
	},

	/*
	Property: hexToRgb
		same as <String.hexToRgb>, but as an array method.
	*/

	hexToRgb: function(array){
		if (this.length != 3) return false;
		var rgb = [];
		for (var i = 0; i < 3; i++){
			rgb.push(parseInt((this[i].length == 1) ? this[i] + this[i] : this[i], 16));
		}
		return array ? rgb : 'rgb(' + rgb.join(',') + ')';
	}

});

/*
Class: Number
	contains the internal method toInt.
*/

Number.extend({

	/*
	Property: toInt
		Returns this number; useful because toInt must work on both Strings and Numbers.
	*/

	toInt: function(){
		return parseInt(this);
	},

	/*
	Property: toFloat
		Returns this number as a float; useful because toFloat must work on both Strings and Numbers.
	*/

	toFloat: function(){
		return parseFloat(this);
	}

});

/* 
Script: Function.js
	Contains Function prototypes and utility functions .

License:
	MIT-style license.

Credits:
	- Some functions are inspired by those found in prototype.js <http://prototype.conio.net/> (c) 2005 Sam Stephenson sam [at] conio [dot] net, MIT-style license
*/

/*
Class: Function
	A collection of The Function Object prototype methods.
*/

Function.extend({

	/*
	Property: create
		Main function to create closures.
	Returns:
		a function.
	Arguments:
		options - An Options object.
	Options:
		bind - The object that the "this" of the function will refer to. Default is the current function.
		event - If set to true, the function will act as an event listener and receive an event as first argument.
				If set to a class name, the function will receive a new instance of this class (with the event passed as argument's constructor) as first argument.
				Default is false.
		arguments - A single argument or array of arguments that will be passed to the function when called.
					If both the event and arguments options are set, the event is passed as first argument and the arguments array will follow.
					Default is no custom arguments, the function will receive the standard arguments when called.
		delay - Numeric value: if set, the returned function will delay the actual execution by this amount of milliseconds and return a timer handle when called.
				Default is no delay.
		periodical - Numeric value: if set, the returned function will periodically perform the actual execution with this specified interval and return a timer handle when called.
				Default is no periodical execution.
		attempt - If set to true, the returned function will try to execute and return either the results or the error when called. Default is false.
	*/

	create: function(options){
		var fn = this;
		options = $merge({
			'bind': fn,
			'event': false,
			'arguments': null,
			'delay': false,
			'periodical': false,
			'attempt': false
		}, options);
		if ($chk(options.arguments) && $type(options.arguments) != 'array') options.arguments = [options.arguments];
		return function(event){
			var args;
			if (options.event){
				event = event || window.event;
				args = [(options.event === true) ? event : new options.event(event)];
				if (options.arguments) args = args.concat(options.arguments);
			}
			else args = options.arguments || arguments;
			var returns = function(){
				return fn.apply(options.bind, args);
			};
			if (options.delay) return setTimeout(returns, $duration(options.delay));
			if (options.periodical) return setInterval(returns, $duration(options.periodical));
			if (options.attempt) try {return returns();} catch(err){return false;};
			return returns();
		};
	},

	/*
	Property: pass
		Shortcut to create closures with arguments and bind.

	Returns:
		a function.

	Arguments:
		args - the arguments passed. must be an array if arguments > 1
		bind - optional, the object that the "this" of the function will refer to.

	Example:
		>myFunction.pass([arg1, arg2], myElement);
	*/

	pass: function(args, bind){
		return this.create({'arguments': args, 'bind': bind});
	},

	/*
	Property: attempt
		Tries to execute the function, returns either the function results or the error.

	Arguments:
		args - the arguments passed. must be an array if arguments > 1
		bind - optional, the object that the "this" of the function will refer to.

	Example:
		>myFunction.attempt([arg1, arg2], myElement);
	*/

	attempt: function(args, bind){
		return this.create({'arguments': args, 'bind': bind, 'attempt': true})();
	},

	/*
	Property: bind
		method to easily create closures with "this" altered.

	Arguments:
		bind - optional, the object that the "this" of the function will refer to.
		args - optional, the arguments passed. must be an array if arguments > 1

	Returns:
		a function.

	Example:
		>function myFunction(){
		>	this.setStyle('color', 'red');
		>	// note that 'this' here refers to myFunction, not an element
		>	// we'll need to bind this function to the element we want to alter
		>};
		>var myBoundFunction = myFunction.bind(myElement);
		>myBoundFunction(); // this will make the element myElement red.
	*/

	bind: function(bind, args){
		return this.create({'bind': bind, 'arguments': args});
	},

	/*
	Property: bindAsEventListener
		cross browser method to pass event firer

	Arguments:
		bind - optional, the object that the "this" of the function will refer to.
		args - optional, the arguments passed. must be an array if arguments > 1

	Returns:
		a function with the parameter bind as its "this" and as a pre-passed argument event or window.event, depending on the browser.

	Example:
		>function myFunction(event){
		>	alert(event.clientx) //returns the coordinates of the mouse..
		>};
		>myElement.onclick = myFunction.bindAsEventListener(myElement);
	*/

	bindAsEventListener: function(bind, args){
		return this.create({'bind': bind, 'event': true, 'arguments': args});
	},

	/*
	Property: delay
		Delays the execution of a function by a specified duration.

	Arguments:
		delay - the duration to wait in milliseconds. Supports <$duration> syntax.
		bind - optional, the object that the "this" of the function will refer to.
		args - optional, the arguments passed. must be an array if arguments > 1

	Example:
		>myFunction.delay(50, myElement) //wait 50 milliseconds, then call myFunction and bind myElement to it
		>(function(){alert('one second later...')}).delay(1000); //wait a second and alert
	*/

	delay: function(delay, bind, args){
		return this.create({'delay': delay, 'bind': bind, 'arguments': args})();
	},

	/*
	Property: periodical
		Executes a function in the specified intervals of time

	Arguments:
		interval - the duration of the intervals between executions. Supports <$duration> syntax.
		bind - optional, the object that the "this" of the function will refer to.
		args - optional, the arguments passed. must be an array if arguments > 1
	*/

	periodical: function(interval, bind, args){
		return this.create({'periodical': interval, 'bind': bind, 'arguments': args})();
	}

});

/*
Script: Element.js
	Contains useful Element prototypes, to be used with the dollar function <$>.

License:
	MIT-style license.

Credits:
	- Some functions are inspired by those found in prototype.js <http://prototype.conio.net/> (c) 2005 Sam Stephenson sam [at] conio [dot] net, MIT-style license
*/

/*
Class: Element
	Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
*/

var Element = new Class({

	/*
	Property: initialize
		Creates a new element of the type passed in.

	Arguments:
		el - string; the tag name for the element you wish to create. you can also pass in an element reference, in which case it will be extended.
		props - object; the properties you want to add to your element.

	Props:
		the key styles will be used as setStyles, the key events will be used as addEvents. any other key is used as setProperty.

	Example:
		(start code)
		new Element('a', {
			'styles': {
				'display': 'block',
				'border': '1px solid black'
			},
			'events': {
				'click': function(){
					//aaa
				},
				'mousedown': function(){
					//aaa
				}
			},
			'class': 'myClassSuperClass',
			'href': 'http://mad4milk.net'
		});

		(end)
	*/

	initialize: function(el, props){
		if (window.ie && props && (props.name || props.type)){
			var name = (props.name) ? ' name="' + props.name + '"' : '';
			var type = (props.type) ? ' type="' + props.type + '"' : '';
			delete props.name;
			delete props.type;
			el = '<' + el + name + type + '>';
		}
		el = $(document.createElement(el));
		if (!props) return el;
		for (var prop in props){
			switch(prop){
				case 'styles': el.setStyles(props[prop]); break;
				case 'events': if (el.addEvents) el.addEvents(props[prop]); break;
				case 'properties': el.setProperties(props[prop]); break;
				default: el.setProperty(prop, props[prop]);
			}
		}
		return el;
	}

});

/*
Section: Utility Functions

Function: $
	returns the element passed in with all the Element prototypes applied.

Arguments:
	el - a reference to an actual element or a string representing the id of an element

Example:
	>$('myElement') // gets a DOM element by id with all the Element prototypes applied.
	>var div = document.getElementById('myElement');
	>$(div) //returns an Element also with all the mootools extentions applied.

	You'll use this when you aren't sure if a variable is an actual element or an id, as
	well as just shorthand for document.getElementById().

Returns:
	a DOM element or false (if no id was found).

Note:
	you need to call $ on an element only once to get all the prototypes.
	But its no harm to call it multiple times, as it will detect if it has been already extended.
*/

function $(el){
	if (!el) return false;
	if (el.htmlElement) return Garbage.collect(el);
	if ([window, document].test(el)) return el;
	var type = $type(el);
	if (type == 'string'){
		el = document.getElementById(el);
		type = (el) ? 'element' : false;
	}
	if (type != 'element') return false;
	if (el.htmlElement) return Garbage.collect(el);
	if (['object', 'embed'].test(el.tagName.toLowerCase())) return el;
	$extend(el, Element.prototype);
	el.htmlElement = true;
	return Garbage.collect(el);
};

//elements class

var Elements = new Class({});

Elements.extend = Class.prototype.implement;

/*
Function: $$
	Selects, and extends DOM elements. Elements arrays returned with $$ will also accept all the <Element> methods.
	The return type of element methods run through $$ is always an array. If the return array is only made by elements, $$ will be applied automatically.

Arguments:
	HTML Collections, arrays of elements, arrays of strings as element ids, elements, strings as selectors.
	Any number of the above as arguments are accepted.

Note:
	if you load <Dom.js>, $$ will also accept CSS Selectors, otherwise the only selectors supported are tag names.

Example:
	>$$('a') //an array of all anchor tags on the page
	>$$('a', 'b') //an array of all anchor and bold tags on the page
	>$$('#myElement') //array containing only the element with id = myElement. (only with <Dom.js>)
	>$$('#myElement a.myClass') //an array of all anchor tags with the class "myClass" within the DOM element with id "myElement" (only with <Dom.js>)
	>$$(myelement, myelement2, 'a', ['myid', myid2, 'myid3'], document.getElementsByTagName('div')) //an array containing:
	>// the element referenced as myelement if existing,
	>// the element referenced as myelement2 if existing,
	>// all the elements with a as tag in the page,
	>// the element with id = myid if existing
	>// the element with id = myid2 if existing
	>// the element with id = myid3 if existing
	>// all the elements with div as tag in the page

Returns:
	array - array of all the dom elements matched, extended with <$>
*/

document.getElementsBySelector = document.getElementsByTagName;

function $$(){
	if (!arguments) return false;
	if (arguments.length == 1 && typeof arguments[0] == 'string') return document.getElementsBySelector(arguments[0]);
	var elements = [];
	for (var i = 0, j = arguments.length; i < j; i++){
		var selector = arguments[i];
		switch($type(selector)){
			case 'element': elements.push(selector); break;
			case 'boolean': break;
			case 'string': selector = document.getElementsBySelector(selector, true);
			default: elements = elements.concat((selector.push) ? selector : $A(selector));
		}
	}
	return $$.$$(elements);
};

$$.$$ = function(array){
	var elements = [];
	for (var i = 0, l = array.length; i < l; i++){
		if (array[i].$included) continue;
		array[i].$included = true;
		var element = $(array[i]);
		if (element) elements.push(element);
	}
	for (var i = 0, l = elements.length; i < l; i++) elements[i].$included = null;
	return $extend(elements, new Elements);
};

Elements.Multi = function(property){
	return function(){
		var args = arguments;
		var items = [];
		var elements = true;
		for (var i = 0, j = this.length, returns; i < j; i++){
			returns = this[i][property].apply(this[i], args);
			if ($type(returns) != 'element') elements = false;
			items.push(returns);
		};
		return (elements) ? $$.$$(items) : items;
	};
};

Element.extend = function(properties){
	for (var property in properties){
		HTMLElement.prototype[property] = properties[property];
		Element.prototype[property] = properties[property];
		Elements.prototype[property] = Elements.Multi(property);
	}
};

/*
Class: Element
	Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
*/

Element.extend({

	inject: function(el, where){
		el = $(el);
		switch(where){
			case "before": el.parentNode.insertBefore(this, el); break;
			case "after":
				var next = el.getNext();
				if (!next) el.parentNode.appendChild(this);
				else el.parentNode.insertBefore(this, next);
				break;
			case "inside": el.appendChild(this);
		}
		return this;
	},

	/*
	Property: injectBefore
		Inserts the Element before the passed element.

	Parameteres:
		el - a string representing the element to be injected in (myElementId, or div), or an element reference.

	Example:
		>html:
		><div id="myElement"></div>
		><div id="mySecondElement"></div>
		>js:
		>$('mySecondElement').injectBefore('myElement');
		>resulting html:
		><div id="mySecondElement"></div>
		><div id="myElement"></div>

	*/

	injectBefore: function(el){
		return this.inject(el, 'before');
	},

	/*
	Property: injectAfter
		Same as <Element.injectBefore>, but inserts the element after.
	*/

	injectAfter: function(el){
		return this.inject(el, 'after');
	},

	/*
	Property: injectInside
		Same as <Element.injectBefore>, but inserts the element inside.
	*/

	injectInside: function(el){
		return this.inject(el, 'inside');
	},

	/*
	Property: adopt
		Inserts the passed element inside the Element. Works as <Element.injectInside> but in reverse.

	Parameteres:
		el - a string representing the element to be injected in (myElementId, or div), or an element reference.
		If you pass div or another tag, the element will be created.
	*/

	adopt: function(){
		$each(arguments, function(el){
			this.appendChild($(el));
		}, this);
		return this;
	},

	/*
	Property: remove
		Removes the Element from the DOM.

	Example:
		>$('myElement').remove() //bye bye
	*/

	remove: function(){
		this.parentNode.removeChild(this);
		return this;
	},

	/*
	Property: clone
		Clones the Element and returns the cloned one.

	Returns:
		the cloned element

	Example:
		>var clone = $('myElement').clone().injectAfter('myElement');
		>//clones the Element and append the clone after the Element.
	*/

	clone: function(contents){
		return $(this.cloneNode(contents !== false));
	},

	/*
	Property: replaceWith
		Replaces the Element with an element passed.

	Parameteres:
		el - a string representing the element to be injected in (myElementId, or div), or an element reference.
		If you pass div or another tag, the element will be created.

	Returns:
		the passed in element

	Example:
		>$('myOldElement').replaceWith($('myNewElement')); //$('myOldElement') is gone, and $('myNewElement') is in its place.
	*/

	replaceWith: function(el){
		this.parentNode.replaceChild(el, this);
		return $(el);
	},

	/*
	Property: appendText
		Appends text node to a DOM element.

	Arguments:
		text - the text to append.

	Example:
		><div id="myElement">hey</div>
		>$('myElement').appendText(' howdy'); //myElement innerHTML is now "hey howdy"
	*/

	appendText: function(text){
		if (window.ie){
			switch(this.getTag()){
				case 'style': this.styleSheet.cssText = text; return this;
				case 'script': this.setProperty('text', text); return this;
			}
		}
		this.appendChild(document.createTextNode(text));
		return this;
	},

	/*
	Property: hasClass
		Tests the Element to see if it has the passed in className.

	Returns:
		true - the Element has the class
		false - it doesn't

	Arguments:
		className - string; the class name to test.

	Example:
		><div id="myElement" class="testClass"></div>
		>$('myElement').hasClass('testClass'); //returns true
	*/

	hasClass: function(className){
		return this.className.hasListed(className);
	},

	/*
	Property: addClass
		Adds the passed in class to the Element, if the element doesnt already have it.

	Arguments:
		className - string; the class name to add

	Example:
		><div id="myElement" class="testClass"></div>
		>$('myElement').addClass('newClass'); //<div id="myElement" class="testClass newClass"></div>
	*/

	addClass: function(className){
		if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean();
		return this;
	},

	/*
	Property: removeClass
		works like <Element.addClass>, but removes the class from the element.
	*/

	removeClass: function(className){
		this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1').clean();
		return this;
	},

	/*
	Property: toggleClass
		Adds or removes the passed in class name to the element, depending on if it's present or not.

	Arguments:
		className - the class to add or remove

	Example:
		><div id="myElement" class="myClass"></div>
		>$('myElement').toggleClass('myClass');
		><div id="myElement" class=""></div>
		>$('myElement').toggleClass('myClass');
		><div id="myElement" class="myClass"></div>
	*/

	toggleClass: function(className){
		return this.hasClass(className) ? this.removeClass(className) : this.addClass(className);
	},

	/*
	Property: setStyle
		Sets a css property to the Element.

		Arguments:
			property - the property to set
			value - the value to which to set it; for numeric values that require "px" you can pass an integer

		Example:
			>$('myElement').setStyle('width', '300px'); //the width is now 300px
			>$('myElement').setStyle('width', 300); //the width is now 300px
	*/

	setStyle: function(property, value){
		switch(property){
			case 'opacity': return this.setOpacity(parseFloat(value));
			case 'float': property = (window.ie) ? 'styleFloat' : 'cssFloat';
		}
		property = property.camelCase();
		switch($type(value)){
			case 'number': if (!['zIndex', 'zoom'].test(property)) value += 'px'; break;
			case 'array': value = 'rgb(' + value.join(',') + ')';
		}
		this.style[property] = value;
		return this;
	},

	/*
	Property: setStyles
		Applies a collection of styles to the Element.

	Arguments:
		source - an object or string containing all the styles to apply. You cannot set the opacity using a string.

	Examples:
		>$('myElement').setStyles({
		>	border: '1px solid #000',
		>	width: 300,
		>	height: 400
		>});

		OR

		>$('myElement').setStyles('border: 1px solid #000; width: 300px; height: 400px;');
	*/

	setStyles: function(source){
		switch($type(source)){
			case 'object':
				for (var property in source) this.setStyle(property, source[property]);
				break;
			case 'string': this.style.cssText = source;
		}
		return this;
	},

	/*
	Property: setOpacity
		Sets the opacity of the Element, and sets also visibility == "hidden" if opacity == 0, and visibility = "visible" if opacity > 0.

	Arguments:
		opacity - float; Accepts values from 0 to 1.

	Example:
		>$('myElement').setOpacity(0.5) //make it 50% transparent
	*/

	setOpacity: function(opacity){
		if (opacity == 0){
			if (this.style.visibility != "hidden") this.style.visibility = "hidden";
		} else {
			if (this.style.visibility != "visible") this.style.visibility = "visible";
		}
		if (!this.currentStyle || !this.currentStyle.hasLayout) this.style.zoom = 1;
		if (window.ie) this.style.filter = (opacity == 1) ? '' : "alpha(opacity=" + opacity * 100 + ")";
		this.style.opacity = this.opacity = opacity;
		return this;
	},

	/*
	Property: getStyle
		Returns the style of the Element given the property passed in.

	Arguments:
		property - the css style property you want to retrieve

	Example:
		>$('myElement').getStyle('width'); //returns "400px"
		>//but you can also use
		>$('myElement').getStyle('width').toInt(); //returns "400"

	Returns:
		the style as a string
	*/

	getStyle: function(property){
		property = property.camelCase();
		var style = this.style[property];
		if (!$chk(style)){
			if (property == 'opacity') return $chk(this.opacity) ? this.opacity : 1;
			if (['margin', 'padding'].test(property)){
				var result = [];
				['top', 'right', 'bottom', 'left'].each(function(prop){
					result.push(this.getStyle(property + '-' + prop) || '0');
				}, this);
				var every = result.every(function(val){
					return val == result[0];
				});
				return (every) ? result[0] : result;
			}
			if (document.defaultView) style = document.defaultView.getComputedStyle(this, null).getPropertyValue(property.hyphenate());
			else if (this.currentStyle) style = this.currentStyle[property];
		}
		if (style == 'auto' && ['height', 'width'].test(property)) return this['offset'+property.capitalize()] + 'px';
		return (style && property.test(/color/i) && style.test(/rgb/)) ? style.rgbToHex() : style;
	},

	/*
	Property: getStyles
		Returns an object of styles of the Element for each argument passed in.
		Arguments:
		properties - strings; any number of style properties
	Example:
		>$('myElement').getStyles('width','height','padding');
		>//returns an object like:
		>{width: "10px", height: "10px", padding: "10px 0px 10px 0px"}
	*/

	getStyles: function(){
		var result = {};
		$each(arguments, function(argument){
			result[argument] = this.getStyle(argument);
		}, this);
		return result;
	},

	walk: function(brother, start){
		brother += 'Sibling';
		var el = (start) ? this[start] : this[brother];
		while (el && $type(el) != 'element') el = el[brother];
		return $(el);
	},

	/*
	Property: getPrevious
		Returns the previousSibling of the Element, excluding text nodes.

	Example:
		>$('myElement').getPrevious(); //get the previous DOM element from myElement

	Returns:
		the sibling element or undefined if none found.
	*/

	getPrevious: function(){
		return this.walk('previous');
	},

	/*
	Property: getNext
		Works as Element.getPrevious, but tries to find the nextSibling.
	*/

	getNext: function(){
		return this.walk('next');
	},

	/*
	Property: getFirst
		Works as <Element.getPrevious>, but tries to find the firstChild.
	*/

	getFirst: function(){
		return this.walk('next', 'firstChild');
	},

	/*
	Property: getLast
		Works as <Element.getPrevious>, but tries to find the lastChild.
	*/

	getLast: function(){
		return this.walk('previous', 'lastChild');
	},

	/*
	Property: getParent
		returns the $(element.parentNode)
	*/

	getParent: function(){
		return $(this.parentNode);
	},

	/*
	Property: getChildren
		returns all the $(element.childNodes), excluding text nodes. Returns as <Elements>.
	*/

	getChildren: function(){
		return $$(this.childNodes);
	},

	/*
	Property: hasChild
		returns true if the passed in element is a child of the $(element).
	*/

	hasChild: function(el) {
		return !!$A(this.getElementsByTagName('*')).test(el);
	},

	/*
	Property: setProperty
		Sets an attribute for the Element.

	Arguments:
		property - string; the property to assign the value passed in
		value - the value to assign to the property passed in

	Example:
		>$('myImage').setProperty('src', 'whatever.gif'); //myImage now points to whatever.gif for its source
	*/

	setProperty: function(property, value){
		switch(property){
			case 'class': this.className = value; break;
			case 'style': this.setStyles(value); break;
			case 'for': this.htmlFor = value; break;
			default: this.setAttribute(property, value);
		}
		return this;
	},

	/*
	Property: setProperties
		Sets numerous attributes for the Element.

	Arguments:
		source - an object with key/value pairs.

	Example:
		(start code)
		$('myElement').setProperties({
			src: 'whatever.gif',
			alt: 'whatever dude'
		});
		<img src="whatever.gif" alt="whatever dude">
		(end)
	*/

	setProperties: function(source){
		for (var property in source) this.setProperty(property, source[property]);
		return this;
	},

	/*
	Property: setHTML
		Sets the innerHTML of the Element.

	Arguments:
		html - string; the new innerHTML for the element.

	Example:
		>$('myElement').setHTML(newHTML) //the innerHTML of myElement is now = newHTML
	*/

	setHTML: function(){
		this.innerHTML = $A(arguments).join('');
		return this;
	},

	/*
	Property: getProperty
		Gets the an attribute of the Element.

	Arguments:
		property - string; the attribute to retrieve

	Example:
		>$('myImage').getProperty('src') // returns whatever.gif

	Returns:
		the value, or an empty string
	*/

	getProperty: function(property){
		switch(property){
			case 'class': return this.className;
			case 'for': return this.htmlFor;
			default: return this.getAttribute(property);
		}
	},

	/*
	Property: getTag
		Returns the tagName of the element in lower case.

	Example:
		>$('myImage').getTag() // returns 'img'

	Returns:
		The tag name in lower case
	*/

	getTag: function(){
		return this.tagName.toLowerCase();
	}

});

Element.listenerMethods = {

	addListener: function(type, fn){
		if (this.addEventListener) this.addEventListener(type, fn, false);
		else this.attachEvent('on' + type, fn);
		return this;
	},

	removeListener: function(type, fn){
		if (this.removeEventListener) this.removeEventListener(type, fn, false);
		else this.detachEvent('on' + type, fn);
		return this;
	}

};

window.extend(Element.listenerMethods);
document.extend(Element.listenerMethods);
Element.extend(Element.listenerMethods);

Element.Events = {};
Element.Events.extend = $extend;

var Garbage = {

	elements: [],

	collect: function(el){
		if (!el.$){
			Garbage.elements.push(el);
			el.$ = {};
		}
		return el;
	},

	trash: function(elements){
		for (var i = 0, j = elements.length, el; i < j; i++){
			if (!(el = elements[i]) || !el.$) return;
			if (el.$events) {
				el.fireEvent('onTrash');
				el.removeEvents();
			}
			for (var p in el.$) el.$[p] = null;
			for (var p in Element.prototype) el[p] = null;
			el.htmlElement = el.$ = null;
		}
	},

	empty: function(){
		Garbage.collect(window);
		Garbage.collect(document);
		Garbage.trash(Garbage.elements);
	}

};

window.addListener('unload', Garbage.empty);

/*
Script: Fx.Base.js
	Contains <Fx.Base> and two Transitions.

License:
	MIT-style license.
*/

var Fx = {};

/*
Class: Fx.Transitions
	A collection of transition equations for use with the <Fx.Base> Class.

See Also:
	<Fx.Transitions.js> for a whole bunch of transitions.

Credits:
	Easing Equations, (c) 2003 Robert Penner (http://www.robertpenner.com/easing/), Open Source BSD License.
*/

Fx.Transitions = {

	/* Property: linear */
	
	linear: function(t, b, c, d){
		return c*t/d + b;
	},

	/* Property: sineInOut */
	
	sineInOut: function(t, b, c, d){
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
	}

};

Fx.Transitions.extend = $extend;

/*
Class: Fx.Base
	Base class for the Mootools Effects (Moo.Fx) library.

Options:
	onStart - the function to execute as the effect begins; nothing (<Class.empty>) by default.
	onComplete - the function to execute after the effect has processed; nothing (<Class.empty>) by default.
	transition - the equation to use for the effect see <Fx.Transitions>; default is <Fx.Transitions.sineInOut>
	duration - the duration of the effect in ms; 500 is the default.
	unit - the unit is 'px' by default (other values include things like 'em' for fonts or '%').
	wait - boolean: to wait or not to wait for a current transition to end before running another of the same instance. defaults to true.
	fps - the frames per second for the transition; default is 30
*/

Fx.Base = new Class({

	options: {
		onStart: Class.empty,
		onComplete: Class.empty,
		onCancel: Class.empty,
		transition: Fx.Transitions.sineInOut,
		duration: 500,
		unit: 'px',
		wait: true,
		fps: 50
	},

	initialize: function(options){
		this.element = this.element || null;
		this.setOptions(options);
		if (this.options.initialize) this.options.initialize.call(this);
	},

	step: function(){
		var time = $time();
		if (time < this.time + this.options.duration){
			this.cTime = time - this.time;
			this.setNow();
			this.increase();
		} else {
			this.stop(true);
			this.now = this.to;
			this.increase();
			this.fireEvent('onComplete', this.element, 10);
			this.callChain();
		}
	},

	/*
	Property: set
		Immediately sets the value with no transition.

	Arguments:
		to - the point to jump to

	Example:
		>var myFx = new Fx.Style('myElement', 'opacity').set(0); //will make it immediately transparent
	*/

	set: function(to){
		this.now = to;
		this.increase();
		return this;
	},

	setNow: function(){
		this.now = this.compute(this.from, this.to);
	},

	compute: function(from, to){
		return this.options.transition(this.cTime, from, (to - from), this.options.duration);
	},

	/*
	Property: start
		Executes an effect from one position to the other.

	Arguments:
		from - integer: staring value
		to - integer: the ending value

	Examples:
		>var myFx = new Fx.Style('myElement', 'opacity').start(0,1); //display a transition from transparent to opaque.
	*/

	start: function(from, to){
		if (!this.options.wait) this.stop();
		else if (this.timer) return this;
		this.from = from;
		this.to = to;
		this.time = $time();
		this.timer = this.step.periodical(Math.round(1000/this.options.fps), this);
		this.fireEvent('onStart', this.element);
		return this;
	},

	/*
	Property: stop
		Stops the transition.
	*/

	stop: function(end){
		if (!this.timer) return this;
		this.timer = $clear(this.timer);
		if (!end) this.fireEvent('onCancel', this.element);
		return this;
	},

	//compat
	custom: function(from, to){return this.start(from, to)},
	clearTimer: function(end){return this.stop(end)}

});

Fx.Base.implement(new Chain);
Fx.Base.implement(new Events);
Fx.Base.implement(new Options);

/*
Script: Fx.CSS.js
	Css parsing class for effects. Required by <Fx.Style>, <Fx.Styles>, <Fx.Elements>. No documentation needed, as its used internally.

License:
	MIT-style license.
*/

Fx.CSS = {

	select: function(property, to){
		if (property.test(/color/i)) return this.Color;
		if (to.test && to.test(' ')) return this.Multi;
		return this.Single;
	},

	parse: function(el, property, fromTo){
		if (!fromTo.push) fromTo = [fromTo];
		var from = fromTo[0], to = fromTo[1];
		if (!to && to != 0){
			to = from;
			from = el.getStyle(property);
		}
		var css = this.select(property, to);
		return {from: css.parse(from), to: css.parse(to), css: css};
	}

};

Fx.CSS.Single = {

	parse: function(value){
		return parseFloat(value);
	},

	getNow: function(from, to, fx){
		return fx.compute(from, to);
	},

	getValue: function(value, unit){
		return value + unit;
	}

};

Fx.CSS.Multi = {

	parse: function(value){
		return value.push ? value : value.split(' ').map(function(v){
			return parseFloat(v);
		});
	},

	getNow: function(from, to, fx){
		var now = [];
		for (var i = 0; i < from.length; i++) now[i] = fx.compute(from[i], to[i]);
		return now;
	},

	getValue: function(value, unit){
		return value.join(unit + ' ') + unit;
	}

};

Fx.CSS.Color = {

	parse: function(value){
		return value.push ? value : value.hexToRgb(true);
	},

	getNow: function(from, to, fx){
		var now = [];
		for (var i = 0; i < from.length; i++) now[i] = Math.round(fx.compute(from[i], to[i]));
		return now;
	},

	getValue: function(value){
		return 'rgb(' + value.join(',') + ')';
	}

};

/*
Script: Fx.Style.js
	Contains <Fx.Style>

License:
	MIT-style license.
*/

/*
Class: Fx.Style
	The Style effect; Extends <Fx.Base>, inherits all its properties. Used to transition any css property from one value to another. Includes colors.
	Colors must be in hex format.

Arguments:
	el - the $(element) to apply the style transition to
	property - the property to transition
	options - the Fx.Base options (see: <Fx.Base>)

Example:
	>var marginChange = new Fx.Style('myElement', 'margin-top', {duration:500});
	>marginChange.start(10, 100);
*/

Fx.Style = Fx.Base.extend({

	initialize: function(el, property, options){
		this.element = $(el);
		this.property = property;
		this.parent(options);
	},

	/*
	Property: hide
		Same as <Fx.Base.set> (0); hides the element immediately without transition.
	*/

	hide: function(){
		return this.set(0);
	},

	setNow: function(){
		this.now = this.css.getNow(this.from, this.to, this);
	},

	/*
	Property: set
		Sets the element's css property (specified at instantiation) to the specified value immediately.

	Example:
		(start code)
		var marginChange = new Fx.Style('myElement', 'margin-top', {duration:500});
		marginChange.set(10); //margin-top is set to 10px immediately
		(end)
	*/

	set: function(to){
		this.css = Fx.CSS.select(this.property, to);
		return this.parent(this.css.parse(to));
	},

	/*
	Property: start
		displays the transition to the value/values passed in

	Arguments:
		from - (integer; optional) the starting position for the transition
		to - (integer) the ending position for the transition

	Note:
		If you provide only one argument, the transition will use the current css value for its starting value.

	Example:
		(start code)
		var marginChange = new Fx.Style('myElement', 'margin-top', {duration:500});
		marginChange.start(10); //tries to read current margin top value and goes from current to 10
		(end)
	*/

	start: function(from, to){
		if (this.timer && this.options.wait) return this;
		var parsed = Fx.CSS.parse(this.element, this.property, [from, to]);
		this.css = parsed.css;
		return this.parent(parsed.from, parsed.to);
	},

	increase: function(){
		this.element.setStyle(this.property, this.css.getValue(this.now, this.options.unit));
	}

});

/*
Class: Element
	Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
*/

Element.extend({

	/*
	Property: effect
		Applies an <Fx.Style> to the Element; This a shortcut for <Fx.Style>.
	
	Arguments:
		property - (string) the css property to alter
		options - (object; optional) key/value set of options (see <Fx.Style>)

	Example:
		>var myEffect = $('myElement').effect('height', {duration: 1000, transition: Fx.Transitions.linear});
		>myEffect.start(10, 100);
		>//OR
		>$('myElement').effect('height', {duration: 1000, transition: Fx.Transitions.linear}).start(10,100);
	*/

	effect: function(property, options){
		return new Fx.Style(this, property, options);
	}

});

/*
Script: Fx.Styles.js
	Contains <Fx.Styles>

License:
	MIT-style license.
*/

/*
Class: Fx.Styles
	Allows you to animate multiple css properties at once; Extends <Fx.Base>, inherits all its properties. Includes colors.
	Colors must be in hex format.

Arguments:
	el - the $(element) to apply the styles transition to
	options - the fx options (see: <Fx.Base>)

Example:
	(start code)
	var myEffects = new Fx.Styles('myElement', {duration: 1000, transition: Fx.Transitions.linear});

	//height from 10 to 100 and width from 900 to 300
	myEffects.start({
		'height': [10, 100],
		'width': [900, 300]
	});

	//or height from current height to 100 and width from current width to 300
	myEffects.start({
		'height': 100,
		'width': 300
	});
	(end)
*/

Fx.Styles = Fx.Base.extend({

	initialize: function(el, options){
		this.element = $(el);
		this.parent(options);
	},

	setNow: function(){
		for (var p in this.from) this.now[p] = this.css[p].getNow(this.from[p], this.to[p], this);
	},

	set: function(to){
		var parsed = {};
		this.css = {};
		for (var p in to){
			this.css[p] = Fx.CSS.select(p, to[p]);
			parsed[p] = this.css[p].parse(to[p]);
		}
		return this.parent(parsed);
	},

	/*
	Property: start
		Executes a transition for any number of css properties in tandem.

	Arguments:
		obj - an object containing keys that specify css properties to alter and values that specify either the from/to values (as an array) or just the end value (an integer).

	Example:
		see <Fx.Styles>
	*/

	start: function(obj){
		if (this.timer && this.options.wait) return this;
		this.now = {};
		this.css = {};
		var from = {}, to = {};
		for (var p in obj){
			var parsed = Fx.CSS.parse(this.element, p, obj[p]);
			from[p] = parsed.from;
			to[p] = parsed.to;
			this.css[p] = parsed.css;
		}
		return this.parent(from, to);
	},

	increase: function(){
		for (var p in this.now) this.element.setStyle(p, this.css[p].getValue(this.now[p], this.options.unit));
	}

});

/*
Class: Element
	Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
*/

Element.extend({

	/*
	Property: effects
		Applies an <Fx.Styles> to the Element; This a shortcut for <Fx.Styles>.

	Example:
		>var myEffects = $(myElement).effects({duration: 1000, transition: Fx.Transitions.sineInOut});
 		>myEffects.start({'height': [10, 100], 'width': [900, 300]});
	*/

	effects: function(options){
		return new Fx.Styles(this, options);
	}

});

/*
Script: Fx.Elements.js
	Contains <Fx.Elements>

License:
	MIT-style license.
*/

/*
Class: Fx.Elements
	Fx.Elements allows you to apply any number of styles transitions to a selection of elements. Includes colors (must be in hex format).

Arguments:
	elements - a collection of elements the effects will be applied to.
	options - same as <Fx.Base> options.
*/

Fx.Elements = Fx.Base.extend({

	initialize: function(elements, options){
		this.elements = $$(elements);
		this.parent(options);
	},

	setNow: function(){
		for (var i in this.from){
			var iFrom = this.from[i], iTo = this.to[i], iCss = this.css[i], iNow = this.now[i] = {};
			for (var p in iFrom) iNow[p] = iCss[p].getNow(iFrom[p], iTo[p], this);
		}
	},

	set: function(to){
		var parsed = {};
		this.css = {};
		for (var i in to){
			var iTo = to[i], iCss = this.css[i] = {}, iParsed = parsed[i] = {};
			for (var p in iTo){
				iCss[p] = Fx.CSS.select(p, iTo[p]);
				iParsed[p] = iCss[p].parse(iTo[p]);
			}
		}
		return this.parent(parsed);
	},

	/*
	Property: start
		Applies the passed in style transitions to each object named (see example). Each item in the collection is refered to as a numerical string ("1" for instance). The first item is "0", the second "1", etc.

	Example:
		(start code)
		var myElementsEffects = new Fx.Elements($$('a'));
		myElementsEffects.start({
			'0': { //let's change the first element's opacity and width
				'opacity': [0,1],
				'width': [100,200]
			},
			'4': { //and the fifth one's opacity
				'opacity': [0.2, 0.5]
			}
		});
		(end)
	*/

	start: function(obj){
		if (this.timer && this.options.wait) return this;
		this.now = {};
		this.css = {};
		var from = {}, to = {};
		for (var i in obj){
			var iProps = obj[i], iFrom = from[i] = {}, iTo = to[i] = {}, iCss = this.css[i] = {};
			for (var p in iProps){
				var parsed = Fx.CSS.parse(this.elements[i], p, iProps[p]);
				iFrom[p] = parsed.from;
				iTo[p] = parsed.to;
				iCss[p] = parsed.css;
			}
		}
		return this.parent(from, to);
	},

	increase: function(){
		for (var i in this.now){
			var iNow = this.now[i], iCss = this.css[i];
			for (var p in iNow) this.elements[i].setStyle(p, iCss[p].getValue(iNow[p], this.options.unit));
		}
	}

});

/*
Script: Fx.Transitions.js
	Cool transitions, to be used with all the effects.

Author:
	Robert Penner, <http://www.robertpenner.com/easing/>, modified to be used with mootools.

License:
	Easing Equations v1.5, (c) 2003 Robert Penner, all rights reserved. Open Source BSD License.
*/

/*
Class: Fx.Transitions
	A collection of tweaning transitions for use with the <Fx.Base> classes.
*/

Fx.Transitions.extend({

	/* Property: quadIn */

	quadIn: function(t, b, c, d){
		return c * (t /= d) * t + b;
	},

	/* Property: quadOut */

	quadOut: function(t, b, c, d){
		return - c * (t /= d) * (t - 2) + b;
	},

	/* Property: quadInOut */

	quadInOut: function(t, b, c, d){
		if ((t /= d / 2) < 1) return c / 2 * t * t + b;
		return - c / 2 * ((--t) * (t - 2) - 1) + b;
	},

	/* Property: cubicIn */

	cubicIn: function(t, b, c, d){
		return c * (t /= d) * t * t + b;
	},

	/* Property: cubicOut */

	cubicOut: function(t, b, c, d){
		return c * ((t = t / d - 1) * t * t + 1) + b;
	},

	/* Property: cubicInOut */

	cubicInOut: function(t, b, c, d){
		if ((t /= d / 2) < 1) return c / 2 * t * t * t + b;
		return c / 2 * ((t -= 2) * t * t + 2) + b;
	},

	/* Property: quartIn */

	quartIn: function(t, b, c, d){
		return c * (t /= d) * t * t * t + b;
	},

	/* Property: quartOut */

	quartOut: function(t, b, c, d){
		return - c * ((t = t / d - 1) * t * t * t - 1) + b;
	},

	/* Property: quartInOut */

	quartInOut: function(t, b, c, d){
		if (( t /= d / 2) < 1) return c / 2 * t * t * t * t + b;
		return - c / 2 * ((t -= 2) * t * t * t - 2) + b;
	},

	/* Property: quintIn */

	quintIn: function(t, b, c, d){
		return c * (t /= d) * t * t * t * t + b;
	},

	/* Property: quintOut */

	quintOut: function(t, b, c, d){
		return c * ((t = t / d - 1) * t * t * t * t + 1) + b;
	},

	/* Property: quintInOut */

	quintInOut: function(t, b, c, d){
		if ((t /= d / 2) < 1) return c/2 * t * t * t * t * t + b;
		return c / 2 * ((t -= 2) * t * t * t * t + 2) + b;
	},

	/* Property: sineIn */

	sineIn: function(t, b, c, d){
		return - c * Math.cos(t / d * (Math.PI / 2)) + c + b;
	},

	/* Property: sineOut */

	sineOut: function(t, b, c, d){
		return c * Math.sin(t / d * (Math.PI / 2)) + b;
	},

	/* Property: expoIn */

	expoIn: function(t, b, c, d){
		return (t == 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b;
	},

	/* Property: expoOut */

	expoOut: function(t, b, c, d){
		return (t == d) ? b + c : c * (- Math.pow(2, -10 * t / d) + 1) + b;
	},

	/* Property: expoInOut */

	expoInOut: function(t, b, c, d){
		if (t == 0) return b;
		if (t == d) return b + c;
		if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;
		return c / 2 * (- Math.pow(2, - 10 * --t) + 2) + b;
	},

	/* Property: circIn */

	circIn: function(t, b, c, d){
		return - c * (Math.sqrt(1 - (t /= d) * t) - 1) + b;
	},

	/* Property: circOut */

	circOut: function(t, b, c, d){
		return c * Math.sqrt(1 - (t = t / d - 1) * t) + b;
	},

	/* Property: circInOut */

	circInOut: function(t, b, c, d){
		if ((t /= d / 2) < 1) return - c / 2 * (Math.sqrt(1 - t * t) - 1) + b;
		return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;
	},

	/* Property: elasticIn */

	elasticIn: function(t, b, c, d, a, p){
		if (t == 0) return b;
		if ((t /= d) == 1) return b + c;
		p = p || d * 0.3;
		a = a || 1;
		if (a < Math.abs(c)){
			a = c;
			var s = p / 4;
		}
		else var s = p / (2 * Math.PI) * Math.asin(c / a);
		return - (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI)/p)) + b;
	},

	/* Property: elasticOut */

	elasticOut: function(t, b, c, d, a, p){
		if (t == 0) return b;
		if ((t /= d) == 1) return b + c;
		p = p || d * 0.3;
		a = a || 1;
		if (a < Math.abs(c)){
			a = c;
			var s = p/4;
		} else var s = p / (2 * Math.PI) * Math.asin(c / a);
		return a*Math.pow(2, -10 * t) * Math.sin((t * d - s)*(2 * Math.PI) / p) + c + b;
	},

	/* Property: elasticInOut */

	elasticInOut: function(t, b, c, d, a, p){
		if (t == 0) return b;
		if ((t /= d / 2) == 2) return b + c;
		p = p || d * (0.3 * 1.5);
		a = a || 1;
		if (a < Math.abs(c)){
			a = c;
			var s = p / 4;
		} else var s = p / (2 * Math.PI) * Math.asin(c / a);
		if (t < 1) return - 0.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI)/p)) + b;
		return a * Math.pow(2, - 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI)/p) * 0.5 + c + b;
	},

	/* Property: backIn */

	backIn: function(t, b, c, d, s){
		s = s || 1.70158;
		return c * (t /= d) * t * ((s + 1) * t - s) + b;
	},

	/* Property: backOut */

	backOut: function(t, b, c, d, s){
		s = s || 1.70158;
		return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;
	},

	/* Property: backInOut */

	backInOut: function(t, b, c, d, s){
		s = s || 1.70158;
		if ((t /= d / 2) < 1) return c / 2 * (t * t * (((s *= 1.525) +1) * t - s)) + b;
		return c / 2 * ((t -= 2) * t *(((s *= 1.525) + 1) * t + s) + 2) + b;
	},

	/* Property: bounceIn */

	bounceIn: function(t, b, c, d){
		return c - Fx.Transitions.bounceOut(d - t, 0, c, d) + b;
	},

	/* Property: bounceOut */

	bounceOut: function(t, b, c, d){
		if ((t /= d) < (1 / 2.75)) return c * (7.5625 * t * t) + b;
		else if (t < (2/2.75)) return c * (7.5625 * (t -= (1.5 / 2.75)) * t + 0.75) + b;
		else if (t < (2.5 / 2.75)) return c * (7.5625 * (t -= (2.25 / 2.75)) * t + 0.9375) + b;
		else return c * (7.5625 * (t -= (2.625/2.75)) * t + 0.984375) + b;
	},

	/* Property: bounceInOut */

	bounceInOut: function(t, b, c, d){
		if (t < d / 2) return Fx.Transitions.bounceIn(t * 2, 0, c, d) * 0.5 + b;
		return Fx.Transitions.bounceOut(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b;
	}

});

function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
  return -1;
}

var effect;
var expandable = new Array();
var contractable = new Array();
var information = new Array();

window.onload = function(){
	var elements = document.getElementsByTagName( 'div' );

	for( i = 0; i < elements.length; i++ ){
		if( elements[ i ].className == 'thumb_container' ){
			expandable[ elements[ i ].id ] = true;
			contractable[ elements[ i ].id ] = false;
		}
	}

	// ABBA
	information[ "abba_bc" ] = "abba";

	information[ "abba_text" ] = "<span class=\"bodycopybold\">ABBA - Thank You For The Music</span><br /><br />Iambic Productions 2006<br />Distributed by DCD Rights (formerly NBDtv/DCD Media)<br />Excutive Producer: Chris Hunt, Producer: Angela Hall, Director: Steve Cole<br /><br />2007 WorldFest-Houston - Special Jury Remi Award<br /><br /><a href=\"http://iambicproductions.com\" target=\"_blank\">Iambic Productions</a>";

	// BEATLES
	information[ "beatles_bc" ] = "beatles";

	information[ "beatles_text" ] = "<span class=\"bodycopybold\">Imagine: The Beatles in 'Love'</span><br /><br />Iambic Productions 2006<br /><br />Distributed by DCD Rights (formerly NBDtv/DCD Media)<br />Producer: Chris Hunt, Director: Steve Cole, Production Manager: Angela Hall<br /><br /><br /><em>...an absolute Joy' The Guardian 18/12/2006</em><br />2007 WorldFest-Houston - Platinum Remi Award<br /><br /><a href=\"http://iambicproductions.com\" target=\"_blank\">Iambic Productions</a>";
	
	// BON VOYAGE
	information[ "bonVoyage_bc" ] = "bonVoyage";

	information[ "bonVoyage_text" ] = "<span class=\"bodycopybold\">Bon Voyage (2006)</span><br /><br />Starring Fay Ripley &amp; Ben Miles<br />Distributed by DCD Rights (formerly NBDtv/DCD Media)<br /><br /><a href=\"http://www.box-tv.co.uk\" target=\"_blank\">Box TV</a><br /><br />\"acclaimed horror director John Fawcett takes us on a wonderfully chilling journey\" - The Sunday Times";

	// CARDILLAC
	information[ "cardillac_bc" ] = "cardillac";

	information[ "cardillac_text" ] = "<span class=\"bodycopybold\">Cardillac</span><br /><br />Opera national de Paris<br /><br />Opera Bastille<br />Orchestre National de Paris conducted by Kent Nagano<br />Bel Air Media 2005<br /><br />Distributed by DCD Rights (formerly NBDtv/DCD Media)";	

	// FUTTOCKS
	information[ "futtocks_bc" ] = "futtocks";

	information[ "futtocks_text" ] = "<span class=\"bodycopybold\">Futtocks End (1969)</span><br /><br />Starring Ronnie Barker<br />Distributed by Digital Classics DVD<br /><br />\"A delightful film showing Ronnie Barker's brilliant comic creativity\" - David Jason<br /><br /><a href=\"http://www.digitalclassicsdvd.co.uk\" target=\"_blank\">Digital Classics DVD</a>";

	// GORILLAZ
	information[ "gorillaz_bc" ] = "gorillaz";

	information[ "gorillaz_text" ] = "<span class=\"bodycopybold\">Gorillaz: Live in Harlem 2006</span><br /><br />Directed by Helen Downing, Performances by Damon Albarn, Neneh Cherry, De La Soul, Ike Turner, the Happy Mondays' Shaun Ryder, Rosie Wilson, Roots Manuva and Dennis Hopper<br /><br /><a href=\"http://doneanddusted.com\" target=\"_blank\">Done and Dusted</a>";		

	// GUNPOWDER
	information[ "gunpowder_bc" ] = "gunpowder";

	information[ "gunpowder_text" ] = "<span class=\"bodycopybold\">Gunpowder, Treason and Plot (2004)</span><br />Starring Robert Carlyle, Cl&eacute;mence Po&eacute;sy &amp; Kevin McKidd<br />'This is drama of the highest order, involving, emotional and possessed of more passion than Mel Gibson can ever dream of' - The Observer<br />Winner - Best Series/Serial, Best Actress (Cl&eacute;mence Po&eacute;sy), Best Actor (Kevin McKidd) and Best Script - Golden FIPA awards 2005<br /><br /><a href=\"http://www.box-tv.co.uk\" target=\"_blank\">Box TV</a>";	
	
		// HOME
	information[ "home_bc" ] = "home";

	information[ "home_text" ] = "<span class=\"bodycopybold\">BODYSHOCK: <br />I AM ELEPHANT MAN</span><br /> - the second highest rated documentary on C4 in 2008 repeats Sunday August 03 on C4 @8pm<br /><span class=\"bodycopybold\">DAILY COOKS CHALLENGE</span> - Weekdays @3pm on ITV1 from June 30 for 9 weeks<br /><br /><span class=\"bodycopybold\">BRIDEZILLAS</span> - Fifth record breaking season - Sundays on WE (USA) @9pm from June 1 for 22 weeks";


	// IL DIVO
	information[ "ilDivo_bc" ] = "ilDivo";

	information[ "ilDivo_text" ] = "<span class=\"bodycopybold\">Il Divo, World Tour</span><br /><br />Live at the Greek Theatre, Los Angeles<br /><br />Simco Limited 2006<br /><br />Distributed by DCD Rights (formerly NBDtv/DCD Media)";	

	// JOAN SUTHERLAND
	information[ "joanSutherland_bc" ] = "joanSutherland";

	information[ "joanSutherland_text" ] = "<span class=\"bodycopybold\">Joan Sutherland: The Reluctant Diva</span><br /><br />Iambic Productions 2006<br />Distributed by DCD Rights (formerly NBDtv/DCD Media)<br />Producer: Chris Hunt, Director: Steve Cole, Production Manager: Angela Hall<br /><br />2007 WorldFest-Houston - Gold Remi prize<br /><br /><a href=\"http://iambicproductions.com\" target=\"_blank\">Iambic Productions</a>";	

	// PEOPLES CHORUS
	information[ "peoplesChorus_bc" ] = "peoplesChorus";

	information[ "peoplesChorus_text" ] = "<span class=\"bodycopybold\">People's Chorus</span><br /><br />Iambic Productions 2006<br />Not distributed by DCD Rights (formerly NBDtv/DCD Media) but available to buy on DVD through Digital Classics<br />Producer: Chris Hunt, Director: Steve Cole, Production Manager: Angela Hall<br /><br /><a href=\"http://iambicproductions.com\" target=\"_blank\">Iambic Productions</a>";	

	// PINK
	information[ "pink_bc" ] = "pink";

	information[ "pink_text" ] = "<span class=\"bodycopybold\">P!NK, I'm Not Dead Tour</span><br /><br />Live at Wembley Arena<br /><br />LaFace Records LLC 2006/07<br /><br />Distributed by DCD Rights (formerly NBDtv/DCD Media)<br /><a href=\"http://www.dcdrights.com\" target=\"_blank\">http://www.dcdrights.com</a>";	

	// RAWLINSON
	information[ "rawlinson_bc" ] = "sirHenry";

	information[ "rawlinson_text" ] = "<span class=\"bodycopybold\">Sir Henry at Rawlinson End (1980)</span><br /><br />Starring Vivian Stanshall<br />Distributed by Digital Classics DVD<br /><br />'...Sir Henry is a comic masterpiece...' - NME<br /><br /><a href=\"http://www.digitalclassicsdvd.co.uk\" target=\"_blank\">Digital Classics DVD</a>";	

	// ROCKER
	information[ "rocker_bc" ] = "theRocker";

	information[ "rocker_text" ] = "<span class=\"bodycopybold\">The Rocker: Thin Lizzy's Phil Lynott</span>Starring Phil Lynott<br />Distributed by Digital Classics DVD<br /><br />'...The Rocker is an in-depth look at the life, career and tragic death of legendary rock star...'<br /><br /><a href=\"http://www.digitalclassicsdvd.co.uk\" target=\"_blank\">Digital Classics DVD</a>";	

	// ROOTS
	information[ "roots_bc" ] = "roots";

	information[ "roots_text" ] = "<span class=\"bodycopybold\">Beats of the Heart: Roots, Rock, Reggae (1977)</span><br /><br />Featuring Bob Marley, U Roy, Lee Scratch Perry<br />Distributed by Digital Classics DVD<br /><br />'...Essential for classic reggae fans and anyone with a passion for music documentary...' Fly - Global Music Culture<br /><br /><a href=\"http://www.digitalclassicsdvd.co.uk\" target=\"_blank\">Digital Classics DVD</a>";	
	
	// SCISSOR SISTERS
	information[ "scissorSisters_bc" ] = "scissorSisters";

	information[ "scissorSisters_text" ] = "<span class=\"bodycopybold\">Scissor Sisters in Trafalgar Square</span><br /><br />2006<br />Directed by Russell Thomas, Surprise introduction by Kylie Minogue<br /><br /><a href=\"http://doneanddusted.com\" target=\"_blank\">Done and Dusted</a>";	

	// SWEENY
	information[ "sweeny_bc" ] = "sweenyTodd";

	information[ "sweeny_text" ] = "<span class=\"bodycopybold\">Sweeney Todd (2006)</span><br /><br />Starring Ray Winstone<br />Distributed by DCD Rights (formerly NBDtv/DCD Media)<br /><br />'This gripping symphony of horror continues the BBC's current run of outstanding dramas' - The Times<br />Winner - Best Actor (Ray Winstone) - Shanghai Television Festival 2006<br /><br /><a href=\"http://www.box-tv.co.uk\" target=\"_blank\">Box TV</a>";	

	// T4
	information[ "t4_bc" ] = "t4";

	information[ "t4_text" ] = "<span class=\"bodycopybold\">T4 On The Beach</span><br /><br />2006<br />Directed By Hamish Hamilton,<br />Performances by Basement Jaxx, Danni Minogue, The Zutons, Razorlight, Lily Allen, Busta Rhymes, The Feeling, Automatic, Pet Shop Boys, Hard Fi, Pussycat Dolls, Will Young<br /><br /><a href=\"http://doneanddusted.com\" target=\"_blank\">Done and Dusted</a>";

	// TAKETHAT
	information[ "takeThat_bc" ] = "takeThat";

	information[ "takeThat_text" ] = "<span class=\"bodycopybold\">Take That, The Ultimate Tour</span><br /><br />City of Manchester stadium<br /><br />Universal Music Group 2006<br /><br />Distributed by DCD Rights (formerly NBDtv/DCD Media)<br /><a href=\"http://www.dcdrights.com\" target=\"_blank\">http://www.dcdrights.com</a>";

	// VICTORIAS SECRETS
	information[ "victoriasSecrets_bc" ] = "victoriasSecret";

	information[ "victoriasSecrets_text" ] = "<span class=\"bodycopybold\">Victoria's Secret Fashion Show</span><br /><br />2006<br />Directed by Hamish Hamilton, performance by Justin Timberlake<br /><br /><a href=\"http://doneanddusted.com\" target=\"_blank\">Done and Dusted</a>";

	// WIND
	information[ "wind_bc" ] = "WTWBBC";

	information[ "wind_text" ] = "<span class=\"bodycopybold\">The Wind In The Willows (2006)</span><br /><br />Starring Matt Lucas &amp; Bob Hoskins<br />Distributed by DCD Rights (formerly NBDtv/DCD Media)<br /><br /><a href=\"http://www.box-tv.co.uk\" target=\"_blank\">Box TV</a><br /><br />\"A more perfect feast of feelgood, family-oriented fun could hardly be imagined than Lee Hall's terrific adaptation of The Wind in the Willows\" - The Daily Telegraph";
	
	// Rimmer
	information[ "rimmer_bc" ] = "Rimmer";
	
	information[ "rimmer_text" ] = "<span class=\"bodycopybold\">The Rise and Rise of Michael Rimmer (1970)</span><br /><br />Starring Peter Cook, John Cleese, Harold Pinter<br />Director: Kevin Billington<br />Bonus: Directors Commentary, Picture Gallery<br /><br />Distributed by Digital Classics DVD<br /><br />'Brilliantly observant satire' - Channel4.com<br /><br /><a href=\"http://www.digitalclassicsdvd.co.uk\" target=\"_blank\">Digital Classics DVD</a>";

	// Bride
	information[ "bride_bc" ] = "bride";
	
	information[ "bride_text" ] = "<span class=\"bodycopybold\">BRIDEZILLAS</span><br />Fifth record breaking season<br />Sundays on WE (USA) @9pm from June 1 for 22 weeks<br />Engaged, enraged, about to be committed!<br /><br />The all-time highest rated TV original<br />telecast on WE Network (USA).<br /><br /><a href=\"http://www.septemberfilms.com\" target=\"_blank\">September Films</a><br />Distributed by DCD Rights (formerly NBDtv/DCD Media)";
	
	// Taste
	information[ "taste_bc" ] = "taste";
	
	information[ "taste_text" ] = "<span class=\"bodycopybold\">Taste</span> (65x60mins), Sky One<br />The designer food programme for people who love food hosted by Beverly Turner<br /><br /><strong>Saturday Cooks</strong> (37 x 90 mins)<br />Back on ITV1 from 01 September<br /><br /><a href=\"http://www.prospect-uk.com/\" target=\"_blank\">Prospect Pictures</a>";
	
	// HIV
	information[ "hiv_bc" ] = "hiv";
	
	information[ "hiv_text" ] = "<span class=\"bodycopybold\">STEPHEN FRY: HIV &amp; ME</span><br />2-part documentary series (2 X59')<br /><br />Produced by <a href=\"http://www.westparkpictures.com/\" target=\"_blank\">West Park Pictures</a> in association With BBC Scotland<br />Distributed by DCD Rights (formerly NBDtv/DCD Media)<br /><br />** RTS Awards – Best Educational Impact in the Primetime Schedule/Series<br/>** U.S. International Film & Video Festival – Gold Camera (social issues documentary)";	
	
	// TLE
	information[ "tle_bc" ] = "tle";
	
	information[ "tle_text" ] = "<span class=\"bodycopybold\">The Last Enemy (2008)</span><br /><br />5 part thriller for BBC One (1 x 90', 4 x 60')<br />Starring Benedict Cumberbatch, Max Beesley and Robert Carlyle<br /><br />\"a brilliantly terrifying drama\" - The Observer<br />\"a classy conspiracy thriller...unmissable\" - The Mirror<br />\"will have you on the edge of your seat\" - News of the World<br /><br />A <a href=\"http://www.box-tv.co.uk\" target=\"_blank\">Box TV</a> production<br />Distributed by DCD Rights (formerly NBDtv/DCD Media)<br /><br />Full info <a href=\"http://www.bbc.co.uk/drama/lastenemy/\">http://www.bbc.co.uk/drama/lastenemy/</a>";			
	
	// BOYS JOINED
	information[ "boys_joined_bc" ] = "boys_joined";
	
	information[ "boys_joined_text" ] = "<span class=\"bodycopybold\">Extraordinary People: The Boys Joined At The Head (2008)</span><br /><br />Airs on 20 February 2008, 9pm, Five <br /><br />A <a href=\"http://www.septemberfilms.com\" target=\"_blank\">September Films</a> production<br />(1 x 60 minutes Special)<br />Distributed by DCD Rights (formerly NBDtv)v/DCD Media<br /><br />\"a remarkable story\" - The Telegraph<br />\"Don't miss!\" The Mirror<br /><br />\"For a tale to warm your heart look no further than this moving documentary\" TV Times";	
	
	// ARK
	information[ "ark_bc" ] = "ark";
	
	information[ "ark_text" ] = "<span class=\"bodycopybold\">QUEST FOR THE LOST ARK</span><br /><br />Airs 14 April on Channel 4<br />(1x90) doc for History Channel (US) and Channel 4<br /><br />Could Professor Tudor Parfitt, hailed as  'the real Indiana Jones' have located the coveted treasure?<br /><br />A <a href=\"http://www.septemberfilms.com\" target=\"_blank\">September Films</a> production<br />Distributed by DCD Rights (formerly NBDtv/DCD Media)";			

	// STAIRWAY
	information[ "stairway_bc" ] = "stairway";
	information[ "stairway_text" ] = "<span class=\"bodycopybold\">STAIRWAY TO HEAVEN</span><br /><br />Documentary for the Prince's Charities Events (1x60')<br />Narrated by Kenneth Branagh<br /><br />A <a href=\"http://www.westparkpictures.com/\" target=\"_blank\">West Park Pictures</a> production<br /><br />Distributed by DCD Rights (formerly NBDtv/DCD Media)";
	
	// WALKS
	information[ "walks_bc" ] = "walks";
	information[ "walks_text" ] = "<span class=\"bodycopybold\">WALKING THE WORLD</span><br /><br />Documentary series forTravel Channel (US), Voyage (France),<br />Reader's Digest (10x60' /3x60')<br /><br />A <a href=\"http://www.westparkpictures.com/\" target=\"_blank\">West Park Pictures</a> production";
	
	// PROSPECT SHOWREEL
	information[ "prospect_bc" ] = "prospect_showreel";
	information[ "prospect_text" ] = "<span class=\"bodycopybold\">Showreel 2007</span> 3.28m<br />Prospect Pictures";

	// ELEPHANT MAN
	information[ "elephant_bc" ] = "elephant";
	information[ "elephant_text" ] = "<span class=\"bodycopybold\">I AM THE ELEPHANT MAN</span><br /><br />Documentary Special (1x60') for Channel 4<br /><br />I am The Elephant Man was the second highest rated documentary on Channel 4 in 2008<br /><br />A <a href=\"http://www.septemberfilms.com\" target=\"_blank\">September Films</a> production<br />Distributed by DCD Rights (formerly NBDtv/DCD Media)";

	var vid = getQueryVariable( 'vid' );

	if( vid != -1 ){
		vidString = unescape("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" width=\"219\" height=\"164\" id=\"player\" align=\"middle\"><param name=\"allowScriptAccess\" value=\"sameDomain\" /><param name=\"allowFullScreen\" value=\"true\" /><param name=\"flashvars\" value=\"videoPath=flv/" + information[ vid + "_bc" ] + "\" /><param name=\"movie\" value=\"player_v2.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\"#F7F7F7\" /><embed src=\"player_v2.swf\" quality=\"high\" bgcolor=\"#F7F7F7\" width=\"219\" height=\"164\" name=\"player\" align=\"middle\" allowScriptAccess=\"sameDomain\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" allowFullScreen=\"true\" flashvars=\"videoPath=flv/" + information[ vid + "_bc" ] + "\" /></object>");
		writeText( vidString, 'brightcove' );
		writeText( information[ vid + "_text" ], 'movie_text' );
	}
	else
	{
	vidString = unescape("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" width=\"219\" height=\"164\" id=\"player\" align=\"middle\"><param name=\"wmode\" value=\"transparent\"><param name=\"allowScriptAccess\" value=\"sameDomain\" /><param name=\"allowFullScreen\" value=\"true\" /><param name=\"flashvars\" value=\"videoPath=flv/" + information[ "home_bc" ] + "\" /><param name=\"movie\" value=\"player_v2.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\"#F7F7F7\" /><embed src=\"player_v2.swf\" quality=\"high\" bgcolor=\"#F7F7F7\" width=\"219\" height=\"164\" name=\"player\" align=\"middle\" allowScriptAccess=\"sameDomain\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" allowFullScreen=\"true\" flashvars=\"videoPath=flv/" + information[ "home_bc" ] + "\" /></object>");
		writeText( vidString, 'brightcove' );
		writeText( information[ "home_text" ], 'movie_text' );	
	}

	BrowserDetect.init();
}

function expand( imgId ){
	if( expandable[ imgId ] == true && BrowserDetect.browser != "Explorer" ){
		contractable[ imgId ] = false;
		resetAll();
		var container = document.getElementById( imgId );
		container.style.zIndex = '1000';
		container.style.overflow = 'visible';

		effect = new Fx.Styles( imgId + '_img', {duration: 200, transition: Fx.Transitions.linear} );
		effect.start( { 'height': 75, 'width': 100, 'top':-5, 'left': -5 } );
	
		setTimeout( "expand2( '" + imgId + "' )", 200 );
	}
}

function expand2( imgId ){
	var textBox = document.getElementById( imgId + '_text' );
	textBox.innerHTML = document.getElementById( imgId + '_img' ).alt;
	textBox.className = 'mouseOverVideoThumb';

	var playArrow = document.getElementById( imgId + '_play' );
	playArrow.src = 'images/showreel/playArrow.png';
	playArrow.style.height = '75';
	playArrow.style.width = '100';
	playArrow.style.top = '-83px';
	playArrow.style.left = '-3px';
	contractable[ imgId ] = true;	
}

function contract( imgId ){
	if( contractable[ imgId ] == true && BrowserDetect.browser != "Explorer" ){	
		expandable[ imgId ] = false;
		var textBox = document.getElementById( imgId + '_text' );
		textBox.innerHTML = '';
		textBox.className = 'mouseOutVideoThumb';
	
		var playArrow = document.getElementById( imgId + '_play' );
		playArrow.src = 'images/showreel/blank.gif';
		playArrow.style.width = '80px';
		playArrow.style.height = '60px';
		playArrow.style.top = '-60px';
		playArrow.style.left = '-0px';
	
		var img = document.getElementById( imgId + '_img' );
		if( img.style.width != 80 ){
			effect = new Fx.Styles( imgId + '_img', {duration: 200, transition: Fx.Transitions.linear} );
			effect.start( { 'height':  60, 'width': 80, 'top': 0, 'left': 0 } );
	
			setTimeout( "contract2( '" + imgId + "' )", 200 );
		}else{
			contract2( imgId );
		}	
	}
}

function contract2( imgId ){
	var container = document.getElementById( imgId );
	container.style.zIndex = '0';
	container.style.overflow = 'hidden';
	expandable[ imgId ] = true;
}

function writeText( str, divId ){
	var mydiv = document.getElementById( divId );
	if (mydiv != null)
	{
		mydiv.innerHTML = str;
	}
}

function showVideo( id ){
	//writeText( information[ id ], 'brightcove_player' );
	document.getElementById( 'brightcove_player' ).flashVars = information[ id + "_bc" ];
	writeText( information[ id + "_text" ], 'movie_text' );
}

function resetAll(){
	var divs = document.getElementsByTagName( 'div' );
	var imgId;	

	for( k = 0; k < divs.length; k++ ){
		if( divs[ k ].className == 'thumb_container' ){
			contract( divs[ k ].id );
		}
	}
}

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};