<!-- Paste this code into an external JavaScript file named: banner.js.js  -->


/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Lee Underwood :: http://javascript.internet.com/ */

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 2000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var bannerLeft = new Array();
var bannerRight = new Array();

  // Enter the names of the images below
 bannerLeft[0]="url(/Images/LeftBack_Interiors.png)";
 bannerLeft[1]="url(/Images/LeftBack_Exercise.png)";
 bannerLeft[2]="url(/Images/LeftBack_Brooklyn.png)";
 bannerLeft[3]="url(/Images/LeftBack_Family.png)";
 bannerRight[0]="url(/Images/RightBack_Interiors.png)";
 bannerRight[1]="url(/Images/RightBack_Exercise.png)";
 bannerRight[2]="url(/Images/RightBack_Brooklyn.png)";
 bannerRight[3]="url(/Images/RightBack_Family.png)";

var newBannerL = 0;
var newBannerR = 0;
var totalBanL = bannerLeft.length;
var totalBanR = bannerRight.length;

function cycleBan() {
  newBannerL++;
  newBannerR++;
  if (newBannerL == totalBanL) {
    newBannerL = 0;
  }
  if (newBannerR == totalBanR) {
    newBannerR = 0;
  }
  document.getElementById("leftInner").style.background = bannerLeft[newBannerL];
  document.getElementById("leftInner").style.backgroundPosition = 'bottom';
  //document.getElementById("leftInner").style.backgroundHeight = '536px';
  document.getElementById("rightInner").style.background = bannerRight[newBannerR];
    document.getElementById("rightInner").style.backgroundPosition = 'bottom';
  // set the time below for length of image display
  // i.e., "4*1000" is 4 seconds
  setTimeout("cycleBan()", 5*1000);
}

window.onload=cycleBan;