/************************************************************************************************************
(C) www.dhtmlgoodies.com, October 2005 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission.
Thank you! www.dhtmlgoodies.com Alf Magne Kalleland
Updated:
March, 14th, 2006 - Create new tabs dynamically
March, 15th, 2006 - Dynamically delete a tab
************************************************************************************************************/		
var textPadding = 3; // Padding at the left of tab text - bigger value gives you wider tabs
var strictDocType = true; 
var tabView_maxNumberOfTabs = 6;	// Maximum number of tabs
/* Don't change anything below here */
var dhtmlgoodies_tabObj = new Array();
var activeTabIndex = new Array();
var MSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
var regExp = new RegExp(".*MSIE ([0-9]\.[0-9]).*","g");
var navigatorVersion = navigator.userAgent.replace(regExp,'$1');
var ajaxObjects = new Array();
var tabView_countTabs = new Array();
var tabViewHeight = new Array();
var tabDivCounter = 0;
var closeImageHeight = 8;	// Pixel height of close buttons
var closeImageWidth = 8;	// Pixel height of close buttons
function setPadding(obj,padding) {
	var span = obj.getElementsByTagName('SPAN')[0];
	span.style.paddingLeft = padding + 'px';	
	span.style.paddingRight = padding + 'px';	
}
function showTab(parentId,tabIndex)	{
	var parentId_div = parentId + "_";
	if(!document.getElementById('tabView' + parentId_div + tabIndex)){return;}
	if(activeTabIndex[parentId]>=0){
		if(activeTabIndex[parentId]==tabIndex){return;}
		var obj = document.getElementById('tabTab'+parentId_div + activeTabIndex[parentId]);
		obj.className='tabInactive';
		var img = obj.getElementsByTagName('IMG')[0];
		if(img.src.indexOf('tab_')==-1)img = obj.getElementsByTagName('IMG')[1];
		img.src = 'WebResource.axd?d=R8_A24f5uYvkekA3enSRHTZQb1o9UzhsdcwLaocHwrz7iJ-eHcBgofNkycgSkMPlp023w-N4FYSi1Xmq-MSVfg2&t=634047972232400000';
		document.getElementById('tabView' + parentId_div + activeTabIndex[parentId]).style.display='none';
	}
	var thisObj = document.getElementById('tabTab'+ parentId_div +tabIndex);	
	thisObj.className='tabActive';
	var img = thisObj.getElementsByTagName('IMG')[0];
	if(img.src.indexOf('tab_')==-1)img = thisObj.getElementsByTagName('IMG')[1];
	img.src = 'WebResource.axd?d=R8_A24f5uYvkekA3enSRHTZQb1o9UzhsdcwLaocHwrz7iJ-eHcBgofNkycgSkMPluwF-tSI5RF0hdnO768AGjw2&t=634047972232400000';
	document.getElementById('tabView' + parentId_div + tabIndex).style.display='block';
	activeTabIndex[parentId] = tabIndex;
	var parentObj = thisObj.parentNode;
	var aTab = parentObj.getElementsByTagName('DIV')[0];
	countObjects = 0;
	var startPos = 2;
	var previousObjectActive = false;
	while(aTab){
		if(aTab.tagName=='DIV'){
			if(previousObjectActive){
				previousObjectActive = false;
				startPos-=2;
			}
			if(aTab==thisObj){
				startPos-=2;
				previousObjectActive=true;
				setPadding(aTab,textPadding+1);
			}
			else{setPadding(aTab,textPadding);}
			aTab.style.left = startPos + 'px';
			countObjects++;
			startPos+=2;
		}			
		aTab = aTab.nextSibling;
	}
	return;
}
function tabClick() {
	var idArray = this.id.split('_');		
	showTab(this.parentNode.parentNode.id,idArray[idArray.length-1].replace(/[^0-9]/gi,''));
}
function rolloverTab() {
	if(this.className.indexOf('tabInactive')>=0){
		this.className='inactiveTabOver';
		var img = this.getElementsByTagName('IMG')[0];
		if(img.src.indexOf('tab_')<=0)img = this.getElementsByTagName('IMG')[1];
		img.src = 'WebResource.axd?d=R8_A24f5uYvkekA3enSRHTZQb1o9UzhsdcwLaocHwrz7iJ-eHcBgofNkycgSkMPl9G5wtDNZvNJBlh4Qy2dqww2&t=634047972232400000';
	}
}
function rolloutTab() {
	if(this.className ==  'inactiveTabOver'){
		this.className='tabInactive';
		var img = this.getElementsByTagName('IMG')[0];
		if(img.src.indexOf('tab_')<=0)img = this.getElementsByTagName('IMG')[1];
		img.src = 'WebResource.axd?d=R8_A24f5uYvkekA3enSRHTZQb1o9UzhsdcwLaocHwrz7iJ-eHcBgofNkycgSkMPlp023w-N4FYSi1Xmq-MSVfg2&t=634047972232400000';
	}
}
function hoverTabViewCloseButton() {
	this.src = this.src.replace('WebResource.axd?d=R8_A24f5uYvkekA3enSRHTZQb1o9UzhsdcwLaocHwryBs3Tq622aLg9zHCZp0CdGGta4P5upkw7hF_BvePhz6g2&t=634047972232400000','WebResource.axd?d=R8_A24f5uYvkekA3enSRHTZQb1o9UzhsdcwLaocHwryBs3Tq622aLg9zHCZp0CdGlzvW2ZRYj3llPV6cRMgscg2&t=634047972232400000');
}
function stopHoverTabViewCloseButton() {
	this.src = this.src.replace('WebResource.axd?d=R8_A24f5uYvkekA3enSRHTZQb1o9UzhsdcwLaocHwryBs3Tq622aLg9zHCZp0CdGlzvW2ZRYj3llPV6cRMgscg2&t=634047972232400000','WebResource.axd?d=R8_A24f5uYvkekA3enSRHTZQb1o9UzhsdcwLaocHwryBs3Tq622aLg9zHCZp0CdGGta4P5upkw7hF_BvePhz6g2&t=634047972232400000');
}
function initTabs(mainContainerID,tabTitles,activeTab,width,height,closeButtonArray,additionalTab) {
	if(!closeButtonArray)closeButtonArray = new Array();
	if(!additionalTab || additionalTab=='undefined'){			
		dhtmlgoodies_tabObj[mainContainerID] = document.getElementById(mainContainerID);
		width = width + '';
		if(width.indexOf('%')<0)width= width + 'px';
		dhtmlgoodies_tabObj[mainContainerID].style.width = width;
		height = height + '';
		if(height.length>0){
			if(height.indexOf('%')<0)height= height + 'px';
			dhtmlgoodies_tabObj[mainContainerID].style.height = height;
		}
		tabViewHeight[mainContainerID] = height;
		var tabDiv = document.createElement('DIV');		
		var firstDiv = dhtmlgoodies_tabObj[mainContainerID].getElementsByTagName('DIV')[0];	
		dhtmlgoodies_tabObj[mainContainerID].insertBefore(tabDiv,firstDiv);	
		tabDiv.className = 'dhtmlgoodies_tabPane';			
		tabView_countTabs[mainContainerID] = 0;
	}else{
		var tabDiv = dhtmlgoodies_tabObj[mainContainerID].getElementsByTagName('DIV')[0];
		var firstDiv = dhtmlgoodies_tabObj[mainContainerID].getElementsByTagName('DIV')[1];
		height = tabViewHeight[mainContainerID];
		activeTab = tabView_countTabs[mainContainerID];		
	}
	for(var no=0;no<tabTitles.length;no++){
		var aTab = document.createElement('DIV');
		aTab.id = 'tabTab' + mainContainerID + "_" +  (no + tabView_countTabs[mainContainerID]);
		aTab.onmouseover = rolloverTab;
		aTab.onmouseout = rolloutTab;
		aTab.onclick = tabClick;
		aTab.className='tabInactive';
		tabDiv.appendChild(aTab);
		var span = document.createElement('SPAN');
		span.innerHTML = tabTitles[no];
		span.style.position = 'relative';
		aTab.appendChild(span);
		if(closeButtonArray[no]){
			var closeButton = document.createElement('IMG');
			closeButton.src = 'WebResource.axd?d=R8_A24f5uYvkekA3enSRHTZQb1o9UzhsdcwLaocHwryBs3Tq622aLg9zHCZp0CdGGta4P5upkw7hF_BvePhz6g2&t=634047972232400000';
			closeButton.height = closeImageHeight + 'px';
			closeButton.width = closeImageHeight + 'px';
			closeButton.setAttribute('height',closeImageHeight);
			closeButton.setAttribute('width',closeImageHeight);
			closeButton.style.position='absolute';
			closeButton.style.top = '6px';
			closeButton.style.right = '0px';
			closeButton.onmouseover = hoverTabViewCloseButton;
			closeButton.onmouseout = stopHoverTabViewCloseButton;
			span.innerHTML = span.innerHTML + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';	
			var deleteTxt = span.innerHTML+'';
			closeButton.onclick = function(){ deleteTab(this.parentNode.innerHTML) };
			span.appendChild(closeButton);
		}
		var img = document.createElement('IMG');
		img.valign = 'bottom';
		img.src = 'WebResource.axd?d=R8_A24f5uYvkekA3enSRHTZQb1o9UzhsdcwLaocHwrz7iJ-eHcBgofNkycgSkMPlp023w-N4FYSi1Xmq-MSVfg2&t=634047972232400000';
		// IE5.X FIX
		if((navigatorVersion && navigatorVersion<6) || (MSIE && !strictDocType)){
			img.style.styleFloat = 'none';
			img.style.position = 'relative';	
			img.style.top = '4px'
			span.style.paddingTop = '4px';
			aTab.style.cursor = 'hand';
		}	// End IE5.x FIX
		aTab.appendChild(img);
	}
	var tabs = dhtmlgoodies_tabObj[mainContainerID].getElementsByTagName('DIV');
	var divCounter = 0;
	for(var no=0;no<tabs.length;no++){
		if(tabs[no].className=='dhtmlgoodies_aTab' && tabs[no].parentNode.id == mainContainerID){
			if(height.length>0)tabs[no].style.height = height;
			tabs[no].style.display='none';
			tabs[no].id = 'tabView' + mainContainerID + "_" + divCounter;
			divCounter++;
		}			
	}	
	tabView_countTabs[mainContainerID] = tabView_countTabs[mainContainerID] + tabTitles.length;	
	showTab(mainContainerID,activeTab);
	return activeTab;
}	
function showAjaxTabContent(ajaxIndex,parentId,tabId) {
	var obj = document.getElementById('tabView'+parentId + '_' + tabId);
	obj.innerHTML = ajaxObjects[ajaxIndex].response;		
}
function resetTabIds(parentId) {
	var tabTitleCounter = 0;
	var tabContentCounter = 0;
	var divs = dhtmlgoodies_tabObj[parentId].getElementsByTagName('DIV');
	for(var no=0;no<divs.length;no++){
		if(divs[no].className=='dhtmlgoodies_aTab'){
			divs[no].id = 'tabView' + parentId + '_' + tabTitleCounter;
			tabTitleCounter++;
		}
		if(divs[no].id.indexOf('tabTab')>=0){
			divs[no].id = 'tabTab' + parentId + '_' + tabContentCounter;	
			tabContentCounter++;
		}	
	}
	tabView_countTabs[parentId] = tabContentCounter;
}
function createNewTab(parentId,tabTitle,tabContent,tabContentUrl,closeButton) {
	if(tabView_countTabs[parentId]>=tabView_maxNumberOfTabs)return;	// Maximum number of tabs reached - return
	var div = document.createElement('DIV');
	div.className = 'dhtmlgoodies_aTab';
	dhtmlgoodies_tabObj[parentId].appendChild(div);		
	var tabId = initTabs(parentId,Array(tabTitle),0,'','',Array(closeButton),true);
	if(tabContent)div.innerHTML = tabContent;
	if(tabContentUrl){		
		var ajaxIndex = ajaxObjects.length;
		ajaxObjects[ajaxIndex] = new sack();
		ajaxObjects[ajaxIndex].requestFile = tabContentUrl;	// Specifying which file to get

		ajaxObjects[ajaxIndex].onCompletion = function(){ showAjaxTabContent(ajaxIndex,parentId,tabId); };	// Specify function that will be executed after file has been found
		ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function	
	}
}
function getTabIndexByTitle(tabTitle) {
	var regExp = new RegExp("(.*?)&nbsp.*$","gi");
	tabTitle = tabTitle.replace(regExp,'$1');
	for(var prop in dhtmlgoodies_tabObj){
		var divs = dhtmlgoodies_tabObj[prop].getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].id.indexOf('tabTab')>=0){
				var span = divs[no].getElementsByTagName('SPAN')[0];
				var regExp2 = new RegExp("(.*?)&nbsp.*$","gi");
				var spanTitle = span.innerHTML.replace(regExp2,'$1');
				if(spanTitle == tabTitle){
					var tmpId = divs[no].id.split('_');						
					return Array(prop,tmpId[tmpId.length-1].replace(/[^0-9]/g,'')/1);
				}		
			}
		}
	}
	return -1;
}
/* Call this function if you want to display some content from external file in one of the tabs 
Arguments: Title of tab and relative path to external file */
function addAjaxContentToTab(tabTitle,tabContentUrl) {
	var index = getTabIndexByTitle(tabTitle);
	if(index!=-1){
		var ajaxIndex = ajaxObjects.length;
		tabId = index[1];
		parentId = index[0];
		ajaxObjects[ajaxIndex] = new sack();
		ajaxObjects[ajaxIndex].requestFile = tabContentUrl;	// Specifying which file to get
		ajaxObjects[ajaxIndex].onCompletion = function(){ showAjaxTabContent(ajaxIndex,parentId,tabId); };	// Specify function that will be executed after file has been found
		ajaxObjects[ajaxIndex].runAJAX();		// Execute AJAX function				
	}	
}
function deleteTab(tabLabel,tabIndex,parentId) {
	if(tabLabel){
		var index = getTabIndexByTitle(tabLabel);
		if(index!=-1){
			deleteTab(false,index[1],index[0]);
		}
	}else if(tabIndex>=0){
		if(document.getElementById('tabTab' + parentId + '_' + tabIndex)){
			var obj = document.getElementById('tabTab' + parentId + '_' + tabIndex);
			var id = obj.parentNode.parentNode.id;
			obj.parentNode.removeChild(obj);
			var obj2 = document.getElementById('tabView' + parentId + '_' + tabIndex);
			obj2.parentNode.removeChild(obj2);
			resetTabIds(parentId);
			activeTabIndex[parentId]=-1;
			showTab(parentId,'0');
	   }			
   }
}