function doResize() {
  var pageDimensions = document.viewport.getDimensions();
  var divWidth = pageDimensions.width;
  
  $('background-content').hide();
  pageDimensions.height = window.innerHeight ? (window.innerHeight + (window.scrollMaxY || 0)) : document.documentElement.clientHeight; 
  $('background-content').show();
  
  var body = $$('body').first();
  
  //console.log('page: ',pageDimensions.width + 'x' + pageDimensions.height);
  //console.log('body: ',body.clientWidth + 'x' + body.clientHeight);
  
  var divHeight = pageDimensions.height - Position.page($('background-content'))[1];  
  var imageHeight = pageDimensions.height - Position.page($('background-content'))[1];
  var imageWidth = pageDimensions.width;

  if (divWidth < 800) {
    divWidth = 800;
  } 
  if (divHeight < 400) {
    divHeight = 400;
  }

  imageWidth = imageHeight * 800/400;
  if (imageWidth < divWidth) {
    imageWidth = divWidth;
    imageHeight = imageWidth * 400/800;
  }
  
  if (imageHeight < divHeight) {
    imageHeight = divHeight;
    imageWidth = imageHeight * 800/400;
  }
  
//$('content').setStyle({width:divWidth - 23 + "px"})
  $('bg').setStyle({visibility:"visible", width:imageWidth + "px", height:imageHeight + "px"});
  $('background-content').setStyle({width:divWidth + "px", height:divHeight + "px", display:"block"});
}


Event.observe(window,'resize',doResize);    




document.observe('dom:loaded', function(){
  doResize();
  $$('div#header a, div#sub-nav a, div#cities a').each(function(img){
    img.observe('mouseover', img.setStyle.curry({opacity:.6}));
    img.observe('mouseout', img.setStyle.curry({opacity:1}));
    img.setStyle({opacity:0.99}).setStyle({opacity:1}); // nudge IE6
  });
  $$('h3').each(function(header){
    header.setStyle({opacity:0.99}).setStyle({opacity:1}); // nudge IE6
  });
});