$(function() {
  loadImageHandling();
  $('a.thickbox').thickbox();
  randomBanner($('div#wrapper > img').size());
});

function randomBanner(totalNum){
		
    var rndNum = Math.floor(Math.random() * totalNum) + 1;
    
    $('#bannerimage_'+rndNum).show();

}

function loadImageHandling() {

  $('.images > div').each(function() {
    var imageNumber = $('.images').children('div').index($(this)) + 1;
    if(imageNumber == 1) changeImage(this);
  });

  $('.videos > div').each(function() {
    var imageNumber = $('.videos').children('div').index($(this)) + 1;
    if(imageNumber == 1) changeVideo(this);
  });
  
  $('.images > div').add('.download-block > div').click(function() {
    if($(this).children('a').length == 1) window.location = $(this).children('a').attr("href");
    changeImage(this);
  });
  
  $('.videos > div').click(function() {
    changeVideo($(this));
  });
  
}

function changeImage(object) {
  var imageNumber = $('.images').children('div').index($(object)) + 1;
  var mediumImageSrc = $(object).find('span.medium').text();
  var largeImageSrc = $(object).find('span.large').text();
  $('.preview-img img').attr('src',mediumImageSrc);
  $('.preview-img a').attr('href',largeImageSrc);
  $('.preview-img > div:first').show();
  $('.preview-img > div:gt(0)').hide();
  $('.preview-img > div:eq('+imageNumber+')').show();
}

function changeImage2(m_src,h_src,pos) {
  $('.preview-img img').attr('src',m_src);
  $('.preview-img a').attr('href',h_src);
  $('.preview-img > div:first').show();
  $('.preview-img > div:gt(0)').hide();
  $('.preview-img > div:eq('+pos+')').show();
}

function changeVideo(object) {
  var imageNumber = $('.videos').children('div').index($(object)) + 1;
  var ytLink      = 'http://www.youtube-nocookie.com/v/'+$(object).children('.yt-link').text()+'&hl=nl&fs=1&rel=0';
  $('.view-video > div').hide();
  $('.view-video > div:eq('+imageNumber+')').show();
  $('.view-video > div:eq(0)').show().html('<object width="380" height="260"><param name="movie" value="'+ytLink+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+ytLink+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="380" height="260"></embed></object>');
}