// Background images to load / randomise

var images = ['images/primeEducation_01.jpg'];

var oldImage = '';

(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var imgs = arguments[0];
    $(imgs).each(function() {
      var cacheImage = document.createElement('img');
      cacheImage.src = this;
      cache.push(cacheImage);      
    });
  }
})(jQuery);

$(function() {   
  
  $('#reloadLink').click(handleReloadClick);
  loadRandomImage();  
  // Preload images  
  jQuery.preLoadImages(images);
	
  var win = $(window);
  var $bg = $("#bg");
  //var aspectRatio = $bg.width() / $bg.height();
  var aspectRatio = 1600 / 950;
    
  function resizeBg() {
  
    if((win.width() / win.height()) < aspectRatio){
      $bg
      .removeClass()
      .addClass('bgheight');
    }
    else{
      $bg
      .removeClass()
      .addClass('bgwidth');
    }
  }
  
  win.resize(function() {
    resizeBg();
  }).trigger("resize");
});

function loadRandomImage() {
  
	var imageCount = images.length;
	var randomImage = images[Math.floor(Math.random()*imageCount)];
	
	if(randomImage != oldImage) {
  	$('#bg')[0].src = randomImage;
  	oldImage = randomImage;
	}
	else {
	  loadRandomImage();   
	}
}

function handleReloadClick(event) {
  event.preventDefault();

  $('#bg').fadeOut('fast', function() {
    loadRandomImage();
    $(this).fadeIn('fast');
  });
  
  return false;
}