var leftarrow_off = new Image(30, 138);
leftarrow_off.src = "http://www.snopusher.com/portals/63/images/scroller/sl.gif";
var leftarrow_on = new Image(30, 138);
leftarrow_on.src = "http://www.snopusher.com/portals/63/images/scroller/slrl.gif";
var rightarrow_off = new Image(30, 138);
rightarrow_off.src = "http://www.snopusher.com/portals/63/images/scroller/sr.gif";
var rightarrow_on = new Image(30, 138);
rightarrow_on.src = "http://www.snopusher.com/portals/63/images/scroller/srrl.gif";

var numImages;
var thumbnails;
var pics;
var imageNames;
var position;
var scroller;
var scrollTime;
var offset;
var DivNames;

var pixStep = 5;
var timeStep = 20;

var blank = new Image(1,1);
blank.src = "blank.gif";

var browserName = navigator.userAgent.toLowerCase();
var is_ie5 = (browserName.indexOf("msie 5") != -1);

var loading = new Image(230, 23);
loading.src = loading.gif;

function viewImage(i)
{
    var imageNum = (i + offset)%numImages;
	for(var x=0;x<numImages;x++)
	{
		if(x == imageNum)
		{
			document.getElementById(DivNames[x]).style.display="";		
		}
		else
		{
			document.getElementById(DivNames[x]).style.display="none";		
		}
		
	}
	
document.getElementById("placeholder").style.display="none";	
	
	
	
	
	var w = pics[imageNum].width;
	var h = pics[imageNum].height;
	if (is_ie5)
	{
//		var border = document.getElementById("image_viewer").currentStyle["borderWidth"];
		var borderInt = parseInt(border.substring(0, border.length - 2));
		w += 2*borderInt;
		h += 2*borderInt;
	}
//	document.getElementById("image_viewer").style.width = w + "px";
	//if (is_ie5) document.getElementById("loading_msg").style.width = w + "px";
	//document.getElementById("image_viewer").style.height = h + "px";
//	document.getElementById("viewer_image").src = blank.src;
	////document.getElementById("image_viewer_wrapper").style.display = "";
	if (!pics[imageNum].src)
	{
//		pics[imageNum].onload = function() {document.getElementById("viewer_image").src = pics[imageNum].src;}
		pics[imageNum].src = imageNames[imageNum];
	}
	else
	{
		//document.getElementById("viewer_image").src = pics[imageNum].src;
	}
}

function closeView()
{
//	document.getElementById("viewer_image").src = blank.src;
	////document.getElementById("image_viewer_wrapper").style.display = "none";
}

function initScroller()
{
	numImages = 10;
	thumbnails = new Array(numImages);
	pics = new Array(numImages);
	imageNames =  new Array(numImages);
	pics[0] = new Image(499, 312);
	imageNames[0] = "fplfpb.jpg";
    pics[1] = new Image(606, 485);
	imageNames[1] = "ftfforklift.jpg";
	pics[2] = new Image(573, 465);
	imageNames[2] = "istbackhoe.jpg";
	pics[3] = new Image(620, 366);
	imageNames[3] = "ISTLOADER.jpg";
	pics[4] = new Image(591, 468);
	imageNames[4] = "istskidsteer.jpg"; 
	pics[5] = new Image(692, 342);
	imageNames[5] = "pbspbb.jpg";
	pics[6] = new Image(829, 412);
	imageNames[6] = "spbbackhoe.jpg";
	pics[7] = new Image(703, 472);
	imageNames[7] = "spccompact.jpg";
	pics[8] = new Image(703, 472);
	imageNames[8] = "spccompact.jpg";
	pics[9] = new Image(703, 472);
	imageNames[9] = "spccompact.jpg";
	//pics[10] = new Image(703, 472);
	//imageNames[10] = "spccompact.jpg";
	
	DivNames =  new Array(numImages);
	DivNames[0] = "protech1";
	DivNames[1] = "protech2";
	DivNames[2] = "protech3";
	DivNames[3] = "protech4";
	DivNames[4] = "protech5"; 
	DivNames[5] = "protech6";
	DivNames[6] = "protech7";
	DivNames[7] = "protech8";
	DivNames[8] = "protech9";
	DivNames[9] = "protech10";
	//DivNames[10] = "protech11";
//	DivNames[8] = "placeholder";
	
	
	
	for (var i=0; i<numImages; i++)
	{
		thumbnails[i] = document.getElementById("th" + i);
	}
	
	
	
	
	offset = 0;
	position = 0;
	scroller = document.getElementById("scroll_content");

	if (is_ie5)
	{
		var scrollerBody = document.getElementById("scroller_body");
		var height = scrollerBody.currentStyle["height"];
		var heightInt = parseInt(height.substring(0, height.length - 2));
		var border = scrollerBody.currentStyle["borderWidth"];
		var borderInt = parseInt(border.substring(0, border.length - 2));
		document.getElementById("scroller_body").style.height = 2*borderInt + heightInt + "px";
	}
}

function rotateRight()
{
	var temp = thumbnails[numImages-1].src;
	var temp_t = thumbnails[numImages-1].title;
	for (var i=numImages-1; i>0; i--)
	{
		thumbnails[i].src = thumbnails[i-1].src;
		thumbnails[i].title = thumbnails[i-1].title;
	}
	thumbnails[0].src = temp;
	thumbnails[0].title = temp_t;
	if (offset == 0) offset = numImages - 1;
	else offset--;
}

function rotateLeft()
{
	var temp = thumbnails[0].src;
	var temp_t = thumbnails[0].title;
	for (var i=0; i<numImages-1; i++)
	{
		thumbnails[i].src = thumbnails[i + 1].src;
		thumbnails[i].title = thumbnails[i + 1].title;
	}
	thumbnails[numImages-1].src = temp;
	thumbnails[numImages-1].title = temp_t;
	offset = (offset + 1) % numImages;
}

function scrollLeft()
{
	if (position + pixStep >= 0)
	{
		var lastWidth = thumbnails[numImages-1].width;
		position = position - lastWidth - 7;
		rotateRight();
	}
	position = position + pixStep;
	scroller.style.left = position + "px";
	scrollTime = setTimeout("scrollLeft()", timeStep);
}

function scrollRight()
{
	var firstWidth = thumbnails[0].width;
	if (position + firstWidth - pixStep < 0)
	{
		position = position + firstWidth + 7;
		rotateLeft();
	}
	position = position - pixStep;
	scroller.style.left = position + "px";
	scrollTime = setTimeout("scrollRight()", timeStep);
}

function addImage(w, h, s)
{
	thumbnails[numImages] = new Image(w, h);
	thumbnails[numImages].src = s;
	numImages++;
}

function leftMouseover(img_h)
{
	img_h.src = leftarrow_on.src;
	document.getElementById("sl_button").style.borderColor = "#A0D0A0";
	scrollRight();
}

function leftMouseout(img_h)
{
	img_h.src = leftarrow_off.src;
	document.getElementById("sl_button").style.borderColor = "#165117";
	clearTimeout(scrollTime);
}

function rightMouseover(img_h)
{
	img_h.src = rightarrow_on.src;
	document.getElementById("sr_button").style.borderColor = "#A0D0A0";
	scrollLeft();
}

function rightMouseout(img_h)
{
	img_h.src = rightarrow_off.src;
	document.getElementById("sr_button").style.borderColor = "#165117";
	clearTimeout(scrollTime);
}