var config = {
  containerId : "flashcontent",
  alternativeContentId : "noflash-o",
  minWidth : 1000,
  minHeight : 650,
  minFlashVersion: 8,
  flashFilePath: "main.swf",
  flashInstallPath: "expressInstall.swf",
  scrollBarWidth: 25,
  isIE: Browser.Engine.trident,
  flashVar: getFlashVersion(),
  flashArea: (document.documentElement && document.compatMode == 'CSS1Compat') ? document.documentElement : document.body
}


function getFlashVersion(){
    var fv = Browser.Plugins.Flash.version;
    return fv;
}


function getWindowSize(){
  return window.getSize();
}


function setElementVisible(id){
    if($(id)){
      $(id).setStyle('visibility','visible');
    }
}


function changeContainerDimentions(){

  var wSize = getWindowSize();
    
  if (wSize.x < config.minWidth){
    $(config.containerId).setStyle('width', (config.minWidth + config.scrollBarWidth) + 'px');
    if(config.isIE){
      config.flashArea.style.overflowX = 'scroll';
    }
  } else {
    if(config.isIE){
      config.flashArea.style.overflowX = 'visible';
    }
    $(config.containerId).setStyle('width', '100%');
  }

  if (wSize.y < config.minHeight){
    $(config.containerId).setStyle('height', config.minHeight + 'px');
    if(config.isIE){
      config.flashArea.style.overflowY = 'scroll';
    }
  } else {
    if(config.isIE){
      config.flashArea.style.overflowY = 'visible';
    }
    $(config.containerId).setStyle('height', '100%');
  }
  
}


window.addEvent('domready', function() {

  changeContainerDimentions();
  setElementVisible(config.alternativeContentId);

  if( config.flashVar > 0){
    if( config.flashVar < config.minFlashVersion ){
      $(config.containerId).setStyle('background-color','#B3B3B3');
      var obj = new Swiff(config.flashInstallPath, {
          id: 'flashInstall',
          width: '100%',
          height: '100%',
          container: config.containerId
      });   
    }
  }



  window.addEvent('resize', function() {
        changeContainerDimentions();
  });


});