//	tabId = tablica gdje su tabovo
//	itemNumber = broj taba za prikazat
//	totalItemNumber = ukupan broj tabova
//	arrayOfContentDivIDs = array sa id-ima DIV-ova za napraviti visible (a ostale ugasiti), kada se prikazuje tab
function ShowTabListItem(tabId, itemNumber, arrayOfContentDivIDs)
{			
	var totalItemNumber = arrayOfContentDivIDs.length;

	if(totalItemNumber < 2) return 0;	//	minimum two tabs
	
	// show leftmost item
	if(itemNumber == 0){
		document.getElementById(tabId + "Middle0").className = 'tabOnLeft';
		document.getElementById(tabId + "Item0").className = 'tabOnCenter';
		document.getElementById(tabId + "Middle1").className = 'tabMiddleLeftOn';
	}else{
		document.getElementById(tabId + "Middle0").className = 'tabOffLeft';
		document.getElementById(tabId + "Item0").className = 'tabOffCenter';
		if(itemNumber == 1){
			document.getElementById(tabId + "Middle1").className = 'tabMiddleLeftOff';
		}else{
			document.getElementById(tabId + "Middle1").className = 'tabMiddleBothOff';
		}
	}

	// show rightmost item
	if(itemNumber == (totalItemNumber - 1)){
		document.getElementById(tabId + "Middle" + (totalItemNumber - 1)).className = 'tabMiddleRightOn';
		document.getElementById(tabId + "Item" + (totalItemNumber-1)).className = 'tabOnCenter';
		document.getElementById(tabId + "Middle" + totalItemNumber).className = 'tabOnRight';
	}else{
		if(itemNumber == (totalItemNumber - 2)){
			document.getElementById(tabId + "Middle" + (totalItemNumber - 1)).className = 'tabMiddleLeftOn';
		}else{
			//alert(tabId + "Middle" + (totalItemNumber - 1));
			document.getElementById(tabId + "Middle" + (totalItemNumber - 1)).className = 'tabMiddleBothOff';
		}				
		document.getElementById(tabId + "Item" + (totalItemNumber - 1)).className = 'tabOffCenter';
		document.getElementById(tabId + "Middle" + totalItemNumber).className = 'tabOffRight';
	}

	for(var i=1; i<(totalItemNumber-1); i++)
	{
		if(i == itemNumber){
			document.getElementById(tabId + "Middle" + i).className = 'tabMiddleRightOn';
			document.getElementById(tabId + "Item" + i).className = 'tabOnCenter';
			document.getElementById(tabId + "Middle" + (i+1)).className = 'tabMiddleLeftOn';
		}else{
			if(itemNumber == i-1){
				document.getElementById(tabId + "Middle" + i).className = 'tabMiddleLeftOn';
			}else{
				document.getElementById(tabId + "Middle" + i).className = 'tabMiddleBothOff';
			}
			
			document.getElementById(tabId + "Item" + i).className = 'tabOffCenter';
			
			if(itemNumber == i+1){
				document.getElementById(tabId + "Middle" + (i+1)).className = 'tabMiddleRightOn';
			}else{
				document.getElementById(tabId + "Middle" + (i+1)).className = 'tabMiddleBothOff';
			}
		}
	}
			
	for(var i=0; i<totalItemNumber; i++){
		document.getElementById(arrayOfContentDivIDs[i]).style.display = 'none';
	}
	document.getElementById(arrayOfContentDivIDs[itemNumber]).style.display = '';
}


function ShowHideSuperTestOptions(captionID, contentID, hideText, showText)
{
	var objCaption = document.getElementById(captionID);
	var objOptions = document.getElementById(contentID);
	
	if(objOptions.style.display == 'none'){
		objOptions.style.display = '';
		objCaption.innerHTML = hideText;
	}else{
		objOptions.style.display = 'none';
		objCaption.innerHTML = showText;
	}
}