/************************************************************************************************************
	(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.
	
	Updated:
		
		March, 14th, 2006 - Create new tabs dynamically
		March, 15th, 2006 - Dynamically delete a tab
		
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland
	
	************************************************************************************************************/
	var strictDocType = true; 
	
	/* 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 tabView_countTabs = new Array();

	function showTab(parentId,tabIndex){
		var parentId_div = parentId + "_";
		if(activeTabIndex[parentId]>=0){
			var obj = document.getElementById('tabTab'+parentId_div + activeTabIndex[parentId]);
			obj.className='tabInactive';

			document.getElementById('tabView' + parentId_div + activeTabIndex[parentId]).style.display='none';
		}

		var thisObj = document.getElementById('tabTab'+ parentId_div +tabIndex);

		thisObj.className='tabActive';



		document.getElementById('tabView' + parentId_div + tabIndex).style.display='block';
		activeTabIndex[parentId] = tabIndex;

		var parentObj = thisObj.parentNode;
		var aTab = parentObj.getElementsByTagName('DIV')[0];

		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';


		}
	}
	function rolloutTab(){
		if(this.className == 'inactiveTabOver'){
			this.className='tabInactive';

		}
	}

	function initTabs(mainContainerID,tabTitles,activeTab){
			dhtmlgoodies_tabObj[mainContainerID] = document.getElementById(mainContainerID);

			/*height = '650';
			if(height.length>0){
				if(height.indexOf('%')<0)height= '650px';
				dhtmlgoodies_tabObj[mainContainerID].style.height ='650px';
			}*/

			var tabDiv = document.createElement('DIV');	
			var firstDiv = dhtmlgoodies_tabObj[mainContainerID].getElementsByTagName('DIV')[0];
			
			dhtmlgoodies_tabObj[mainContainerID].insertBefore(tabDiv,firstDiv);
			tabDiv.className = 'tabset';
			tabView_countTabs[mainContainerID] = 0;

		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);




			// IE5.X FIX
			if((navigatorVersion && navigatorVersion<6) || (MSIE && !strictDocType)){
				img.style.styleFloat = 'none';
				img.style.position = 'relative';
				img.style.top = '1px'
				span.style.paddingTop = '1px';
				aTab.style.cursor = 'hand';
			}	// End IE5.x FIX

		}
		var tabs = dhtmlgoodies_tabObj[mainContainerID].getElementsByTagName('DIV');
		var divCounter = 0;
		for(var no=0;no<tabs.length;no++){
			if(tabs[no].className=='tabbox' && 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++;
			}
		}
		showTab(mainContainerID,activeTab);
		return activeTab;
	}