var gallery = new Array();
var currentActive = false;

function getPosition(e) {
    e = e || window.event;
    var cursor = {x:0, y:0};
    if (e.pageX || e.pageY) {
        cursor.x = e.pageX;
        cursor.y = e.pageY;
    } 
    else {
        var de = document.documentElement;
        var b = document.body;
        cursor.x = e.clientX + 
            (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0);
        cursor.y = e.clientY + 
            (de.scrollTop || b.scrollTop) - (de.clientTop || 0);
    }
    return cursor;
}

function initGallery(img1, img2, img3) {
  gallery[1] = img1;
  gallery[2] = img2;
  gallery[3] = img3;
}

function setImage(id, thumbId, imgNr) {
  e = document.getElementById(id);
  if (e) {
    e.src = gallery[imgNr];
  }
  if (currentActive) {
    e = document.getElementById(currentActive);
    e.className = 'scaledImage';
  }
  e = document.getElementById(thumbId);
  if (e) {
    e.className = 'scaledImageMouseOver';
    currentActive = thumbId;
  }
  return false;
}

function showBigPopUp(state) {
  e = document.getElementById('bigPopUp');
  if (e) {
    if (state) {
      e.style.visibility = 'visible';
    } else {
      e.style.visibility = 'hidden';
    }
  }
  return false;
}

function loadBigPopUp(url, ev) {
   var cursor = getPosition(ev);
   var e = document.getElementById('popupImg');
   if (e) {
       e.innerHTML = "<img src='" + url + "' border='0'>";
   }
   e = document.getElementById('bigPopUp');
   if (e) {
       e.style.left = (cursor.x - 100) + 'px';
       e.style.top = (cursor.y - 200) + 'px';
   }
   return false;
}

function tm_mo(img_id,img) {
     document.getElementById(img_id).src = img;
}

var keepScrolling = false;
var curOffset = 0;
var tekstItem = false;
var divScroll = 338;

function doScroll(offset) {
  if (keepScrolling) {
    if (offset < 0) if (curOffset >= -offset) curOffset += offset;
    if (offset > 0) if (curOffset < divScroll - offset) curOffset += offset;
    tekstItem.scrollTop = curOffset;
    if (curOffset > 1 &&
        curOffset < divScroll) {
      setTimeout('doScroll('+offset+')', 10);
    } else {
      stopScroll();
    }
  }
}

function startScroll(direction) {
  tekstItem = document.getElementById('namenlijst');
  if (tekstItem && divScroll > 0) {
    if (direction == 0) { // UP
      keepScrolling = true;
      doScroll(-2);
    } else { // DOWN
      keepScrolling = true;
      doScroll(2);
    }
  }
}

function stopScroll() {
  keepScrolling = false;
}

function initScroll(s) {
  divScroll = s;
  curOffset = 0;
}

function getreq () {
  if (window.XMLHttpRequest) return new XMLHttpRequest();
  else if (window.ActiveXObject) return new ActiveXObject("Microsoft.XMLHTTP");
}

function goVIP(url, id) {
    var req = getreq();
    req.open('post', url);
    req.onreadystatechange = function () {
      if (req.readyState==4) {
         if (req.status==200) {
           document.getElementById('vipFoto').innerHTML = req.responseText;
         } else {
           document.getElementById('vipFoto').innerHTML = "Er is een fout opgetreden.";
         }
       }
    }
    req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    req.send('id=' + id); 
}

function setVIPCol(id, state) {
  e = document.getElementById('naam'+id);
  if (e) {
    if (state) {
      e.style.color = '#ffffff';
    } else {
      e.style.color = '#999999';
    }
  }
}

function closeWP() {
  e = document.getElementById('popup');
  if (e) e.style.display = 'none';
}

function rollVacat(id, state) {
   var v1 = document.getElementById('vacat'+id);
   var v2 = document.getElementById('sp'+id);
   var v3 = document.getElementById('job'+id);
   var v4 = document.getElementById('loc'+id);
   if (state) { // on
       if (v4) v4.style.backgroundColor = '#535353';
       if (v2) v2.style.backgroundColor = '#535353';
       if (v3) v3.style.backgroundColor = '#535353';
       if (v1) v1.style.backgroundColor = '#959595';
   } else {
       if (v1) v1.style.backgroundColor = '#383838';
       if (v2) v2.style.backgroundColor = '#383838';
       if (v3) v3.style.backgroundColor = '#383838';
       if (v4) v4.style.backgroundColor = '#383838';
   }
}