

var data = [
	["/images/home.jpg", "Matthew Edwards Attorney at Law", "/images/home.jpg", 434],
	["/images/criminal.jpg", "Matthew Edwards Attorney at Law", "/images/criminal.jpg", 374],
	["/images/domestic.jpg", "Matthew Edwards Attorney at Law", "/images/domestic.jpg", 374],
	["/images/wills.jpg", "Matthew Edwards Attorney at Law", "/images/wills.jpg", 374],
	["/images/profile.jpg", "Matthew Edwards Attorney at Law", "/images/profile.jpg", 474]
];

var imgHeight = 239;
var containerWidth = 575;
var imgSpacer = 5; 

if (navigator.appName != "Microsoft Internet Explorer")
{
	containerWidth = 585;
}

var moz = document.getElementById && !document.all;

var step = 1;
var timer = "";
var speed = 50;
var nextPic = 0;
var currentPosLeft = new Array();


function init()
{
	initScroller();
	
	try
	{
		initMap();
	}
	catch (e)
	{
	}
}

function initScroller()
{
	var page = window.location.href;
	page = page.substring(page.lastIndexOf('/') + 1);
	
	switch (page)
	{
		case 'civil.php':
			break;
			
		case 'criminal.php':
			data = [
				data[1], data[2], data[3], data[4], data[0]
			];
			break;
			
		case 'domestic.php':
			data = [
				data[2], data[3], data[4], data[0], data[1]
			];
			break;
			
		case 'juvenile.php':
			break;
			
		case 'appeals.php':
			break;
			
		case 'wills.php':
			data = [
				data[3], data[4], data[0], data[1], data[2]
			];
			break;
			
		case 'contact.php':
			break;
			
		case 'profile.php':
			data = [
				data[4], data[0], data[1], data[2], data[3]
			];
			break;
		
		default:
			break;
	}

	// create image holders
	for (var i = 0; i < data.length; i++)
	{ 
		newImg = document.createElement("img");
		newImg.setAttribute("id", "pic_" + i);
		newImg.setAttribute("src", "");
		newImg.style.position = "absolute";
		newImg.style.width = data[i][3] + "px";
		newImg.style.height = imgHeight + "px";
		newImg.style.border = 0;
		newImg.alt = "";
		newImg.i = i;
		document.getElementById("displayArea").appendChild(newImg);
	}

	var scrollerContainer = document.getElementById("scrollerContainer");
	var displayArea = document.getElementById("displayArea");
	
	containerBorder = (document.compatMode == "CSS1Compat" ? 0 : parseInt(scrollerContainer.style.borderWidth) * 2);
	scrollerContainer.style.width = containerWidth + "px";
	scrollerContainer.style.height = imgHeight + "px";

	displayArea.style.width = containerWidth + "px";
	displayArea.style.clip = "rect(0," + containerWidth + "px," + imgHeight + "px,0)";

	var imgPos = 0;

	for (var i = 0; i < data.length; i++)
	{
		tempImage = document.getElementById("pic_" + i);
		tempImage.style.left = imgPos + "px";
		currentPosLeft[i] = imgPos;
	
		var tempWidth = tempImage.style.width;
		imgPos += parseInt(tempWidth.substring(0, tempWidth.length - 2)) + parseInt(imgSpacer);		

		tempImage.src = data[i][0];
		tempImage.alt = data[i][1];
	}

	scroll();
}

function scroll()
{
	clearTimeout(timer);

	for (var i = 0; i < currentPosLeft.length; i++)
	{
		//--- If this image is still visible or way to the right
		if ((currentPosLeft[i] + data[i][3] + imgSpacer) > 0)
		{
			currentPosLeft[i]--;
			tempImage = document.getElementById("pic_" + i);
			tempImage.style.left = currentPosLeft[i];
			
			//--- If this image was the last image visible on the right
			if ((currentPosLeft[i] + data[i][3] + imgSpacer) == containerWidth)
			{
				nextPic = i + 1;
				
				if (nextPic == data.length)
				{
					nextPic = 0;
				}
				
				tempImage = document.getElementById("pic_" + nextPic);
				tempImage.style.left = containerWidth;
				currentPosLeft[nextPic] = containerWidth;
			}
		}
	}
	
	
	timer = setTimeout("scroll()", speed);
}

