var currentPanel;
//?id=1
var gobeach = 1; beachid = location.href.substring(location.href.indexOf('?id='));
if ( beachid.substring(0,4) == '?id=' ){
 if ( beachid.length == 5 ){ gobeach = beachid.substring(4,5);}
}
if ( gobeach <= 0 ) gobeach = 1; if ( gobeach >= 7 ) gobeach = 1;

function showPanel(panelNum) {
   //hide visible panel, show selected panel, 
   //set tab
   if ( panelNum == 0 ) panelNum = gobeach;

   if (currentPanel != null) {
      hidePanel();
   }
   document.getElementById 
      ('panel'+panelNum).style.visibility = 'visible';
   document.getElementById 
      ('panel'+panelNum).style.display = 'block';
      currentPanel = panelNum;
      setState(panelNum);
}
   
function hidePanel() {
   //hide visible panel, unhighlight tab
   document.getElementById
     ('panel'+currentPanel).style.visibility = 'hidden';
   document.getElementById
     ('panel'+currentPanel).style.display = 'none';
   document.getElementById
     ('tab'+currentPanel).style.backgroundColor = '#000000';
   document.getElementById
     ('tab'+currentPanel).style.color = '#545760';
   document.getElementById
     ('tab'+currentPanel).style.fontWeight = 'bold';
}
   
function setState(tabNum) {
   if (tabNum==currentPanel) {
      document.getElementById
        ('tab'+tabNum).style.backgroundColor = '#000000';
      document.getElementById
        ('tab'+tabNum).style.color = '#F42121';
      document.getElementById
        ('tab'+tabNum).style.fontWeight = 'bold';
   }
   else {
      document.getElementById
        ('tab'+tabNum).style.backgroundColor = '#000000';
      document.getElementById
        ('tab'+tabNum).style.color = '#f5d96e';
      document.getElementById
        ('tab'+tabNum).style.fontWeight = 'bold';
   }
}
   
function hover(tab) { 
        tab.style.fontWeight = 'bold'; 
      document.getElementById
        tab.style.backgroundColor = '#000000';
      document.getElementById
        tab.style.color = '#f42121';

}

//   history <<==============================

var hcurrentPanel;
//?id=1
var hgobeach = 1; hbeachid = location.href.substring(location.href.indexOf('?id='));
if ( hbeachid.substring(0,4) == '?id=' ){
 if ( hbeachid.length == 5 ){ hgobeach = hbeachid.substring(4,5);}
 if ( hbeachid.length == 6 ){ hgobeach = hbeachid.substring(4,6);}
}
if ( hgobeach <= 0 ) hgobeach = 1; if ( hgobeach >= 20 ) hgobeach = 1;

function hshowPanel(hpanelNum) {
   //hide visible fanel, show selected hpanel, 
   //set htab
   if ( hpanelNum == 0 ) hpanelNum = hgobeach;
   if (hcurrentPanel != null) {
      hhidePanel();
   }
   document.getElementById 
      ('hpanel'+hpanelNum).style.visibility = 'visible';
   document.getElementById 
      ('hpanel'+hpanelNum).style.display = 'block';
   hcurrentPanel = hpanelNum;
      hsetState(hpanelNum);
}

function hhidePanel() {
   //hide visible hpanel
   document.getElementById
     ('hpanel'+hcurrentPanel).style.visibility = 'hidden';
   document.getElementById
     ('hpanel'+hcurrentPanel).style.display = 'none';
   document.getElementById
     ('htab'+hcurrentPanel).style.backgroundColor = '#fff7ad';
   document.getElementById
     ('htab'+hcurrentPanel).style.color = '#404040';
   document.getElementById
     ('htab'+hcurrentPanel).style.fontWeight = 'normal';

   }

