var interval = 7000;
var imageNum = 0;
var urlArrayId = 0;

imageArray = new Array();
imageArray[imageNum++] = new imageItem("/banner/look-now-offers.jpg");
imageArray[imageNum++] = new imageItem("/banner/dot1.png");
imageArray[imageNum++] = new imageItem("/banner/arduino.png");
imageArray[imageNum++] = new imageItem("/banner/dot2.png");
imageArray[imageNum++] = new imageItem("/banner/lecroy.png");
imageArray[imageNum++] = new imageItem("/banner/dot3.png");
imageArray[imageNum++] = new imageItem("/banner/dremel.png");
imageArray[imageNum++] = new imageItem("/banner/dot4.png");
imageArray[imageNum++] = new imageItem("/banner/behringer.png");
imageArray[imageNum++] = new imageItem("/banner/dot5.png");

urlArray = new Array();
urlArray[urlArrayId++] = "/SearchResults.aspx?srb=2&dir=0&po=3&pg=1&ps=60&source=hp/";
urlArray[urlArrayId++] = "/arduino?source=hp";
urlArray[urlArrayId++] = "/lecroy-offers?source=hp";
urlArray[urlArrayId++] = "/dremel?source=hp";
urlArray[urlArrayId++] = "/behringer?source=hp";




var totalImages = imageArray.length+2;
imageNum = 0;

var timerID;

function imageItem(image_location) {
	this.image_item = new Image();
	this.image_item.src = image_location;
}

function get_ImageItemLocation(imageObj) {
	return(imageObj.image_item.src)
}

function getNextImage() {
	var new_image = get_ImageItemLocation(imageArray[imageNum]);
	imageNum = (++imageNum) % totalImages;
	if(imageNum > totalImages-3) imageNum = totalImages-(totalImages);
	return(new_image);
}

function getPrevImage() {
	imageNum = (--imageNum) % totalImages;
	if(imageNum < 2) imageNum = totalImages-1;
	var new_image = get_ImageItemLocation(imageArray[imageNum-2]);
	return(new_image);
}
	
function prevImage() {
	
	document['dotImg'].src = getPrevImage();
	document['bannerImg'].src = getPrevImage();
	document.getElementById('bannerLnk').href = urlArray[Math.floor((imageNum-2) / 2)];
	var recur_call = "nextImage()";
	if(timerID != null)
	{
		clearTimeout(timerID);
	}
	timerID = setTimeout(recur_call, interval);
	fadeIn('bannerImg');
	fadeIn('dotImg');
}

function nextImage() {

    document.getElementById('bannerLnk').href = urlArray[Math.floor((imageNum + 2)/ 2) - 1];
	document['bannerImg'].src = getNextImage();
	document['dotImg'].src = getNextImage();
	
	var recur_call = "nextImage()";
	if(timerID != null)
	{
		clearTimeout(timerID);
	}
	timerID = setTimeout(recur_call, interval);
	fadeIn('dotImg');
	fadeIn('bannerImg');
	
}


function getElement(eID) {
	return document.getElementById(eID);
}

function show(eID) {
	getElement(eID).style.display='inline';
}

function hide(eID) {
	getElement(eID).style.display='none';
}

function setOpacity(eID, opacityLevel) {
	var elementStyle = getElement(eID).style;
	elementStyle.opacity = opacityLevel / 100;
	elementStyle.filter = 'alpha(opacity='+opacityLevel+')';
}

function fade(eID, startOpacity, stopOpacity, duration) {
	var speed = Math.round(duration / 100);
	var timer = 0;
	if (startOpacity < stopOpacity){
		for (var i=startOpacity; i<=stopOpacity; i++) {
			setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed);
			timer++;
		} return;
	}
	for (var i=startOpacity; i>=stopOpacity; i--) {
		setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed);
		timer++;
	}
}

function fadeIn(eID) {
	setOpacity(eID, 50);
	show(eID);
	var timer = 0;
	for (var i=50; i<=100; i++) {
		setTimeout("setOpacity('"+eID+"',"+i+")", timer * 5);
		timer++;
	}
}

function fadeOut(eID) {
	var timer = 0;
	for (var i=100; i>=1; i--) {
		setTimeout("setOpacity('"+eID+"',"+i+")", timer * 3);
		timer++;
	}
	setTimeout("hide('"+eID+"')", 300);
}