var leftarrow_off = new Image(30, 138);
leftarrow_off.src = "images/sl.gif";
var leftarrow_on = new Image(30, 138);
leftarrow_on.src = "images/slrl.gif";
var rightarrow_off = new Image(30, 138);
rightarrow_off.src = "images/sr.gif";
var rightarrow_on = new Image(30, 138);
rightarrow_on.src = "images/srrl.gif";

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

var pixStep = 5;
var timeStep = 26;

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

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

var loading = new Image(230, 26);
loading.src = "images/loading.gif";

function viewImage(i)
{
var imageNum = (i + offset)%numImages;
document.getElementById("image_viewer").style.width = pics[imageNum].width + "px";
document.getElementById("image_viewer").style.height = pics[imageNum].height + "px";
document.getElementById("viewer_image").src = blank.src;
document.getElementById("image_viewer_wrapper").style.display = "block";

if (!pics[imageNum].src)
{
pics[imageNum].src = imageNames[imageNum];
}
document.getElementById("viewer_image").src = pics[imageNum].src;
document.getElementById('caption').innerHTML = captions[imageNum];
}

function closeView()
{
document.getElementById("viewer_image").src = blank.src;
document.getElementById("image_viewer_wrapper").style.display = "none";
document.getElementById('caption').innerHTML = "";

}

function initScroller()
{
	numImages = 25;
	thumbnails = new Array(numImages);
	pics = new Array(numImages);
	imageNames =  new Array(numImages);
	captions =  new Array(numImages);
	
	pics[0] = new Image(500, 400);
	imageNames[0] = "images/webBig/CCBHbig.jpg";
	captions[0] = "<a href='http://www.cchrealtors.com/' target='_blank'>CottinghamChalkHayes</a>";
	
	pics[1] = new Image(500, 400);
	imageNames[1] = "images/webBig/Dpaybig.jpg";
	captions[1] = "<a href='http://www.directpaypayroll.com/' target='_blank'>Directpay Payroll services </a>";
	
	pics[2] = new Image(500, 400);
	imageNames[2] = "images/webBig/Superiorbig.jpg";
	captions[2] = "<a href='http://www.gosuperior.net/' target='_blank'>Superior Industrial Maintenance Company</a>";
	
	pics[3] = new Image(500, 400);
	imageNames[3] = "images/webBig/Moffettbig.jpg";
	captions[3] = "<a href='http://www.moffettgroup.com/' target='_blank'>Donna Moffett Accountants & Consultants</a>";
	
	pics[4] = new Image(500, 400);
	imageNames[4] = "images/webBig/ThermaFlobig.jpg";
	captions[4] = "<a href='http://www.thermafloengineering.com/' target='_blank'>Thermaflo Engineering</a>";

	pics[5] = new Image(500, 400);
	imageNames[5] = "images/webBig/CSIbig.jpg";
	captions[5] = "<a href='http://www.csiproperties.com/' target='_blank'>CSI Property Management</a>";
	
	pics[6] = new Image(500, 400);
	imageNames[6] = "images/webBig/Studentsbig.jpg";
	captions[6] = "<a href='http://www.studentfirstacademy.org/' target='_blank'>Students First Academy</a>";
	
	pics[7] = new Image(500, 400);
	imageNames[7] = "images/webBig/Blindsbig.jpg";
	captions[7] = "<a href='http://www.blindsunlimitednc.com/' target='_blank'>Blinds Unlimited.</a>";
	
	pics[8] = new Image(500, 400);
	imageNames[8] = "images/webBig/Imigprobig.jpg";
	captions[8] = "<a href='http://www.imigpro.net/' target='_blank'>IMIGpro</a>";
	
	pics[9] = new Image(500, 400);
	imageNames[9] = "images/webBig/Integrabig.jpg";
	captions[9] = "<a href='http://www.integracommerciallending.com/' target='_blank'>INTEGRA</a>";
	
	pics[10] = new Image(500, 400);
	imageNames[10] = "images/webBig/Sunlandbig.jpg";
	captions[10] = "<a href='http://www.sunlandfire.com/' target='_blank'>Sunland Fire Protection, Inc.</a>";
	
	pics[11] = new Image(500, 400);
	imageNames[11] = "images/webBig/R4big.jpg";
	captions[11] = "<a href='http://www.r4architecture.com/' target='_blank'>RIV Architecture</a>";
	
	pics[12] = new Image(500, 400);
	imageNames[12] = "images/webBig/SupElectbig.jpg";
	captions[12] = "<a href='http://www.thesuperiorelectrical.com/' target='_blank'>Superior Electrical Services, Inc.</a>";
	
	pics[13] = new Image(500, 400);
	imageNames[13] = "images/webBig/Covenantbig.jpg";
	captions[13] = "<a href='http://www.covenantwaste.com/' target='_blank'>Covenant Waste</a>";
	
	pics[14] = new Image(500, 400);
	imageNames[14] = "images/webBig/Isaacsbig.jpg";
	captions[14] = "<a href='http://www.isaacsgrp.com/' target='_blank'>The Isaacs Group</a>";
		
	pics[15] = new Image(500, 400);
	imageNames[15] = "images/webBig/Rosebig.jpg";
	captions[15] = "<a href='http://www.roseassociates.com/' target='_blank'>Rose Associates & Associates</a>";
	
	pics[16] = new Image(500, 400);
	imageNames[16] = "images/webBig/AMEbig.jpg";
	captions[16] = "<a href='http://www.ame-pc.com/' target='_blank'>AME Consulting Engineers</a>";	
	
	pics[17] = new Image(500, 400);
	imageNames[17] = "images/webBig/EMSbig.jpg";
	captions[17] = "<a href='http://www.smartmerchantsystems.com/' target='_blank'>Electronic Merchant Systems</a>";
	
	pics[18] = new Image(500, 400);
	imageNames[18] = "images/webBig/VRCbig.jpg";
	captions[18] = "<a href='http://www.videoresumecharlotte.com/' target='_blank'>Video Resume Charlotte</a>";
	
	pics[19] = new Image(500, 400);
	imageNames[19] = "images/webBig/AcadiaDenalibig.jpg";
	captions[19] = "<a href='http://www.gmcacadiasite.com/' target='_blank'>Liberty Acadia Denali</a>";
	
	pics[20] = new Image(500, 400);
	imageNames[20] = "images/webBig/SteeleCreekbig.jpg";
	captions[20] = "<a href='http://www.steelecreekprinting.com/' target='_blank'>Steele Creek Printers</a>";
	
	pics[21] = new Image(500, 400);
	imageNames[21] = "images/webBig/NMotionbig.jpg";
	captions[21] = "<a href='http://www.nmotionlogistics.com/' target='_blank'>NMotion Logistics</a>";
	
	pics[22] = new Image(500, 400);
	imageNames[22] = "images/webBig/SCLTDentistrybig.jpg";
	captions[22] = "<a href='http://www.south-charlotte-dentistry.com/' target='_blank'>South Charlotte Dentistry</a>";
	
	pics[23] = new Image(500, 400);
	imageNames[23] = "images/webBig/Lowcountrybig.jpg";
	captions[23] = "<a href='http://www.lowcountrypropertymanagement.com/' target='_blank'>Lowcountry Property Management</a>";
	
	pics[24] = new Image(500, 400);
	imageNames[24] = "images/webBig/HBbig.jpg";
	captions[24] = "<a href='http://www.handbtool.com/' target='_blank'>H&B Tool & Die</a>";


	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";
	scrollLeft();
}

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";
	scrollRight();
}

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