function switchToOverzicht (id){
  var overzicht = document.getElementById(id + '_overzicht');
  var uitleg = document.getElementById(id + '_uitleg');

  overzicht.style.display = '';
  uitleg.style.display = 'none';
}

function switchToUitleg (id){
  var overzicht = document.getElementById(id + '_overzicht');
  var uitleg = document.getElementById(id + '_uitleg');

  overzicht.style.display = 'none';
  uitleg.style.display = '';
}

function gotoTab(elem) {
  var main = elem.parentNode;

  var othertabs = main.getElementsByTagName('div');
  for (var i = 0; i< othertabs.length; i++) {
    if(othertabs[i].className.indexOf("redtab") > -1) {
      othertabs[i].className = "tab redtab";
    } else {
      othertabs[i].className = "tab";
    }
    othertabs[i].onclick = gotoPage;
  }

  window.location.href = elem.Url;

  if(elem.className.indexOf("redtab") > -1) {
    elem.className = "active tab redtab";
  } else {
    elem.className = "active tab";
  }
  elem.onclick = null;
}

function gotoPage() {
  gotoTab(this);
}

function create_maintabs(tabs,obj) {
  elem = document.getElementById(obj);
  var i = tabs.length - 1;
  var width = tabs.length * 100;

  var child = document.createElement('div');
  child.className = "maintabs";
  child.style.width = width+'px';

  while (i >= 0){
    var tab = document.createElement('div');
    tab.className = "tab";
    if(tabs[i]["Active"] != undefined && tabs[i]["Active"]) {
      tab.className += " active";
    } else {
      tab.onclick = gotoPage;
    }
    if(tabs[i]["Red"] != undefined && tabs[i]["Red"] == "red") {
      tab.className += " redtab";
    }
    tab.innerHTML = tabs[i]["Title"];
    tab.Url = tabs[i]["Url"];

    child.appendChild(tab);

    i--;
  }

  elem.appendChild(child);
}

function create_subtabs(tabs,obj) {
  elem = document.getElementById(obj);
  var i = tabs.length - 1;
  var width = tabs.length * 68;

  var child = document.createElement('div');
  child.className = "subtabs";
  child.style.width = width+'px';

  while (i >= 0){
    var tab = document.createElement('div');
    tab.className = "tab";
    if(tabs[i]["Active"] != undefined && tabs[i]["Active"])	tab.className += " active";
    tab.innerHTML = tabs[i]["Title"];
    tab.Url = tabs[i]["Url"];
    tab.onclick = gotoPage;
    child.appendChild(tab);

    i--;
  }

  elem.appendChild(child);
}

function size_black() {
	/*
  if(elem = document.getElementById("change_selection_black")){
    elem.style.height = window.getScrollHeight()+"px";
    elem.style.width = window.getScrollWidth()+"px";
  }
  */
}

function show_black(type){
  elem = document.getElementById("change_selection_black");
  elem.style.display = 'block';
  elem = document.getElementById("change_selection");
  elem.style.display = 'block';
}

function hide_black (type){
  elem = document.getElementById("change_selection_black");
  elem.style.display = 'none';
  elem = document.getElementById("change_selection");
  elem.style.display = 'none';
}
/*
window.onscroll = doOnScroll;


function doOnScroll(){
  elem = document.getElementById("change_selection");
  elem.style.top = (window.getScrollTop()+20)+"px";
}

window.onresize = size_black;
window.onload = size_black;
*/

var win=null;
function infobox(url,title){
  LeftPosition=(screen.width)?(screen.width-300)/2:100;
  TopPosition=(screen.height)?(screen.height-400)/2:100;
  settings='width=300,height=400,top='+TopPosition+',left='+LeftPosition+',scrollbars=yes,location=no,directories=no,status=yes,menubar=no,toolbar=no,resizable=no';
  win=window.open(url,title,settings);
}


function gmapsbox(url,title){
  LeftPosition=(screen.width)?(screen.width-680)/2:100;
  TopPosition=(screen.height)?(screen.height-600)/2:100;
  settings='width=680,height=600,top='+TopPosition+',left='+LeftPosition+',scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no';
  win=window.open(url,null,settings);
}

