var currentPanel;

function showPanel(panelNum) {
//hide visible panel, show selected panel, 
//set tab
if (currentPanel != null) {
 hidePanel();
}
document.getElementById 
 ('panel'+panelNum).style.display = 'block';
 currentPanel = panelNum;
 setState(panelNum);
 
}

function hidePanel() {
//hide visible panel, unhilite tab
 document.getElementById('panel'+currentPanel).style.display = 'none';
 document.getElementById('tableft'+currentPanel).src = '/images/tab_unselected_left.jpg';
 document.getElementById('tabright'+currentPanel).src = '/images/tab_unselected_right.jpg';
 document.getElementById('tabmiddle'+currentPanel).style.backgroundImage = 'url(/images/tab_unselected_bg.jpg)';
}

function setState(tabNum) {
if (tabNum==currentPanel) {
 document.getElementById('tableft'+tabNum).src = '/images/tab_selected_left.jpg';
 document.getElementById('tabright'+tabNum).src = '/images/tab_selected_right.jpg';
 document.getElementById('tabmiddle'+tabNum).style.backgroundImage = 'url(/images/tab_selected_bg.jpg)';
}
else {
 document.getElementById('tableft'+tabNum).src = '/images/tab_unselected_left.jpg';
 document.getElementById('tabright'+tabNum).src = '/images/tab_unselected_right.jpg';
 document.getElementById('tabmiddle'+tabNum).style.backgroundImage = 'url(/images/tab_unselected_bg.jpg)';
}
}

function hover(tab) {
tab.style.backgroundColor = 'ddddff';
}