function hsetState(htabNum) {
   if (htabNum==hcurrentPanel) {
      document.getElementById
        ('htab'+htabNum).style.backgroundColor = '#efe5b4';
      document.getElementById
        ('htab'+htabNum).style.color = 'black';
      document.getElementById
        ('htab'+htabNum).style.fontWeight = 'bold';
   }
   else {
      document.getElementById
        ('htab'+htabNum).style.backgroundColor = '#fff7ad';
      document.getElementById
        ('htab'+htabNum).style.color = '#404040';
      document.getElementById
        ('htab'+htabNum).style.fontWeight = 'normal';
   }
}
   
function hhover(htab) {
htab.style.fontWeight = 'bold';
document.getElementById
        htab.style.backgroundColor = '#cfe5b4';

//if (document.images) {
//  tOn = new Image; tOff = new Image; tabOff = new Image;
//  tabOff.src = "../worldcup-images/tab_off.gif"; tOn.src = "../worldcup-images/ton.gif"; tOff.src = "../worldcup-images/toff.gif"
//}
//else {
//  tabOff = ""; tOn = ""; tOff = ""; tabOff = "";
//  document.yImg = ""; document.tImg = "";
//}
}

//   venues <<==============================

var vcurrentPanel;
//?id=1
var vgobeach = 1; vbeachid = location.href.substring(location.href.indexOf('?id='));
if ( vbeachid.substring(0,4) == '?id=' ){
 if ( vbeachid.length == 5 ){ vgobeach = vbeachid.substring(4,5);}
 if ( vbeachid.length == 6 ){ vgobeach = vbeachid.substring(4,6);}
}
if ( vgobeach <= 0 ) vgobeach = 1; if ( vgobeach >= 20 ) vgobeach = 1;

function vshowPanel(vpanelNum) {
   //hide visible vpanel, show selected vpanel, 
   //set vtab
   if ( vpanelNum == 0 ) vpanelNum = vgobeach;
   if (vcurrentPanel != null) {
      vhidePanel();
   }
   document.getElementById 
      ('vpanel'+vpanelNum).style.visibility = 'visible';
   document.getElementById 
      ('vpanel'+vpanelNum).style.display = 'block';
   vcurrentPanel = vpanelNum;
      vsetState(vpanelNum);
}

function vhidePanel() {
   //hide visible vpanel
   document.getElementById
     ('vpanel'+vcurrentPanel).style.visibility = 'hidden';
   document.getElementById
     ('vpanel'+vcurrentPanel).style.display = 'none';
   document.getElementById
     ('vtab'+vcurrentPanel).style.backgroundColor = '#fff7ad';
   document.getElementById
     ('vtab'+vcurrentPanel).style.color = '#404040';
   document.getElementById
     ('vtab'+vcurrentPanel).style.fontWeight = 'normal';

   }

function vsetState(vtabNum) {
   if (vtabNum==vcurrentPanel) {
      document.getElementById
        ('vtab'+vtabNum).style.backgroundColor = '#efe5b4';
      document.getElementById
        ('vtab'+vtabNum).style.color = 'black';
      document.getElementById
        ('vtab'+vtabNum).style.fontWeight = 'bold';
   }
   else {
      document.getElementById
        ('vtab'+vtabNum).style.backgroundColor = '#fff7ad';
      document.getElementById
        ('vtab'+vtabNum).style.color = '#404040';
      document.getElementById
        ('vtab'+vtabNum).style.fontWeight = 'normal';
   }
}
   
function vhover(vtab) {
vtab.style.fontWeight = 'bold';
document.getElementById
        vtab.style.backgroundColor = '#cfe5b4';
}

//   stadiums <<==============================

var scurrentPanel;
//?id=1
var sgobeach = 1; sbeachid = location.href.substring(location.href.indexOf('?id='));
if ( sbeachid.substring(0,4) == '?id=' ){
 if ( sbeachid.length == 5 ){ sgobeach = sbeachid.substring(4,5);}
 if ( sbeachid.length == 6 ){ sgobeach = sbeachid.substring(4,6);}
}
if ( sgobeach <= 0 ) sgobeach = 1; if ( sgobeach >= 20 ) sgobeach = 1;

