var toggle ={	
	init: function(){				
		this.tabContent = document.getElementById('tabsContainer').getElementsByTagName('div');
		
		var tabs = document.getElementById('tabs').getElementsByTagName('a');
		var tabsLi = document.getElementById('tabs').getElementsByTagName('li');				
		for(i=0; i<tabs.length; i++){			
			tabs[i].onclick = function(){								
				var hashHref = this.getAttribute('href');
				var href = hashHref.substring(hashHref.indexOf('#')+1);				
				toggle.switchTabs(href);									
				
				var parent = this.parentNode;
				
				for(j=0; j<tabsLi.length; j++){					
					if(tabsLi[j].className.indexOf('active') !=-1){
						tabsLi[j].className = tabsLi[j].className.replace('active', '', 'gi');
					}				
				}
				
				if(parent.className.indexOf('active') ==-1){
					parent.className = parent.className + '' + 'active';
				}
				return false;
			}									
		}				
	},
	
	switchTabs: function(hrf){		
		var contentDiv = document.getElementById(hrf);
		for(i=0; i<toggle.tabContent.length; i++){
			if(toggle.tabContent[i].className.indexOf('tabContent')!=-1 && toggle.tabContent[i].className.indexOf('hide') ==-1 && hrf != toggle.tabContent[i].id){
				toggle.tabContent[i].className = toggle.tabContent[i].className + ' ' + 'hide';
			}
		}	
		if(hrf == contentDiv.id && contentDiv.className.indexOf('hide'!=-1)){					
			contentDiv.className = contentDiv.className.replace('hide', '','gi');			
		}			
	}		
}

window.onload = function(){
	toggle.init();	
}