function toggleLeftMenu(menuId) {
  try{ document.getElementById('subgroups').style.display = 'none'; }catch(e){}
  switch (menuId) {
    case 'groups':
      try{ document.getElementById('groups').style.display = ''; }catch(e){}
      try{ document.getElementById('top10s').style.display = 'none'; }catch(e){}
      try{ document.getElementById('searchgroups').style.display = 'none'; }catch(e){}
      toggleTabs('CatalogTab');
      break;
    case 'top10s': 
      try{ document.getElementById('groups').style.display = 'none'; }catch(e){}
      try{ document.getElementById('top10s').style.display = ''; }catch(e){}
      try{ document.getElementById('searchgroups').style.display = 'none'; }catch(e){}
      toggleTabs('Top10Tab')
      break;
    case 'searchgroups':
      try{ document.getElementById('groups').style.display = 'none'; }catch(e){}
      try{ document.getElementById('top10s').style.display = 'none'; }catch(e){}
      try{ document.getElementById('searchgroups').style.display = ''; }catch(e){}
  }
  try{ document.getElementById('MainGroupTab').style.display = 'none'; }catch(e){}
}

function toggleTabs(tabId) {
  try{ document.getElementById('SearchTab').style.display = 'none'; }catch(e){}
  switch (tabId) {
    case 'CatalogTab': 
      try{ document.getElementById('CatalogTab').className = 'tabSelected'; }catch(e){}
      try{ document.getElementById('CatalogTabImage').src = '/joostenpromogifts/upload/2Stijl01_19.png'; }catch(e){}
      try{ document.getElementById('Top10Tab').className = 'tabNormal'; }catch(e){}
      try{ document.getElementById('Top10TabImage').src = '/joostenpromogifts/upload/2Stijl01_20.png'; }catch(e){}
      try{ document.getElementById('Top10Tab').style.display = ''; }catch(e){}
      break;
    case 'Top10Tab': 
      try{ document.getElementById('CatalogTab').className = 'tabNormal'; }catch(e){}
      try{ document.getElementById('CatalogTabImage').src = '/joostenpromogifts/upload/2Stijl01_20.png'; }catch(e){}
      try{ document.getElementById('Top10Tab').className = 'tabSelected'; }catch(e){}
      try{ document.getElementById('Top10TabImage').src = '/joostenpromogifts/upload/2Stijl01_19.png'; }catch(e){}
      break;
  }
}

function GetUrlParameter(name) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

function colorRows() {
  var table = document.getElementById('shopboxtable'); 
  var allTRs = table.getElementsByTagName('tr'); 
  for (i=1; i <= allTRs.length ; i++) { 
    if (i % 2 == 1) {
      try{ allTRs[i].className = 'shopboxtablerowLight'; }catch(e){}
    } else {
      try{ allTRs[i].className = 'shopboxtablerowDark'; }catch(e){}
    }
  }
}

function setClassStyled(id) {
  var el = document.getElementById(id);
  var inputs = el.getElementsByTagName('input');
  for (i=0; i <= inputs.length; i++) {
    try{ inputs[i].className = 'styled'; }catch(e){}
  }
}

function countdown_clock(year, month, day, hour, minute, format)
 {
 //I chose a div as the container for the timer, but
 //it can be an input tag inside a form, or anything
 //who's displayed content can be changed through
 //client-side scripting.
 html_code = '<div id="countdown"></div>';
 
 document.write(html_code);
 
 countdown(year, month, day, hour, minute, format);                
 }
         
function countdown(year, month, day, hour, minute, format)
 {
 Today = new Date();
 Todays_Year = Today.getFullYear() - 2000;
 Todays_Month = Today.getMonth();                  
 
 //Convert both today's date and the target date into miliseconds.                           
 Todays_Date = (new Date(Todays_Year, Todays_Month, Today.getDate(), 
                         Today.getHours(), Today.getMinutes(), Today.getSeconds())).getTime();                                 
 Target_Date = (new Date(year, month - 1, day, hour, minute, 00)).getTime();                  
 
 //Find their difference, and convert that into seconds.                  
 Time_Left = Math.round((Target_Date - Todays_Date) / 1000);
 
 if(Time_Left < 0)
    Time_Left = 0;
 
 switch(format)
       {
       case 0:
            //The simplest way to display the time left.
            document.getElementById('countdown').innerHTML = Time_Left + ' seconds';
            break;
       case 1:
            //More datailed.
            days = Math.floor(Time_Left / (60 * 60 * 24));
            Time_Left %= (60 * 60 * 24);
            hours = Math.floor(Time_Left / (60 * 60));
            Time_Left %= (60 * 60);
            minutes = Math.floor(Time_Left / 60);
            Time_Left %= 60;
            seconds = Time_Left;
            
            //dps = 's'; hps = 's'; mps = 's'; sps = 's';
            //ps is short for plural suffix.
            //if(days == 1) dps ='';
            //if(hours == 1) hps ='';
            //if(minutes == 1) mps ='';
            //if(seconds == 1) sps ='';
            
            //document.getElementById('countdown').innerHTML = days + ' day' + dps + ' ';
            //document.getElementById('countdown').innerHTML += hours + ' hour' + hps + ' ';
            //document.getElementById('countdown').innerHTML += minutes + ' minute' + mps; // + ' and ';
            //document.getElementById('countdown').innerHTML += seconds + ' second' + sps;
            
            document.getElementById('countdown').innerHTML = '<b>' + hours + '</b> UUR<br/><b>' + minutes + '</b> MINUTEN';
            break;
       default: 
            //document.getElementById('countdown').innerHTML = Time_Left + ' seconds';
       }
       
 //Recursive call, keeps the clock ticking.
 setTimeout('countdown(' + year + ',' + month + ',' + day + ',' + hour + ',' + minute + ',' + format + ');', 1000);
 }