// tabbing home page
var roba_tabs_section = {

	activeTab : 0,
	tabs : new Array(),
	sections : new Array(),

	init : function(){
		if(!document.getElementById) return false;
		this.init_tabs();
		this.init_sections();
	},

	init_tabs : function() {
		this.tabs = document.getElementById('tabs').getElementsByTagName('li');

		for(var i = 0; i < this.tabs.length; i++) {
			if(i > 0) {
				this.tabs[i].className = 'inactive';
			} else {
				this.activeTab = this.tabs[i].id.replace(/tab-/, '');
				this.tabs[i].className = 'active';
			}

			this.tabs[i].onclick = function() {
				return roba_tabs_section.set_tab(this);
			}
			this.tabs[i].onmouseover = function() {
				return roba_tabs_section.hover(this);
			}
			this.tabs[i].onmouseout = function() {
				return roba_tabs_section.dehover(this);
			}

			var as = this.tabs[i].getElementsByTagName('a');
			for(var j = 0; j < as.length; j++) {
				as[j].onclick = function() {
					return false;
				}
			}
		}
	},

	init_sections : function() {
		this.sections = document.getElementById('section').getElementsByTagName('div');
		for(var i = 0; i < this.sections.length; i++) {
			if(i == 0) {
				this.sections[i].className = 'section active';
			}
		}
	},

	hover : function(elem) {
		elem_name = elem.id.replace(/tab-/, '');
		if(elem_name != this.activeTab) {
			elem.className = 'hover inactive';
		}
	},

	dehover : function(elem) {
		elem_name = elem.id.replace(/tab-/, '');
		if(elem_name != this.activeTab) {
			elem.className = 'inactive';
		}
	},

	set_tab : function(elem){
		this.reset_tabs();

		this.activeTab = elem.id.replace(/tab-/, '');
		elem.className = 'active';

		this.reset_sections();
		var active_div = document.getElementById('section-' + this.activeTab);
		active_div.className = 'active section';

		return false;
	},

	reset_tabs : function(){
		for(var i = 0; i < this.tabs.length; i++) {
			this.tabs[i].className = 'inactive';
		}
	},
	reset_sections : function(){
		for(var i = 0; i < this.sections.length; i++) {
			this.sections[i].className = 'section';
		}
	}
}

/*---------------------------*/
/*--[ Suckerfish Dropdown ]--*/
/*---------------------------*/
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

window.onload = function onLoader(){
roba_tabs_section.init();
}