function GetElementsWithClassName(elementName,className) {
  var allElements = document.getElementsByTagName(elementName);
  var elemColl = new Array();
  for (var i = 0; i< allElements.length; i++) {
    if (allElements[i].className == className) {
      elemColl[elemColl.length] = allElements[i];
    }
  }
  return elemColl;
}

function stripe(){
  var tables = Array();
  var doChange = false;
  tables = GetElementsWithClassName('table','stripeTable');
  if(tables.length == 0)
  tables = GetElementsWithClassName('table','stripeTable finedoll');
  for (var k = 0; k < tables.length; k++) {
    var table = tables[k];
    var tbodies = table.getElementsByTagName("tbody");
    for (var h = 0; h < tbodies.length; h++) {
      var trNum = 0;
      var evenTR = true;
      var trs = tbodies[h].getElementsByTagName("tr");
      for (var i = 0; i < trs.length; i++) {
        if((trs[i].style.display != 'none') && (trs[i].className!= 'white')){
          trNum++;
          var tds = trs[i].getElementsByTagName("td");
          if(evenTR){
            doChange = false;
            for (var j = 0; j < tds.length; j++) {
              var mytd = tds[j];
              if(j == 0){
                if(mytd.className == 'attention')
                  mytd.style.backgroundColor = '#e7dbc1';
                else
                  mytd.style.backgroundColor = '#e0e0e0';
              } else {
                if(mytd.className == 'attention')
                  mytd.style.backgroundColor = '#e7dbc1';
                else
                  mytd.style.backgroundColor = '#f4edde';
              }
              doChange = true;
            }
            evenTR = false;
          } else{
          	
          	
            doChange = false;
            for (var j = 0; j < tds.length; j++) {
              var mytd = tds[j];
              if(j == 0){
                if(mytd.className == 'attention')
                  mytd.style.backgroundColor = '#f4edde';
                else
                  mytd.style.backgroundColor = '';
              } else {
                if(mytd.className == 'attention')
                  mytd.style.backgroundColor = '#f4edde';
                else
                  mytd.style.backgroundColor = '';
              }
              doChange = true;
            }
          	
          	
            evenTR = true;
          }
          if(!doChange){
            evenTR = true;
          }
        }
      }
      if(trNum == 1)
      table.style.display = 'none';
    }
  }

  for (var k = 0; k < tables.length; k++) {
    var table = tables[k];
    var tbodies = table.getElementsByTagName("tbody");
    for (var h = 0; h < tbodies.length; h++) {
      var evenTR = true;
      var trs = tbodies[h].getElementsByTagName("tr");
      for (var i = 0; i < trs.length; i++) {
        if(trs[i].style.display != 'none'){
          var liEven = true;
          var lis = trs[i].getElementsByTagName("li");
          for (var j = 0; j < lis.length; j++) {
            var myli = lis[j];
            if(GetElementsWithClassName('ul','ulstripe')){
              if(liEven){
                myli.style.backgroundColor = '#ffffff';
                liEven = false;
              } else {
                myli.style.backgroundColor = '#f4edde';
                liEven = true;
              }
            }
          }
          evenTR = false;
        }
      }
    }
  }

}

var scrollRightVar = false;
var scrollLeftVar = false;

var speed = 30;

function scroll_left(boolean){
  scrollLeftVar = boolean;
  if(boolean){
    Doscroll_left();
  }
}

function scroll_right(boolean){
  scrollRightVar = boolean;
  if(boolean){
    Doscroll_right();
  }
}

function Doscroll_right(){
  if(scrollRightVar){
    document.getElementById("scrollarea").scrollLeft = document.getElementById("scrollarea").scrollLeft + 10;
    setTimeout( "Doscroll_right()", speed);
  }
}
function Doscroll_left(){
  if(scrollLeftVar){
    document.getElementById("scrollarea").scrollLeft = document.getElementById("scrollarea").scrollLeft - 10;
    setTimeout( "Doscroll_left()", speed);
  }
}

function showAlert()
{
  $('alertbox').style.display = '';
}

function hideAlert()
{
  $('alertbox').style.display = 'none';
}