function initMpWidget(options) {
  if (typeof $ == "undefined")
    document.write("<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js\" type=\"text/javascript\"></script>");
  setTimeout(function(){
    mpStart();
  },500);
}

function mpStart()
{
  var mpImages = [];
  var mpImageIndex = 0;
  var fadeDuration = 500;
  var slideDuration = 600;
  var timer = 5000;
  var timerref = null;

   mpGetImages();
   toggleTimer(true);

   $("#animatie").hover(
   //bij hover animatie stoppen
     function(){
       toggleTimer(false);
       setTimeout(function() {
         toggleTimer(false);
       },slideDuration);
     },
     function(){
       //bij unhover animatie weer starten
        toggleTimer(true);
     }
   );

  function toggleTimer(toggle)
  {
    if(timer > 0)
    {
      //console.log('toggleTimer'+timer+toggle);
      clearInterval(timerref);
      if(toggle)
        timerref = setInterval( function(){nextmpImage();},timer );
    }
  }

  function mpGetImages()
  {
    $.ajax({
      type: "GET",
      url: "/wp-content/themes/marcopolo/getimages.php",
      dataType:"json",
      cache:false,
      success: function(data){
        mpImages = data;
        viewmpImage(data[0]);
        //console.log(data);
      }
    });
  }

  function viewmpImage(mpImage)
  {
    var mpImage_ = '<img src="'+ mpImage +'" alt=""/>';
    $("#animatie").html(mpImage_);
    //console.log(mpImage_);
  }

  function nextmpImage()
  {
    if (mpImageIndex < mpImages.length-1)
    {
      $("#animatie").fadeOut(fadeDuration,function(){
        viewmpImage(mpImages[mpImageIndex+1]);
        mpImageIndex++;
        $("#animatie").fadeIn(fadeDuration);
      });
    } else { rewind(); }
  }

  function prevmpImage()
  {
    if (mpImageIndex > 0)
    {
      $("#animatie").fadeOut(fadeDuration,function(){
        viewmpImage(mpImages[mpImageIndex-1])
        mpImageIndex--;
      });
    } else { forward(); }
  }

  function rewind()
  {
    $("#animatie").fadeOut(fadeDuration,function(){
      viewmpImage(mpImages[0])
      mpImageIndex = 0;
    });
  }
  function forward()
  {
    $("#animatie").fadeOut(fadeDuration,function(){
      viewmpImage(mpImages[mpImages.length - 1]);
      mpImageIndex = mpImages.length - 1;
    });
  }
}