var containerList = "Trimble,Esri,EuSpaceImg,Servicii,Instruire";
var containerColor = "003366,358ace,004963,006600,990033";
var aContainer = containerList.split(",");
var aContainerColor = containerColor.split(",");
var prevContainer = 4;

// add delay before switching tabs
function activateContainer(_v,tab) {
if (_v) {
switchID = setTimeout("switchTab('"+tab+"')",500);

}
else {
if (switchID) {
clearTimeout(switchID);
switchID = null;
}
}
}

// switch tabs
function switchTab(tabItem){
var neighbor = parseInt(tabItem)+1;
var totalTabs = aContainer.length-1;
swapSplash(tabItem);
// loop through segment list, set backgrounds and borders for each tab
for(var i=0; i < aContainer.length; i++){
document.getElementById(aContainer[i]+'Button').style.backgroundImage = 'url(img/background.png)';
document.getElementById(aContainer[i]+'Button').style.backgroundRepeat= "repeat-x";
document.getElementById(aContainer[i]+'Button').style.backgroundPosition = "left top";
document.getElementById(aContainer[i]+'Link').style.height = '3.6em';
if (i != 0) {
document.getElementById(aContainer[i]+'Link').style.backgroundImage='url(img/border.gif)';
document.getElementById(aContainer[i]+'Link').style.backgroundRepeat= "no-repeat";
document.getElementById(aContainer[i]+'Link').style.backgroundPosition = "left 5px";
}	
if (i == tabItem && i != 0 && i != 5) {
document.getElementById(aContainer[i]+'Button').style.backgroundImage='none';
document.getElementById(aContainer[i]+'Link').style.backgroundImage='none';
document.getElementById(aContainer[i]+'Button').style.borderBottom = '1px solid';
document.getElementById(aContainer[i]+'Button').style.borderBottomColor = aContainerColor[tabItem];
document.getElementById(aContainer[i]+'Button').style.borderLeft = '1px solid #ffffff';
document.getElementById(aContainer[i]+'Button').style.borderRight = '1px solid #ffffff';
}
else if (i == tabItem && i == 0) {
document.getElementById(aContainer[i]+'Button').style.backgroundImage='none';
document.getElementById(aContainer[i]+'Button').style.borderLeft = '1px solid';
document.getElementById(aContainer[i]+'Button').style.borderBottom = '1px solid';
document.getElementById(aContainer[i]+'Button').style.borderBottomColor = aContainerColor[tabItem];
document.getElementById(aContainer[i]+'Button').style.borderLeftColor = aContainerColor[tabItem];
document.getElementById(aContainer[i]+'Button').style.borderRight = '1px solid #ffffff';
}
else if (i == tabItem && i == 5) {
document.getElementById(aContainer[i]+'Button').style.backgroundImage='none';
document.getElementById(aContainer[i]+'Link').style.backgroundImage='none';
document.getElementById(aContainer[i]+'Button').style.borderBottom = '1px solid';
document.getElementById(aContainer[i]+'Button').style.borderBottomColor = aContainerColor[tabItem];
document.getElementById(aContainer[i]+'Button').style.borderLeft = '1px solid #ffffff';
document.getElementById(aContainer[i]+'Button').style.borderRight = 'none';
}
}

// remove vert line for neighboring active tab
if (tabItem != totalTabs) {
document.getElementById(aContainer[neighbor]+'Link').style.backgroundImage='none';
}	

// add distinct border bottom color
document.getElementById("buttonHolder").style.borderBottom = "4px solid";
document.getElementById("buttonHolder").style.borderBottomColor = aContainerColor[tabItem];

// add distinct background color to the tab
document.getElementById(aContainer[tabItem]+'Button').style.backgroundColor = aContainerColor[tabItem];

// reset previous selected tab
if (tabItem != prevContainer) {
document.getElementById(aContainer[prevContainer]+'Button').style.backgroundImage = 'url(img/background.png)';
document.getElementById(aContainer[prevContainer]+'Button').style.backgroundRepeat= "repeat-x";
document.getElementById(aContainer[prevContainer]+'Button').style.backgroundPosition = "left top";
document.getElementById(aContainer[prevContainer]+'Button').style.backgroundColor='017b93';
document.getElementById(aContainer[prevContainer]+'Button').style.borderBottom='1px solid #ffffff';
document.getElementById(aContainer[prevContainer]+'Button').style.borderLeft = 'none';
document.getElementById(aContainer[prevContainer]+'Button').style.borderRight = 'none';
}

// display selected tab's content
for(var i=0; i < aContainer.length; i++){
if (i == tabItem) {
document.getElementById(aContainer[i]+'Content').style.visibility = "visible";
}
else {
document.getElementById(aContainer[i]+'Content').style.visibility = "hidden";
}
}

// reset to previous selected tab id
prevContainer = tabItem;
}