function Popup(fileName) {
     myWin = window.open('','myWindow','scrollbars=no,directories=no,status=no,resizable=no,toolbar=no,copyhistory=no,location=no,menubar=no,width=320,height=530,top=5,left=5')
     myWin.location.href = fileName;
}

function Popup2(fileName) {
     myWin = window.open('','myWindow','scrollbars=yes,directories=no,status=no,resizable=no,toolbar=no,copyhistory=no,location=no,menubar=no,width=400,height=490,top=20,left=20')
     myWin.location.href = fileName;
}

var currentbgcolor;
function muisin(tab) {
   currentbgcolor = tab.style.backgroundColor;
   currentxtcolor = tab.style.color;
   if (currentbgcolor=='#ff33cc') {tab.style.background = '#ef23bc';}
   if (currentbgcolor=='#ffff00') {tab.style.background = '#efef00';}
   if (currentbgcolor=='#ff6611') {tab.style.background = '#ef5601';}
   if (currentbgcolor=='#cc33ff') {tab.style.background = '#aa11dd';} 
   if (currentbgcolor=='#66cc00') {tab.style.background = '#44aa00';} 
   if (currentbgcolor=='#ff6633') {tab.style.background = '#000000';tab.style.color ='FF6633';} 
//   tab.style.color='black';
}

function muisuit(tab) {
   tab.style.color = currentxtcolor;
   tab.style.background = currentbgcolor;
}

var currentPanel;
function showPanel(panelNum) {
         //hide visible panel, show selected panel, set tab
         if (currentPanel != null) { hidePanel(); }
         document.getElementById ('panel'+panelNum).style.visibility = 'visible';
         currentPanel = panelNum;
         setState(panelNum);
}
   
function hidePanel() {
         //hide visible panel, unhilite tab
         document.getElementById('panel'+currentPanel).style.visibility = 'hidden';
         document.getElementById('tab'+currentPanel).style.backgroundColor = '#FF6633';
         document.getElementById('tab'+currentPanel).style.color = 'black';
}
   
function setState(tabNum) {
         if (tabNum==currentPanel) {
            document.getElementById('tab'+tabNum).style.backgroundColor ='#CCCCCC';
            document.getElementById('tab'+tabNum).style.color = 'black';
         }
         else {
            document.getElementById('tab'+tabNum).style.backgroundColor = '#FF6633';
            document.getElementById('tab'+tabNum).style.color = 'black';
         }
}
   
function hover(tab) {
         tab.style.backgroundColor = '#DDDDDD';
         tab.style.backgroundColor = '#777777';
         tab.style.backgroundColor = '#000000';
         tab.style.color = '#CCCCCC';

      }