/**
 * @class	CS_GalleryBasic
 * @author	Paul Kruijt
 */
var CS_GalleryBasic = new Class({

	/**
	 * initialize
	 * @param	string	root_node_id
	 * @param	integer	time_interval
	 * @param	integer	effect_type
	 * @return	void
	 */
	initialize: function(root_node_id, effect_type)
	{
		// nodes
		this.root_node				= !root_node_id ? document.getElement('body') : $(root_node_id);
		this.active_thumbnail_node	= null;

		// classes
		this.gallery_wrapper_class					= 'cs_gallery_basic_wrapper';
		this.gallery_class							= 'cs_gallery_basic';
		this.gallery_main_wrapper_class				= 'cs_gallery_basic_main_wrapper';
		this.gallery_main_class						= 'cs_gallery_basic_main';
		this.gallery_main_image_wrapper_class		= 'cs_gallery_basic_main_image_wrapper';
		this.gallery_main_image_class				= 'cs_gallery_basic_main_image';
		this.gallery_main_text_wrapper_class		= 'cs_gallery_basic_main_text_wrapper';
		this.gallery_main_text_class				= 'cs_gallery_basic_main_text';
		this.gallery_thumbnails_wrapper_class		= 'cs_gallery_basic_thumbnails_wrapper';
		this.gallery_thumbnails_class				= 'cs_gallery_basic_thumbnails';
		this.gallery_thumbnail_wrapper_class		= 'cs_gallery_basic_thumbnail_wrapper';
		this.gallery_thumbnail_class				= 'cs_gallery_basic_thumbnail';
		this.gallery_thumbnail_hover_class			= 'cs_gallery_basic_thumbnail_hover';
		this.gallery_thumbnail_active_class			= 'cs_gallery_basic_thumbnail_active';
		this.gallery_thumbnail_image_class			= 'cs_gallery_basic_thumbnail_image';
		this.gallery_thumbnail_text_class			= 'cs_gallery_basic_thumbnail_text';
		this.gallery_hidden_image_class				= 'cs_gallery_basic_hidden_image';
		this.gallery_hidden_text_class				= 'cs_gallery_basic_hidden_text';
		this.gallery_hidden_link_class				= 'cs_gallery_basic_hidden_link';
		this.gallery_paging_wrapper_class			= 'cs_gallery_basic_paging_wrapper';
		this.gallery_paging_class					= 'cs_gallery_basic_paging';
		this.gallery_paging_previous_wrapper_class	= 'cs_gallery_basic_paging_previous_wrapper';
		this.gallery_paging_previous_class			= 'cs_gallery_basic_paging_previous';
		this.gallery_paging_previous_disabled_class	= 'cs_gallery_basic_paging_previous_disabled';
		this.gallery_paging_next_wrapper_class		= 'cs_gallery_basic_paging_next_wrapper';
		this.gallery_paging_next_class				= 'cs_gallery_basic_paging_next';
		this.gallery_paging_next_disabled_class		= 'cs_gallery_basic_paging_next_disabled';

		// settings
		this.effect_type		= !effect_type ? 0 : effect_type.toInt(); /* default no effect */
		this.effect_interval	= 500;
		this.total_items		= this.getTotalItems();

		// overall
		this.gallery_play	= null;
	},

	/**
	 * start
	 * @return	void
	 */
	start: function()
	{
		if (this.root_node)
		{
			// disable paging
			if (this.total_items < 2)
			{
				this.disablePaging();
			}

			// set events
			this.setEvents();

			// set first item active
			this.activateItem();
		}
	},

	/**
	 * get total items
	 * @return	integer	total_items
	 */
	getTotalItems: function()
	{
		var total_items = 0;

		if (this.root_node)
		{
			var thumbnail_nodes			= this.root_node.getElements('.'+this.gallery_thumbnail_wrapper_class);
			var total_thumbnail_nodes	= thumbnail_nodes.length;

			if (total_thumbnail_nodes > 0) total_items = total_thumbnail_nodes;
		}

		return total_items;
	},

	/**
	 * disable paging
	 * @return	void
	 */
	disablePaging: function()
	{
		if (this.root_node)
		{
			var paging_node = this.root_node.getElements('.'+this.gallery_paging_wrapper_class);

			if (paging_node) paging_node.setStyle('display', 'none');
		}
	},

	/**
	 * set events
	 * @return	void
	 */
	setEvents: function()
	{
		// set vars
		var _this	= this;

		// get thumbnails and set events
		var thumbnail_nodes			= this.root_node.getElements('.'+this.gallery_thumbnail_wrapper_class);
		var total_thumbnail_nodes	= thumbnail_nodes.length;

		if (total_thumbnail_nodes > 0)
		{
			thumbnail_nodes.each(function(thumbnail_node)
			{
				thumbnail_node.addEvents(
				{
					'mouseover': function()
					{
						var thumbnail_inner_node = this.getElement('.'+_this.gallery_thumbnail_class);

						if (thumbnail_inner_node)
						{
							thumbnail_inner_node.set('class', _this.gallery_thumbnail_hover_class);
						}
					},

					'mouseout': function()
					{
						var thumbnail_inner_node = this.getElement('.'+_this.gallery_thumbnail_hover_class);

						if (thumbnail_inner_node)
						{
							thumbnail_inner_node.set('class', _this.gallery_thumbnail_class);
						}
					},

					'mousedown': function()
					{
						_this.activateItem(this);
					}
				});

				var thumbnail_anchor_node = thumbnail_node.getElement('a');

				if (thumbnail_anchor_node)
				{
					thumbnail_anchor_node.addEvents(
					{
						'click': function()
						{
							return false;
						}
					});
				}
			});

			// paging events
			if (this.total_items > 1)
			{
				var paging_previous_node	= this.root_node.getElement('.'+this.gallery_paging_previous_wrapper_class);
				var paging_next_node		= this.root_node.getElement('.'+this.gallery_paging_next_wrapper_class);

				if (paging_previous_node)
				{
					var previous_anchor_node = paging_previous_node.getElement('a');

					if (previous_anchor_node)
					{
						previous_anchor_node.addEvents(
						{
							'click': function()
							{
								var item_node = _this.getPreviousItem();

								_this.activateItem(item_node);

								return false;
							}
						});
					}
				}

				if (paging_next_node)
				{
					var next_anchor_node = paging_next_node.getElement('a');

					if (next_anchor_node)
					{
						next_anchor_node.addEvents(
						{
							'click': function()
							{
								var item_node = _this.getNextItem();

								_this.activateItem(item_node);

								return false;
							}
						});
					}
				}
			}
		}
	},

	/**
	 * activate item
	 * @param	object	item_node
	 * @return	void
	 */
	activateItem: function(item_node)
	{
		// set vars
		var _this	= this;

		// get next item
		if (!item_node)
		{
			item_node = this.getNextItem();
		}

		if (item_node)
		{
			var thumbnail_inner_node = item_node.getElement('div');

			if (thumbnail_inner_node)
			{
				// de-activate active item
				if (this.active_thumbnail_node) this.active_thumbnail_node.set('class', this.gallery_thumbnail_class);

				// set new active item
				thumbnail_inner_node.set('class', this.gallery_thumbnail_active_class);

				this.active_thumbnail_node = thumbnail_inner_node;

				// set item content
				var item_image_node	= item_node.getElement('.'+this.gallery_hidden_image_class);
				var item_text_node	= item_node.getElement('.'+this.gallery_hidden_text_class);

				// set main image
				if (item_image_node)
				{
					var main_image_node	= this.root_node.getElement('.'+this.gallery_main_image_class);

					if (main_image_node)
					{
						switch (this.effect_type)
						{
							// fade
							case 1:

								var fade_out_effect = new Fx.Morph(main_image_node, {duration: this.effect_interval, transition: Fx.Transitions.Quad.easeOut});

								fade_out_effect.start({
									'opacity': 0
								}).chain(function()
								{
									var item_image_content	= item_image_node.get('html');
									main_image_node.set('html', item_image_content);

									var fade_in_effect = new Fx.Morph(main_image_node, {duration: _this.effect_interval, transition: Fx.Transitions.Quad.easeOut});

									fade_in_effect.start({
										'opacity': 1
									});
								});

							break;

							// no effect
							default:

								var item_image_content	= item_image_node.get('html');
								main_image_node.set('html', item_image_content);

							break;
						}
					}
				}

				// set main text
				if (item_text_node)
				{
					var main_text_node	= this.root_node.getElement('.'+this.gallery_main_text_class);

					if (main_text_node)
					{
						var item_text_content		= item_text_node.get('html');
						main_text_node.innerHTML	= item_text_content;
					}
				}
			}
		}
	},

	/**
	 * link item
	 * @param	object	item_node
	 * @return	void
	 */
	linkItem: function(item_node)
	{
		if (item_node)
		{
			var item_link_node	= item_node.getElement('.'+this.gallery_item_link_class);

			// link to page
			if (item_link_node)
			{
				var item_link_content	= item_link_node.get('text');

				if (item_link_content != '')
				{
					document.location	= item_link_content;
				}
			}
		}
	},

	/**
	 * get next item
	 * @return	object	item_node
	 */
	getNextItem: function()
	{
		var item_node;

		// get items
		var thumbnail_nodes			= this.root_node.getElements('.'+this.gallery_thumbnail_wrapper_class);
		var total_thumbnail_nodes	= thumbnail_nodes.length;

		if (total_thumbnail_nodes > 0)
		{
			// check if an item is active (if not...set first item to active)
			if (!this.active_thumbnail_node)
			{
				item_node = thumbnail_nodes[0];
			}
			else
			{
				item_node = this.active_thumbnail_node.getParent().getNext();

				// get first item
				if (!item_node || item_node.get('tag') == 'br') item_node = thumbnail_nodes[0];
			}
		}

		return item_node;
	},

	/**
	 * get previous item
	 * @return	object	item_node
	 */
	getPreviousItem: function()
	{
		var item_node;

		// get items
		var thumbnail_nodes			= this.root_node.getElements('.'+this.gallery_thumbnail_wrapper_class);
		var total_thumbnail_nodes	= thumbnail_nodes.length;

		if (total_thumbnail_nodes > 0)
		{
			item_node = this.active_thumbnail_node.getParent().getPrevious();

			// get first item
			if (!item_node) item_node = thumbnail_nodes[total_thumbnail_nodes - 1];
		}

		return item_node;
	}
});