function initanims()
{
/*
  var settings = { container: document.getElementById('contentheaderimg')
                 , imagelist: productbanners

                 , initialpos:        0
                 , algorithm:         "sinus"
                 , algorithm_factor:  0.5
                 , effect:            "west"
                 , animationinterval: 50
                 , animationspeed:    25
                 , waitinterval:      5000
                 , onfinishslide:     contentheaderslidein_finish
                 , loadfirstimage:    true
                 }

  myslideshow = new whSlideshow(settings);
*/

  var settings = { container: document.getElementById('headerslidecontainer')
                 , imagelist: imgsets[0].imagelist
                 , initialpos:        0
                 , algorithm:         "sinus"
                 , algorithm_factor:  0.5
                 , effect:            "fade"
                 , animationinterval: 50
                 , animationspeed:    70
                 , waitinterval:      3000
                 , onfinishslide:     function() { } //header_slidein_finish
                 , loadfirstimage:    false
                 }

  myslideshow2 = new whSlideshow(settings);
  header_updateselector(0);
}

/*
function contentheaderslidein_finish(pos)
{
  for(var i=0;i<productbanners.length;++i)
    document.getElementById('button'+i).className = pos==i? 'bolletje_actief' : 'bolletje';

  document.getElementById('productbannerlink').href = productbanners[pos].href;
}

function contentheader_gotoslide(pos)
{
  myslideshow.gotoSlide(pos,true);
}
*/


function header_updateselector(setnum)
{
  window.currentheaderset = setnum;

  var selector = document.createElement('div');
  selector.id = 'headerselection';
  selector.className = 'slideselection';

  var imagelist = imgsets[setnum].imagelist;

  for(var bolletje=0; bolletje<imagelist.length; bolletje++)
  {
    var bolnode = document.createElement('div');
    bolnode.id = 'hdr_bol'+bolletje;
    bolnode.className = 'bolletje';
    bolnode.setAttribute('onclick', 'header_gotoslide('+bolletje+');');
    selector.appendChild(bolnode);
  }

  var nodesel = document.getElementById('headerselection');
  if (nodesel)
    nodesel.parentNode.replaceChild(selector, nodesel);
  else
    document.getElementById('header').appendChild(selector);

  header_slidein_finish(0); // FIXME: name of function
}

function header_slidein_finish(pos)
{
  for(var i=0;i<imgsets[currentheaderset].imagelist.length;++i)
    document.getElementById('hdr_bol'+i).className = pos==i? 'bolletje_actief' : 'bolletje';
}

function header_selectset(setnum)
{
  header_updateselector(setnum);
  myslideshow2.setImageList(imgsets[setnum].imagelist);
  myslideshow2.gotoSlide(0);
}

function header_gotoslide(slide)
{
  myslideshow2.gotoSlide(slide);
}