/************************************************************************************************************
(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 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 = '/images/tab_right_inactive.gif';
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 = '/images/tab_right_active.gif';
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 = '/images/tab_right_over.gif';
}
}
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 = '/images/tab_right_inactive.gif';
}
}
function hoverTabViewCloseButton()
{
this.src = this.src.replace('close.gif','close_over.gif');
}
function stopHoverTabViewCloseButton()
{
this.src = this.src.replace('close_over.gif','close.gif');
}
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';
aTab.align = 'center';
tabDiv.appendChild(aTab);			
var span = document.createElement('SPAN');
span.innerHTML = tabTitles[no];
span.style.position = 'relative';			
span.align = 'center';
aTab.appendChild(span);
if(closeButtonArray[no]){
var closeButton = document.createElement('IMG');
closeButton.src = '/images/close.gif';
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 = '/images/tab_right_inactive.gif';
img.style.width = '0px';
// 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');
}			
}
}