// JavaScript Document

var currentBanner = 1;
var nextBanner = 2;
var bannerAnim = null;

function innitBanner(){
	bannerAnim = setInterval("animateBanner()", 5000);
	var preImg2 = new Image(100,100); 
	preImg2.src="images-101/highway-hawk-banner-image.jpg";
	var preImg3 = new Image(100,100); 
	preImg3.src="images-101/simpson-banner.jpg";
	var preImg4 = new Image(100,100); 
	preImg4.src="images-101/viper-banner.jpg";
	var preImg5 = new Image(100,100); 
	preImg5.src="images-101/ztechnik-banner.jpg";
}

function animateBanner(){
	clearInterval (bannerAnim);
	nextBanner = currentBanner + 1;
	if(nextBanner > 5) nextBanner = 1;
	fadeOut = document.getElementById("bannerItem" + currentBanner).style;
	fadeOut.zIndex = 1;
	fadeIn = document.getElementById("bannerItem" + nextBanner).style;
	fadeIn.zIndex = 2;
	fade = 0;
	bannerAnim = setInterval("doCrossFade()",50);
}
var fadeOut = null;
var fadeIn = null;
var fade = 0;
function doCrossFade(){
	fade = fade + 20;
	//FireFox
//	fadeOut.opacity = ((100 - fade)/ 100);
	fadeIn.opacity = (fade / 100);
	//IE
//	fadeOut.filter  = "alpha(opacity=" + (100 - fade) + ")";
	fadeIn.filter  = "alpha(opacity=" + fade + ")";
	if (fade == 20){
		fadeIn.display = "block";
	}
	if (fade == 100){
		fadeOut.display = "none";
		clearInterval (bannerAnim);
		currentBanner = nextBanner;
		bannerAnim = setInterval("animateBanner()", 5000);
	}
}