////////////////////////////////////////////////////////////////////////
  //Algemenen javascript functies                                       //
  ////////////////////////////////////////////////////////////////////////
  //Bepalen welke browser dit is
  if (navigator.appVersion.indexOf('MSIE') > 0 && navigator.appVersion.indexOf('MSIE 7') <= 0) {
    var browser = 'ie6';
  } else {
    var browser = 'dom';
  }
  //alert(browser);

  function keyCode(obj) {
    return charCode = (document.getElementById(obj).which) ? document.getElementById(obj).which : event.keyCode;
  }

  var host = 'http://support.culex.nl';

  function getOffset(objID) {
    var x = document.getElementById(objID).offsetLeft;
    var y = document.getElementById(objID).offsetTop + document.getElementById(objID).offsetHeight;
   
    var parent = document.getElementById(objID);
    while (parent.offsetParent) {
      parent = parent.offsetParent;
      x += parent.offsetLeft;
      y += parent.offsetTop ;
     }
     return new Array(x,y);
   }

  function getOffsetOBJ(objID) {
    if (objID) {
      var x = objID.offsetLeft;
      var y = objID.offsetTop + objID.offsetHeight;
     
      var parent = objID;
      while (parent.offsetParent) {
        parent = parent.offsetParent;
        x += parent.offsetLeft;
        y += parent.offsetTop ;
       }
       return new Array(x,y);
     }
   }

  function addEvent(obj, eventType, fn, useCapture) {
    if (obj.addEventListener) {
      obj.addEventListener(eventType, fn, useCapture);
      return true;
    } else {
      if (obj.attachEvent) {
        var r = obj.attachEvent("on"+eventTpe, fn);
        return r;
      }
    }
  }

  var mousePos = null;
  var winSize = null;
  var toolTip = null;
  var windowLeftId = null;
  var windowTopId = null;
  var windowBottomId = null;
  window.onresize = windowResize;

  function windowResize( )
  {
    winSize = {
      x: ( document.body.clientWidth ) ?
        document.body.clientWidth : window.innerWidth ,
      y: ( document.body.clientHeight ) ?
        document.body.clientHeight : window.innerHeight
    }
  }
  

  ////////////////////////////////////////////////////////////////////////
  // Voor het uitklappen van een table                                  //
  ////////////////////////////////////////////////////////////////////////
  function toggle_menu(objID,img) {
    var obj = document.getElementById(objID);
    if (obj && obj.style.display == 'none') {
      obj.style.display = 'block';
	  img.setAttribute('src', 'images/icons/bullet_arrow_up.png');
    } else {
      obj.style.display = 'none';
	  img.setAttribute('src', 'images/icons/bullet_arrow_down.png');
    }
  }

  ////////////////////////////////////////////////////////////////////////
  // Voor het plaatsen van een infobox in het midden van het scherm     //
  ////////////////////////////////////////////////////////////////////////
  var boxsOpen = 0;
  var showBoxObjID;
  function showBox(objID) {
    if (document.getElementById(objID).style.display == '' || document.getElementById(objID).style.display == 'none') {
      var boxDiv = document.createElement('div');
      boxDiv.setAttribute('id', 'showBox');
      document.body.appendChild(boxDiv);
      object = document.getElementById('showBox');
      showBoxObjID = objID
      var temp = document.documentElement.scrollHeight;
      object.style.height = temp + 'px';
      fadeUp(0, 75, 75);
      boxsOpen++;
    } else {
      document.getElementById(objID).style.display = 'none';
      boxsOpen--;
      if (boxsOpen <= 0) {
        fadeDown(75, 0, 75);
      }
    }
  }

  function removeBoxInfo() {
    document.body.removeChild(document.getElementById('showBox'));
  }

  function getWindowOffSet(type) {
    var height = document.documentElement.clientHeight;
    var width = document.documentElement.clientWidth;
    if (type == 'width') {
      var temp = width;
    } else {
      var temp = height;
    }
    return temp;
  }

  function getOffsetObject(objID, type) {
    var width = parseInt(document.getElementById(objID).style.width);
    var height = parseInt(document.getElementById(objID).style.height);
    if (type == 'width') {
      var temp = width;
    } else {
      var temp = height;
    }
    return temp;
  }

  function showBoxInfo() {
    tempObj = document.getElementById(showBoxObjID).style;
    var screenPosX = getWindowOffSet('width') / 2 - getOffsetObject(showBoxObjID, 'width') / 2;
    var screenPosY = getWindowOffSet('height') / 2 - getOffsetObject(showBoxObjID, 'height') / 2;
    tempObj.display = 'block';
    tempObj.position = 'absolute';
    tempObj.top = screenPosY + 'px';
    tempObj.left = screenPosX + 'px';
  }

  function opacObj(opacity) { 
    object.style.opacity = (opacity / 100); 
    object.style.MozOpacity = (opacity / 100); 
    object.style.KhtmlOpacity = (opacity / 100); 
    object.style.filter = "alpha(opacity=" + opacity + ")";
  } 

  function fadeUp(fadeStart, fadeStop, fadeStep)
  {
    var intFade = fadeStart + fadeStep;
    if (intFade > fadeStop) {
      intFade = fadeStop;
    }
    var temp = 'fadeUp(' + intFade + ',' + fadeStop + ',' + fadeStep + ')';
    opacObj(intFade);
    if (intFade < fadeStop) {
      setTimeout(temp, 20);
    } else {
      showBoxInfo();
    }
  }

  function fadeDown(fadeStart, fadeStop, fadeStep)
  {
    var intFade = fadeStart - fadeStep;
    if (intFade < fadeStop) {
      intFade = fadeStop;
    }
    var temp = 'fadeDown(' + intFade + ',' + fadeStop + ',' + fadeStep + ')';
    opacObj(intFade);
    if (intFade > fadeStop) {
      setTimeout(temp, 20);
    } else {
      removeBoxInfo();
    }
  }