// JavaScript Document

function fixTabContent(tabID){
	var contentElem = document.getElementById('content'+tabID);
	contentElem.setAttribute("class", "hideContent homeContent");
	contentElem.setAttribute("className", "hideContent homeContent");
}


var oldTabID;
function changeTab(tabID){
	// change old items back 
	if(oldTabID != null){
		var oldTabElem = document.getElementById('tab'+oldTabID);
		var oldContentElem = document.getElementById('content'+oldTabID);
		var oldLeftTabElem = document.getElementById('tab'+(oldTabID-1));
		var oldRightTabElem = document.getElementById('tab'+(oldTabID+1));
		oldTabElem.setAttribute("class", "tabContent");
		oldTabElem.setAttribute("className", "tabContent");
		if((oldTabID-1) == 0){
			oldLeftTabElem.setAttribute("class", "tabEndL");
			oldLeftTabElem.setAttribute("className", "tabEndL");
		}else{
			oldLeftTabElem.setAttribute("class", "tabJoin");
			oldLeftTabElem.setAttribute("className", "tabJoin");
		}
		if((oldTabID+1) == tabEndID){
			oldRightTabElem.setAttribute("class", "tabEndR");
			oldRightTabElem.setAttribute("className", "tabEndR");
		}else{
			oldRightTabElem.setAttribute("class", "tabJoin");
			oldRightTabElem.setAttribute("className", "tabJoin");
		}
		// change the flag
		var img = oldTabElem.getElementsByTagName("IMG")[0];
		newimg = img.src.replace('flags_medium','flags_small');
		img.src = newimg;
		img.width = 30;	
		img.height = 20;
	}else{
		
	}
	//setup clicked items
	var currTabElem = document.getElementById('tab'+tabID);
	var leftTabElem = document.getElementById('tab'+(tabID-1));
	var rightTabElem = document.getElementById('tab'+(tabID+1));
	//change clicked items
	currTabElem.setAttribute("class", "tabRaisedContent");
	currTabElem.setAttribute("className", "tabRaisedContent");
	if((tabID-1) == 0){
		leftTabElem.setAttribute("class", "tabEndRaisedL");
		leftTabElem.setAttribute("className", "tabEndRaisedL");
	}else{
		leftTabElem.setAttribute("class", "tabRaisedL");
		leftTabElem.setAttribute("className", "tabRaisedL");
	}
	if((tabID+1) == tabEndID){
		rightTabElem.setAttribute("class", "tabEndRaisedR");
		rightTabElem.setAttribute("className", "tabEndRaisedR");
	}else{
		rightTabElem.setAttribute("class", "tabRaisedR");
		rightTabElem.setAttribute("className", "tabRaisedR");
	}
	// change the flag
	var img = currTabElem.getElementsByTagName("IMG")[0];
	newimg = img.src.replace('flags_small','flags_medium');
	img.src = newimg;
	img.width = 40;	
	img.height = 27;
	oldTabID = tabID;
	//IE ONLY >> currTabElem.setAttribute("className", "tabRaisedContent");
}

function fixSubTabContent(subTabID){
	var subContentElem = document.getElementById(subTabID);
	subContentElem.setAttribute("class", "hideContent");
	subContentElem.setAttribute("className", "hideContent");
}


var oldSubTabID;
function changeSubTab(subTabID){
	if(oldSubTabID!= null){
		var oldSubTabElem = document.getElementById(oldSubTabID);
		oldSubTabElem.setAttribute("class", "hideContent");
		oldSubTabElem.setAttribute("className", "hideContent");
	}
	var currSubTabElem = document.getElementById(subTabID);
	currSubTabElem.setAttribute("class", "showContent");
	currSubTabElem.setAttribute("className", "showContent");
	oldSubTabID = subTabID;
}


// used in /sites/index.php
function chooseCountry(code){
	tab = eval(code);
	changeTab(tab);
}