// Jeff
// www.huntingground.freeserve.co.uk

// ********** User Defining Area **********
// add onload="initHIS3()" to the opening BODY tag

var data, pic0, imgPlaces, imgWidth, imgHeight, imgSpacer, dir, newWindow, moz, step, timer, speed, nextPic, initPos, nowDivPos, timer;

data = [
	["/images/client_01.png","24 Hour Fitness USA, Inc.","pic10.jpg"],
	["/images/client_02.png","Whole Foods Market IP, L.P.",""],
	["/images/client_03.png","PetSmart Store Support Group, Inc.",""],
	["/images/client_04.png","L.A. Fitness International, LLC.",""],
	["/images/client_05.png","Fresh & Easy Neighborhood Market Inc.",""],
	["/images/client_06.png","Hardee's CKE Restaurants, Inc.",""],
	["/images/client_07.png","Brinker International",""],
	["/images/client_08.png","Brookshire Grocery Company",""],
	["/images/client_09.png","Cajun Operating Company, under license by Cajun Funding Corp.",""],
	["/images/client_10.png","GreenbergFarrow",""],
	["/images/client_11.png","In-N-Out Burger",""],
	["/images/client_12.png","Menemsha Development Group, Inc.",""],
	["/images/client_13.png","Raley's Family of Fine Stores",""],
	["/images/client_14.png","GURU DENIM, INC",""],
	["/images/client_24.png","Lewis Retail Centers",""],
	["/images/client_17.png","SSP America",""],
	["/images/client_25.png","Noodles",""],
	["/images/client_26.png","Carl's JR CKE Restaurants, Inc.",""],
	["/images/client_27.png","Anna's Linens",""],
	["/images/client_morrissey.png","Morrissey Construction Company",""],
	["/images/client_unispace.png","Unispace",""],
	["/images/client_bergman.png","Bergman Architecture",""],
	["/images/client_15.png","TD Bank",""],
	["/images/client_fm.png","Facility Maintenance",""]

 // no comma at end of last index
];

imgPlaces =   5; // number of images visible
imgWidth  = 150; // width of the images
imgHeight =  69; // height of the images
imgSpacer =  15; // space between the images

dir = 0; // 0 = left, 1 = right

newWindow = 1; // 0 = Open a new window for links 0 = no  1 = yes

// ********** End User Defining Area **********

moz = document.getElementById && !document.all;

step      = 1;
timer     = "";
speed     = 21;
nextPic   = 0;
initPos   = [];
nowDivPos = [];

function initHIS3() {
	var i, newImg, nis, containerEL, displayArea, containerBorder, imgPos, currentImage;

	// create image holders
	for (i = 0; i< imgPlaces + 1; i++) {
		newImg = document.createElement("IMG");
		newImg.setAttribute("id", "pic_" + i);
		newImg.setAttribute("src", "");
		nis = newImg.style;
		nis.position = "absolute";
		nis.width  = nis.minWidth  =  imgWidth + "px";
		nis.height = nis.minHeight = imgHeight + "px";
		nis.border = 0;
		newImg.alt = "";
		newImg.title = "";
		newImg.i = i; // for this.i in the onclick handlers
		newImg.onclick = function(){ his3Win(data[this.i][2]) };
		document.getElementById("display_area").appendChild(newImg);
	}

	containerEL = document.getElementById("his3container");
	displayArea = document.getElementById("display_area");
	pic0 = document.getElementById("pic_0");

	containerBorder = (document.compatMode == "CSS1Compat" ? 0 : parseInt(containerEL.style.borderWidth) * 2);
	containerWidth = (imgPlaces * imgWidth) + ((imgPlaces - 1) * imgSpacer);
	containerEL.style.width = containerWidth + (!moz ? containerBorder : "") + "px";
	containerEL.style.height = imgHeight + (!moz ? containerBorder : "") + "px";

	displayArea.style.width = containerWidth + "px";
	displayArea.style.clip = "rect(0," + (containerWidth + "px") + "," + (imgHeight + "px") + ",0)";
	displayArea.onmouseover = function(){ stopHIS3(); };
	displayArea.onmouseout  = function(){ scrollHIS3(); };

	// add in delay to all screen to repaint
	window.setTimeout(function() {

		imgPos = -pic0.width;

		for (i = 0; i < imgPlaces + 1; i++) {
			currentImage = document.getElementById("pic_" + i);

			if (dir == 0) {
				// if left
				imgPos += pic0.width + imgSpacer;
			}

			initPos[i] = imgPos;

			if (dir == 0) {
				// if left
				currentImage.style.left = initPos[i] + "px";
			} else if (dir == 1) {
				// if right
				document.getElementById("pic_" + (imgPlaces - i)).style.left = initPos[i] + "px";
				imgPos += pic0.width + imgSpacer;
			}

			if (nextPic == data.length) {
				nextPic = 0;
			}

			currentImage.src = data[nextPic][0];
			currentImage.alt = data[nextPic][1];
			currentImage.title = data[nextPic][1];
			currentImage.i = nextPic;
			currentImage.onclick = function(){ his3Win(data[this.i][2]); };
			nextPic++;
		}

		scrollHIS3();
	}, 100);
}

function scrollHIS3(){
	var currentImage;

	if (timer) {
		window.clearTimeout(timer);
	}

	for (var i = 0; i < imgPlaces + 1; i++) {
		currentImage = document.getElementById("pic_" + i);

		nowDivPos[i] = parseInt(currentImage.style.left);

		if (dir == 0) {
			nowDivPos[i] -= step;
		} else if (dir == 1) {
			nowDivPos[i] += step;
		}

		if (dir == 0 && nowDivPos[i] <= -(pic0.width + imgSpacer) || dir == 1 && nowDivPos[i] > containerWidth) {

			if (dir == 0) {
				currentImage.style.left = containerWidth + imgSpacer + "px";
			} else if (dir == 1) {
				currentImage.style.left = -pic0.width - (imgSpacer * 2) + "px";
			}

			if (nextPic > data.length - 1) {
				nextPic = 0;
			}

			currentImage.src = data[nextPic][0];
			currentImage.alt = data[nextPic][1];
			currentImage.title = data[nextPic][1];
			currentImage.i = nextPic;
			currentImage.onclick = function(){ his3Win(data[this.i][2]); };

			nextPic++;
		} else {
			currentImage.style.left = nowDivPos[i] + "px";
		}

	}
	timer = window.setTimeout(scrollHIS3, speed);
}

function stopHIS3() {
	if (timer) {
		window.clearTimeout(timer);
	}
}

function his3Win(loc) {
	if (!loc) {
		return;
	}

	if (newWindow == 0) {
		window.location.href = loc;
	} else {
		//window.open(loc)
		var newin = window.open(loc, 'win1', 'left=430,top=340,width=300,height=300'); // use for specific size and positioned window
		newin.focus();
	}
}