/**
 * @author B.Wikkeling
 */

var roeleer1_images = [];

function init(){
  loadComponent('roeleerartikelen', {afterFunc: activateRoeleerObj});
}

function activateRoeleerObj() {
  var elements = document.getElementById('alleRoeleerImages');
  if (elements) {
  	eval(document.getElementById('alleRoeleerImages').innerHTML);
  	roeleerObj(document.getElementById('roeleerhome'), roeleer1_images);
  }
}

function roeleerObj(elt, images) {
  var parent = getParentByClassName(elt, 'modules');
  var isSmall = hasClass(parent, 'klein');
  var eWidth = isSmall ? 347 : 468;
  var timer = null;
  var interval = 6000;
  var n = -1;
  var items = elt.getElementsByTagName("A");

  var image = elt.getElementsByTagName("IMG")[0];
  var ul = elt.getElementsByTagName("UL")[0];

  for (i=0; i<items.length; i++) {
    items[i].onmouseover = mouseoverProducer(i);
    items[i].onmouseout  = mouseoutProducer(i);
    items[i].itemnr = i;
    preFetch(getImageTop(images[i]));
    preFetch(getImageBottom(images[i]));
  }
  next();
  timer = setInterval(next, interval);

  function next() {
    n = (n+1) % items.length;
    draw(n);
  }
  function draw(n) {
    for (i=0; i<items.length; i++)
      removeClass(items[i], 'actief');
    addClass(items[n], 'actief');
    image.src = getImageTop(images[n]);
    ul.style.backgroundImage = "url('"+getImageBottom(images[n])+"')";
  }
  function mouseoverProducer(i) {
    return function(evt) {
      var o = (evt && evt.target) || window.event.srcElement;
      if (o.tagName == "A") {
        clearTimeout(timer);
        n = o.itemnr;
        draw(n);
      }
    };
  }
  function mouseoutProducer(i) {
    return function(evt) {
      var o = (evt && evt.target) || window.event.srcElement;
      if (o.tagName == "A") {
        timer = setInterval(next, interval);
      }
    }
  }
  function getImageTop(url) {
    if (url == '')
      url = "http://images.vpro.nl/images/13071556";
    return url +'+s(x350)+part(0x0x'+eWidth+'x205)+s(!'+eWidth+'x!205)';
  }
  function getImageBottom(url) {
    if (url == '')
      url = "http://images.vpro.nl/images/13071556";
    return url+"+s(x350)+part(0x205x"+eWidth+"x305)+blur(20)+colorizehex(cccccc)+s(!"+eWidth+"x!105)";
  }
}