var repeatTimeout = null;
var theTimeout = null;
var checkDefHide = 0;

var upTime = 6000; //tijd dat de popup verschijnt
var downTime = 12000; //tijd dat de popup verdwijnt

var counter = 0;

doInterval = function(){
  if(counter>=cammers.length)
    counter = 0;
  var img = document.getElementById(linkfoto);
  img.href = cammers[counter].link;
  img.title = cammers[counter].nick;
  img.firstChild.src = cammers[counter].img;
  img.firstChild.alt = cammers[counter].nick;
  var text = document.getElementById(linktext);
  text.innerHTML = cammers[counter].text;
  text.href = cammers[counter].link;

  var link = document.getElementById(linkknop);
  link.href = cammers[counter].link;

  clearTimeout(theTimeout);
  theTimeout = setTimeout(function(){Hide();}, upTime);
  counter++;
};

redoInterval = function(){
      clearTimeout(theTimeout);
      theTimeout = setTimeout(function(){Hide();}, upTime);
};

stopInterval = function(){
      clearTimeout(theTimeout);
};

$(document).ready(function()
{
    $("#popup").mouseover(function() {
          stopInterval();
          return false;
    });
    $("#popup").mouseout(function() {
          if(checkDefHide == 0)
            {
              redoInterval();
              //return false;
            }
          
    });
    
    doInterval();

  // call it onload
  Place("#popup");

  // assure that it gets called when the page resizes
  $(window).resize(function(){
      if(checkDefHide == 0)
        {
          Resize("#popup");
        }
  }); 
});

function Place(selector) {
    var newTop =   $(window).height() - $(selector).height();
    var newLeft =  $(window).width()  - $(selector).width();
    
    $(selector).css({
        'position': 'absolute',
        'left': newLeft,
        'top': $(window).height()
    });
    
    $("#popup").animate({opacity: "show", top: newTop}, "slow");
}

function Hide() {
  $("#popup").animate({opacity: "hide", top: $(window).height()}, "slow");
  
  repeatTimeout = setTimeout("Repeat()", downTime);
}

function HideDef() {
  $("#popup").animate({opacity: "hide", top: $(window).height()}, "fast");
  clearTimeout(repeatTimeout);
  clearTimeout(theTimeout);
  checkDefHide = 1;
}

function Repeat() {
  doInterval();
  Place("#popup");
}

function Resize(selector) {
    var newTop =   $(window).height() - $(selector).height();
    var newLeft =  $(window).width()  - $(selector).width();
    
    $(selector).css({
        'position': 'absolute',
        'left': newLeft,
        'top': newTop
    });
    
    $("#popup").animate({opacity: "show", top: newTop}, "fast");
}