/**
 * @author Ryan Johnson <ryan@livepipe.net>
 * @copyright 2007 LivePipe LLC
 * @package Control.Tabs
 * @license MIT
 * @url http://livepipe.net/projects/control_tabs/
 * @version 2.1.1
 */

if(typeof(Control) == 'undefined')
	var Control = {};
Control.Tabs = Class.create();
Object.extend(Control.Tabs,{
	instances: [],
	findByTabId: function(id){
		return Control.Tabs.instances.find(function(tab){
			return tab.links.find(function(link){
				return link.key == id;
			});
		});
	}
});
Object.extend(Control.Tabs.prototype,{
	initialize: function(tab_list_container,options){
		this.activeContainer = false;
		this.activeLink = false;
		this.containers = $H({});
		this.links = [];
		Control.Tabs.instances.push(this);
		this.options = {
			beforeChange: Prototype.emptyFunction,
			afterChange: Prototype.emptyFunction,
			hover: false,
			linkSelector: 'li a',
			setClassOnContainer: false,
			activeClassName: 'active',
			defaultTab: 'first',
			autoLinkExternal: true,
			targetRegExp: /#(.+)$/,
			showFunction: Element.show,
			hideFunction: Element.hide
		};
		Object.extend(this.options,options || {});
		(typeof(this.options.linkSelector == 'string')
			? $(tab_list_container).getElementsBySelector(this.options.linkSelector)
			: this.options.linkSelector($(tab_list_container))
		).findAll(function(link){
			return (/^#/).exec(link.href.replace(window.location.href.split('#')[0],''));
		}).each(function(link){
			this.addTab(link);
		}.bind(this));
		this.containers.values().each(this.options.hideFunction);
		if(this.options.defaultTab == 'first')
			this.setActiveTab(this.links.first());
		else if(this.options.defaultTab == 'last')
			this.setActiveTab(this.links.last());
		else
			this.setActiveTab(this.options.defaultTab);
		var targets = this.options.targetRegExp.exec(window.location);
		if(targets && targets[1]){
			targets[1].split(',').each(function(target){
				this.links.each(function(target,link){
					if(link.key == target){
						this.setActiveTab(link);
						throw $break;
					}
				}.bind(this,target));
			}.bind(this));
		}
		if(this.options.autoLinkExternal){
			$A(document.getElementsByTagName('a')).each(function(a){
				if(!this.links.include(a)){
					var clean_href = a.href.replace(window.location.href.split('#')[0],'');
					if(clean_href.substring(0,1) == '#'){
						if(this.containers.keys().include(clean_href.substring(1))){
							$(a).observe('click',function(event,clean_href){
								this.setActiveTab(clean_href.substring(1));
							}.bindAsEventListener(this,clean_href));
						}
					}
				}
			}.bind(this));
		}
	},
	addTab: function(link){
		this.links.push(link);
		link.key = link.getAttribute('href').replace(window.location.href.split('#')[0],'').split('/').last().replace(/#/,'');
		this.containers[link.key] = $(link.key);
		link[this.options.hover ? 'onmouseover' : 'onclick'] = function(link){
			if(window.event)
				Event.stop(window.event);
			this.setActiveTab(link);
			return false;
		}.bind(this,link);
	},
	setActiveTab: function(link){
		if(!link)
			return;
		if(typeof(link) == 'string'){
			this.links.each(function(_link){
				if(_link.key == link){
					this.setActiveTab(_link);
					throw $break;
				}
			}.bind(this));
		}else{
			this.notify('beforeChange',this.activeContainer);
			if(this.activeContainer)
				this.options.hideFunction(this.activeContainer);
			this.links.each(function(item){
				(this.options.setClassOnContainer ? $(item.parentNode) : item).removeClassName(this.options.activeClassName);
			}.bind(this));
			(this.options.setClassOnContainer ? $(link.parentNode) : link).addClassName(this.options.activeClassName);
			this.activeContainer = this.containers[link.key];
			this.activeLink = link;
			this.options.showFunction(this.containers[link.key]);
			this.notify('afterChange',this.containers[link.key]);
		}
	},
	next: function(){
		this.links.each(function(link,i){
			if(this.activeLink == link && this.links[i + 1]){
				this.setActiveTab(this.links[i + 1]);
				throw $break;
			}
		}.bind(this));
		return false;
	},
	previous: function(){
		this.links.each(function(link,i){
			if(this.activeLink == link && this.links[i - 1]){
				this.setActiveTab(this.links[i - 1]);
				throw $break;
			}
		}.bind(this));
		return false;
	},
	first: function(){
		this.setActiveTab(this.links.first());
		return false;
	},
	last: function(){
		this.setActiveTab(this.links.last());
		return false;
	},
	notify: function(event_name){
		try{
			if(this.options[event_name])
				return [this.options[event_name].apply(this.options[event_name],$A(arguments).slice(1))];
		}catch(e){
			if(e != $break)
				throw e;
			else
				return false;
		}
	}
});
if(typeof(Object.Event) != 'undefined')
	Object.Event.extend(Control.Tabs);


/******************************** CODE BELOW CREATED BY ROBERT HALL, used for EVENTS TABBED LIST PAGE ********************************/
Event.observe(window, "load", function() {

	//create an array of all the keywords and sort them
	var eventDivs = $("allEvents").getElementsByClassName("hiddenEventKeywords");
	var eventKeywords = [];
	//variable to see if keyword is already in the array stack
	var eventKeywordNotStacked = true;
	for(var i = 0; i < eventDivs.length; i++) {
		for (var j=0; j < eventKeywords.length; j++) {
			if (eventKeywords[j] === eventDivs[i].innerHTML) { eventKeywordNotStacked = false; }
		}
		if(eventKeywordNotStacked) {
			eventKeywords.push(eventDivs[i].innerHTML);
		}
		eventKeywordNotStacked = true;
	}
	//sort the array
	eventKeywords.sort();

	//regular expression  removes all characters except numbers, letters, and underscore from keywords
	var regExpress = /\W/gi;

	//create the tabs and divs
	for (var i=0; i < eventKeywords.length; i++) {

		//strip keyword of non-HTML-friendly characters
		var keyword = eventKeywords[i].replace(regExpress,"");

		if( keyword != "" ){
			//create and append a new events category container div (class="eventGroup")
			//and append it after last events container (for example "allEvents" if it's the first new group)
			var newTabGroupDiv = document.createElement("div");
			newTabGroupDiv.setAttribute("id", keyword);
			newTabGroupDiv.setAttribute("style", "display:none;");
			Element.addClassName(newTabGroupDiv, "eventGroup");
			document.getElementById("allEvents").parentNode.appendChild(newTabGroupDiv);
	
			//create a new link <a> for a new tab in the <ul> list
			var newTabA = document.createElement("a");
			newTabA.setAttribute("href", "#"+keyword);
			newTabA.innerHTML = eventKeywords[i];
	
			//create a new <li> item for the <ul> tabs list
			//append the link <a> to the <li> and append the <li> to the <ul> tabs list
			var newTabLi = document.createElement("li");
			newTabLi.appendChild(newTabA);
			document.getElementById("tabHeaderUlControlGroup").appendChild(newTabLi);
		}
	}


	//iterate through all keyword divs and event divs that follow keyword divs
	//then add each item to each div
	$("allEvents").childElements().each(function(item, index) {
		if(item.className == "hiddenEventKeywords") {
			//strip keyword of non-HTML-friendly characters
			var keyword = item.innerHTML.replace(regExpress,"");
			//test that the keyword isn't an empty string -- if it is empty, do nothing
			if(keyword != "") {
				//since we already know from above that iteration is a keyword div (item.className == "hiddenEventKeywords")
				//copy the next div in the iteration and append it to the right events category container div
				var newEventDiv = item.next().cloneNode(true);
				document.getElementById(keyword).appendChild(newEventDiv);
			}
		}
	});

	//when all is said and done, utilize the control_tabs plugin on the <ul> list (id="tabHeaderUlControlGroup")
	tabs = new Control.Tabs($("tabHeaderUlControlGroup"), {
		activeClassName: "current",
		setClassOnContainer: "true"
	});
	tabs.first();
});