/* creation-date: 12.06.08
 * Tab-Script
 * 
 * Attention: Tab-names must not provide any white-spaces! Use escaped ones instead (e.g. " ")
 */

/*
 * This is the usual function, which is called, when you are clicking on a tab
 */
 
function selectTab(eventObj) {
	//#########Handle Tab-Headlines#############
	
	//Hide old Tab-Headline
	var previousHeadLine = $$('div.Tabs div.Panels ul li.selected');
	previousHeadLine[0].removeClassName('selected');
	previousHeadLine[0].addClassName('unselected');

	//Show new Tab-Headline
	var element = Event.element(eventObj);
	element.up().addClassName('selected');
	//#########END: Handle Tab-Headlines########
	
	//#########Handle Tab-Contents##############
	
	//Hide old active tab
	var previousTab = $$('div.Tabs div.Contents div.selected');
	previousTab[0].removeClassName('selected');
	previousTab[0].addClassName('unselected');
	
	//get index of new tab
	var allLinks = $$('div.Tabs div.Panels ul li a');
	for(var i=0;i<allLinks .length;i++)
	{
		if(allLinks [i].innerHTML==element.innerHTML) {
			//Show new selected tab
			$$('div.Tabs div.Contents>div')[i].addClassName('selected');
		}
	}

	//#########END: Handle Tab-Contents##############

} //END: selectTab()

/* 
 * This function allows externals Links to select a specific tab.
 */
function selectTabByName(name) {
	//Hide old Tab-Headline
	var previousHeadLine = $$('div.Tabs div.Panels ul li.selected');
	previousHeadLine[0].removeClassName('selected');
	previousHeadLine[0].addClassName('unselected');

	//Hide old active tab
	var previousTab = $$('div.Tabs div.Contents div.selected');
	previousTab[0].removeClassName('selected');
	previousTab[0].addClassName('unselected');
	
	//search for given name and select new tab
	var tabLinks = $$('div.Tabs div.Panels ul li a');
	tabLinks.each(function(element, index) {
		if(element.innerHTML.toString()==name.toString()) {
			//Show new selected tab
			element.up().addClassName('selected');
			$$('div.Tabs div.Contents>div')[index].addClassName('selected');
		}
	});
}

/*
 * Adds needed events and CSS-classes to every tab.
 * This function is called automatically.
 */
function enableTabs(tabnr) {

	var panels = $$("div.Tabs div.Panels li");
	
	panels[tabnr].addClassName('selected');
	for(var i=0;i<panels.length;i++) {
		/* select headlines */
		var entries = panels[i];
		if(i==tabnr) {
			/* select first tab */
			panels[i].addClassName('selected');
		} else {
			panels[i].addClassName('unselected');
		}
	}

	var contents = $$("div.Tabs div.Contents>div");
	for(var i=0;i<contents.length;i++) {
		if(i==tabnr) {
			contents[i].addClassName('selected');
	//		contents[i].invoke('hide');	
		} else {
			contents[i].addClassName('unselected');	
		}
	}
	
	//Add Click-Events
	var linkArray = $$('div.Tabs div.Panels ul li a');

	linkArray.each(function(el) {
		if(!el.up().hasClassName('deactivated')) {
			el.observe('click',selectTab,el);
		}
	});

	if(document.URL.indexOf('#')>-1) {
		anker = document.URL.substr(document.URL.indexOf('#')+1);
		
		linkArray.each(function(el) {
		if(anker == el.innerHTML) {
			selectTabByName(el.innerHTML);
		}
	});
	}

} //END: enableTabs()

//Enable Tabs
Event.observe(window, "load", function() {
	var text = "index_mining.htm";
	var realpath = String(window.location);
    var path = String(window.location).split(/\//);
	var file = path[path.length - 1].split(/\?/);
	var vgl = text.toLowerCase();
	if(file==vgl){
		enableTabs(1);
	}else{
		enableTabs(0);
	}
});