//________________________ left topics rotate ______________________ //

var topicinterval = "";
var topNum = 0;

function rotateTopics(){
	topNum++;
	if(topNum==4){topNum=1;}
for(i=1;i<4;i++){
document.getElementById("ht_"+i).style.display = "none";
document.getElementById("ha_"+i).className = "hotOff";
}
document.getElementById("ht_"+topNum).style.display = "inline";
document.getElementById("ha_"+topNum).className = "hotOn";

}

//________________________ show / hide topics ______________________ //

function showTopic(target){
clearInterval(topicinterval);	
highlight = document.getElementById("ht_"+target);

for(i=1;i<4;i++){
document.getElementById("ht_"+i).style.display = "none";
document.getElementById("ha_"+i).className = "hotOff";
}
document.getElementById("ha_"+target).className = "hotOn";	
highlight.style.display = "inline";
topNum==target;
}


function holdTopics() {	
clearInterval(topicinterval);		
}

function goTopics(){
topicinterval = setInterval(rotateTopics,4000);	
}