document.observe("dom:loaded", function() {
  var img = $('splash_img');
  img.hide();
  var screens = 4;
  var randomNumber = Math.ceil(screens * Math.random());
  var splash = '/images/site/splash0' + randomNumber + '.jpg';
  img.src = splash;
});

function scaleImage() {
  var img = $('splash_img');
  var winW = document.viewport.getWidth();
  var winH = document.viewport.getHeight();
  var imgW = img.getWidth();
  var imgH = img.getHeight();
  var winRatio = winW/winH;
  var imgRatio = imgW/imgH;
  
  if (winRatio <= imgRatio) {
    var resizedH = winH;
    var resizedW = Math.round(winH * (imgW/imgH));
  } else {
    var resizedH = Math.round(winW * (imgH/imgW));
    var resizedW = winW;
  }
  img.setAttribute('width',resizedW);
  img.setAttribute('height',resizedH);
}

function preloadNav() {
  var logo = new Image();
  logo.src = '/images/site/gregelms.gif';
  var img = [];
  var nav = ['food','people','places','books','bio','sfs','contact'];
  for (i=0; i<nav.length; i++) {
    img[i] = new Image();
    img[i].src = '/images/site/nv_' + nav[i] + '.gif';
  }
}

function resizeWindow(width, height) {
  var splash = $('splash');
  var outerWidth = width;
  var outerHeight = height;
  if (splash) {
    var preWidth = splash.offsetWidth;
    var preHeight = splash.offsetHeight;
    window.resizeTo(preWidth,preHeight);
    var postWidth = splash.offsetWidth;
    var postHeight = splash.offsetHeight;
    outerWidth = width + (preWidth-postWidth);
    outerHeight = height + (preHeight-postHeight);
  }
  window.resizeTo(outerWidth, outerHeight);
}

window.onload = function() {
  $('splash_img').appear({duration: 0.5});
  // dont resize ie6 and below
  if (typeof document.body.style.maxHeight != "undefined") {
    resizeWindow(1160, 760);
  }
  scaleImage();
  preloadNav();
}

Event.observe(window, 'resize', function(e){
  scaleImage();
});