function sshowPanel(spanelNum) {
   //hide visible spanel, show selected spanel, 
   //set stab
   if ( spanelNum == 0 ) spanelNum = sgobeach;
   if (scurrentPanel != null) {
      shidePanel();
   }
   document.getElementById 
      ('spanel'+spanelNum).style.visibility = 'visible';
   document.getElementById 
      ('spanel'+spanelNum).style.display = 'block';
   scurrentPanel = spanelNum;
      ssetState(spanelNum);
}

function shidePanel() {
   //hide visible spanel
   document.getElementById
     ('spanel'+scurrentPanel).style.visibility = 'hidden';
   document.getElementById
     ('spanel'+scurrentPanel).style.display = 'none';
   document.getElementById
     ('stab'+scurrentPanel).style.backgroundColor = '#fff7ad';
   document.getElementById
     ('stab'+scurrentPanel).style.color = '#404040';
   document.getElementById
     ('stab'+scurrentPanel).style.fontWeight = 'normal';

   }

function ssetState(stabNum) {
   if (stabNum==scurrentPanel) {
      document.getElementById
        ('stab'+stabNum).style.backgroundColor = '#efe5b4';
      document.getElementById
        ('stab'+stabNum).style.color = 'black';
      document.getElementById
        ('stab'+stabNum).style.fontWeight = 'bold';
   }
   else {
      document.getElementById
        ('stab'+stabNum).style.backgroundColor = '#fff7ad';
      document.getElementById
        ('stab'+stabNum).style.color = '#404040';
      document.getElementById
        ('stab'+stabNum).style.fontWeight = 'normal';
   }
}
   
function shover(stab) {
stab.style.fontWeight = 'bold';
document.getElementById
        stab.style.backgroundColor = '#cfe5b4';
}

//   matches <<==============================

var mcurrentPanel;
//?id=1
var mgobeach = 1; mbeachid = location.href.substring(location.href.indexOf('?id='));
if ( mbeachid.substring(0,4) == '?id=' ){
 if ( mbeachid.length == 5 ){ mgobeach = mbeachid.substring(4,5);}
 if ( mbeachid.length == 6 ){ mgobeach = mbeachid.substring(4,6);}
}
if ( mgobeach <= 0 ) mgobeach = 1; if ( mgobeach >= 20 ) mgobeach = 1;

function mshowPanel(mpanelNum) {
   //hide visible mpanel, show selected mpanel, 
   //set mtab
   if ( mpanelNum == 0 ) mpanelNum = mgobeach;
   if (mcurrentPanel != null) {
      mhidePanel();
   }
   document.getElementById 
      ('mpanel'+mpanelNum).style.visibility = 'visible';
   document.getElementById 
      ('mpanel'+mpanelNum).style.display = 'block';
   mcurrentPanel = mpanelNum;
      msetState(mpanelNum);
}

function mhidePanel() {
   //hide visible mpanel
   document.getElementById
     ('mpanel'+mcurrentPanel).style.visibility = 'hidden';
   document.getElementById
     ('mpanel'+mcurrentPanel).style.display = 'none';
   document.getElementById
     ('mtab'+mcurrentPanel).style.backgroundColor = '#fff7ad';
   document.getElementById
     ('mtab'+mcurrentPanel).style.color = '#404040';
   document.getElementById
     ('mtab'+mcurrentPanel).style.fontWeight = 'normal';

   }

function msetState(mtabNum) {
   if (mtabNum==mcurrentPanel) {
      document.getElementById
        ('mtab'+mtabNum).style.backgroundColor = '#efe5b4';
      document.getElementById
        ('mtab'+mtabNum).style.color = 'black';
      document.getElementById
        ('mtab'+mtabNum).style.fontWeight = 'bold';
   }
   else {
      document.getElementById
        ('mtab'+mtabNum).style.backgroundColor = '#fff7ad';
      document.getElementById
        ('mtab'+mtabNum).style.color = '#404040';
      document.getElementById
        ('mtab'+mtabNum).style.fontWeight = 'normal';
   }
}
   
function mhover(mtab) {
mtab.style.fontWeight = 'bold';
document.getElementById
        mtab.style.backgroundColor = '#cfe5b4';
}