var previousIndex = -1;
var contentTabContents = new Array();

function setTab(index, tabElementId) {
	
	tabElementId = (typeof tabElementId == 'undefined') ? 'tabs' : tabElementId;
	
	var reiterdiv = document.getElementById(tabElementId);
	var tabSpans = reiterdiv.getElementsByTagName("span");
	var noTabs = tabSpans.length;
		
	for (var i = 0; i < noTabs; i++) {
		var tabId = tabSpans[i].getAttribute('id');
		var tabNo = tabId.split('_')[2];
		var divId = tabElementId+'_tab' + tabNo;
		
		// console.log('Lauf: '+i);
		// console.log(' tabId: '+tabId+' tabNo: '+tabNo+' divId: '+divId);
		// console.log(' selected_tab: '+index+'previous: '+previousIndex);
		// console.log('TABTOSETCLASS: '+tabElementId+'_tab_' + previousIndex);
		
		if(index == i)
		{
			activeDoc = document.getElementById("tabbedcontenttabs_tab"+i);
			activeDoc.innerHTML = contentTabContents[index];
		}
		else
		{			
			notActiveDoc = document.getElementById("tabbedcontenttabs_tab"+i)
			notActiveDoc.innerHTML = '';
		}
		
		// alert($("#tabbedcontenttabs_tab"+i).html());
				
		
		// current is selected tab
		if(tabNo == index){
						
			// set style of previous tab
			if(previousIndex > -1) {
				if(previousIndex == 0){
					setClass(tabElementId+'_tab_' + previousIndex,  'first rightactive');
				}else{
					setClass(tabElementId+'_tab_' + previousIndex,  'rightactive');
				}
			}
			 
			// set style of selected tab
			if(i == noTabs - 1){
				setClass(tabId,  'lastactive');
			}else if(i == 0) {
				setClass(tabId,  'first active');
			}else{
				setClass(tabId,  'active');
			}
			
			// set page content
			if(i >= 0) setStyle(divId, 'block');			
			
		// current not selected
		}else{
			// console.log('other');
			// last tab
			if(i == noTabs - 1){
				setClass(tabId,  'last');
			}
			// first tab
			else if(i == 0){
				setClass(tabId,  'first');
			}
			// other tab
			else{
				setClass(tabId,  '');
			}
			
			if(i >= 0) setStyle(divId, 'none');
		}
			
		previousIndex = tabNo;
		//if(tabNo >= noTabs-1) {
			//previousIndex = 0;
		//}
	}
	
	var tabs = $('div.ce-special .ce-flash embed');	
	
	//alert(tabs.length);
			
	//jQuery.each(tabs, function() {	  
	//	element = document.getElementById(this.id);
	//	element.StopPlay();
	// });
	

}

function setClass(elementId, value){
	if (document.all){
		if(document.all[elementId] != null){
			document.all[elementId].className = value;
		}
	} else { 
		if(document.getElementById(elementId) != null){
			document.getElementById(elementId).setAttribute('class', value);
		}
	}
}

function setStyle(elementId, value){
	
	if (document.all) {
		if(document.all[elementId] != null){
			document.all[elementId].style.display = value;
		}
	} else {
		if(document.getElementById(elementId) != null){
			document.getElementById(elementId).setAttribute('style', 'display:'+value+';');
		}
	}
}

function setVisible(elementId, value){
		
	if (document.all) {
		if(document.all[elementId] != null){
			document.all[elementId].style.visibility = value;
		}
	} else {
		if(document.getElementById(elementId) != null){
			document.getElementById(elementId).setAttribute('style', 'visibility:'+value+';');
		}
	}
}

// initally copy all contents to an array and get it from there if a tab is opened
$(function()
{	
	for(i = 0; i < 10; i++)
	{
		id = 'tabbedcontenttabs_tab' + i;				
		if($("#"+id).html() != null)
		{			
			contentTabContents[i] = $("#"+id).html();
				
			// seems not necessary .. because videos dont autostart ..
			//delete content from other tabs
			//if($("#"+id).hasClass("hidden").toString() == 'true')
			//{			
				// $("#"+id).html('irgendwas, damit der IE das neu evaluiert!');
				// $("#"+id).html('');
				// $("#"+id).html('irgendwas, damit der IE das neu evaluiert!');
			//}	
			
		} else {			
			break;
		}
	}
});