//preload banner images
if (document.images) {
  pic1= new Image(690,137); 
  pic1.src="images/banner-01.jpg"; 			
  pic2= new Image(690,137); 
  pic2.src="images/banner-00.jpg";
};

//Pause Times
var pauseTime0 = 2500;
var pauseTime1 = 1000;
var pauseTime2 = 5200;
var outputObj;

//Initialize the banner on page load
Event.observe(window, "load", function() {

	//preload other banner images after page load
	pic3= new Image(690,137); 
	pic3.src="images/banner-02.jpg"; 
	pic4= new Image(690,137); 
	pic4.src="images/banner-00.gif";

	/*Effect.Fade('bannerImg');*/
	setTimeout("bannerStart(0)",0);	
	
});

//Fade out the banner and setup next banner
function bannerFade(num) {
	Effect.Fade('bannerImg', {duration: 1.0});
	
	switch(num) {
		case 1:
			setTimeout("bannerStart(1)",pauseTime1);
			break;
		case 2:
			setTimeout("bannerStart(2)",pauseTime1);
			break;
		case 3:
			setTimeout("bannerStart(3)",pauseTime1);
			break;
		case 4:
			setTimeout("bannerStart(4)",pauseTime1);
			break;
		default:
			setTimeout("bannerStart(0)",pauseTime1);
			break;
	}
}

//Starts a new banner image
function bannerStart(count) {

	var theLink;
	var altText;
	var bannerImg;
	var nextBanner;
		
	switch(count) {
	
		//Banner #1
		case 1: 			
			theLink = "hybrid-commerce.php";
			altText = "Hybrid Commerce";
			bannerImg = "images/banner-02.jpg";
			nextBanner = 2;
			break;
		
		//Banner #2
		case 2:		
			theLink = "design-forge/ecommerce-web-design.php";
			altText = "Design Forge";
			bannerImg = "images/banner-00.gif";
			nextBanner = 3;
			break;	
			
		//Banner #3
		case 3:		
			theLink = "ecommerce-software.php";
			altText = "Selecting eCommerce Software";
			bannerImg = "images/banner-01.jpg";
			nextBanner = 1;
			break;	
		
		//Default Banner
		default:
			theLink = "ecommerce-software.php";
			altText = "Selecting eCommerce Software";
			bannerImg = "images/banner-01.jpg";
			nextBanner = 0;	
			break;	
	}
	
	//Setup banner components
	document.getElementById('banner').href = theLink;
	document.getElementById('bannerImg').src = bannerImg;
	document.getElementById('bannerImg').alt = altText;
	Effect.Appear('bannerImg');
	
	//Setup next banner image
	switch(nextBanner) {
		case 1: 
			setTimeout("bannerFade(1)",pauseTime2);
			break;
		case 2:
			setTimeout("bannerFade(2)",pauseTime2);
			break;
		case 3:
			setTimeout("bannerFade(3)",pauseTime2);
			break;
		case 4:
			setTimeout("bannerFade(4)",pauseTime2);
			break;
		default:
			setTimeout("bannerFade(1)",pauseTime0);
			break;
	}
	
}
	
function relocate(url) { document.location.href = url; }