var et_toggleElements = [];
var currentTeaser = -1;
var nextTeaserOn = true;

/* Initialisation */
function et_init() {
  if(!document.getElementById('teaser')) return false;
  var i, link, id, target, targetlink, first;
  first = true;
  for(i = 0; (link = document.getElementById('teaser').getElementsByTagName('ul')[0].getElementsByTagName('a')[i]); i++){
    id = link.href.split('#')[1];
    target = document.getElementById(id);

    et_toggleElements[et_toggleElements.length] = target;
    if (first) {
      first = false;
    } else {
      target.style.display = 'none';
    }
    link.onmouseover = et_toggle;
    link.onfocus = et_toggle; // accessibility!
    link.onmouseout = function() {
      nextTeaserOn=true;
    }

    targetlink = target.getElementsByTagName('a')[0];

//    target.getElementsByTagName('p')[0].removeChild(targetlink);
    target.getElementsByTagName('p')[0];
    setonclick(targetlink.href,target,link);
    target.onmouseover = function(){
      this.className = "hover";
      nextTeaserOn=false;
    }
    target.onmouseout = function(){
      this.className = "";
      nextTeaserOn=true;
    }
  }
}

function setonclick(targetlink,target,link){
  target.onclick = function(){ window.location = targetlink;return false;};
  link.onclick = function(){ window.location = targetlink; return false;};
}

function et_toggle(e){
 nextTeaserOn=false;
 if (typeof e == 'undefined') {
  var e = window.event;
 }
 var source;
 if (typeof e.target != 'undefined') {
  source = e.target;
 } else if (typeof e.srcElement != 'undefined') {
  source = e.srcElement;
 } else {
  return true;
 }
 // Safari workaround...
 if (source.nodeType == 3) {
  source = source.parentNode;
 }
 var id = source.href.split('#')[1];
 var elem;
 for (var i = 0; (elem = et_toggleElements[i]); i++) {
  if(elem.id != id) {
   elem.style.display = 'none';
   (document.getElementById('teaser').getElementsByTagName('ul')[0].getElementsByTagName('a')[i]).className='';
  }else{
   elem.style.display = 'block';
   (document.getElementById('teaser').getElementsByTagName('ul')[0].getElementsByTagName('a')[i]).className='selected';
   currentTeaser=i;
  }
 }
 return false;
}

/** laat de volgende teaser zien */
function nextTeaser(){
  if(nextTeaserOn) {
    currentTeaser=(++currentTeaser)%et_toggleElements.length;
    if(isNaN(currentTeaser)) currentTeaser=0; // Goore IE hack
    for (var i = 0; (elem = et_toggleElements[i]); i++) {
      if(i == currentTeaser) {
        (document.getElementById('teaser').getElementsByTagName('ul')[0].getElementsByTagName('a')[i]).className='selected';
        elem.style.display = 'block';
      } else {
        (document.getElementById('teaser').getElementsByTagName('ul')[0].getElementsByTagName('a')[i]).className='';
        elem.style.display = 'none';
      }
    }
  }
  setTimeout('nextTeaser()',6000);
}

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

addEvent(window, 'load', et_init);
addEvent(window, 'load', nextTeaser);