var scrollBoxes;
	
	window.onload=function()
	{
		var scrollElements = document.getElementsByClassName('scrollBox');
		scrollBoxes = new Array(scrollElements.length);
		var scrollContainer;
		var itemsCount;
		
		for(var i=0; i<scrollElements.length; i++)
		{
			scrollContainer = getElementsByClassName('scrollContainer', null, scrollElements[i])[0];
			navContainer = getElementsByClassName('scrollNav', null, scrollElements[i])[0];
			itemsCount = getElementsByClassName('scrollItem', null, scrollElements[i]);
			scrollContainer.style.width = (183*itemsCount.length) + 6 + "px";
			scrollBoxes[i] = new fx.divScroll(scrollContainer.id, navContainer.id, {duration:1000, whichDiv: 'scrollItem'}); //width of the image must be set !important!
			changeCurrentPage(i);
		}
		
	}



	/*
		Written by Jonathan Snook, http://www.snook.ca/jonathan
		Add-ons by Robert Nyman, http://www.robertnyman.com
	*/
	
	function getElementsByClassName(className, tag, elm){
		var testClass = new RegExp("(^|\s)" + className + "(\s|$)");
		var tag = tag || "*";
		var elm = elm || document;
		var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
		var returnElements = [];
		var current;
		var elements;
		var length = elements.length;
		for(var i=0; i<length; i++){
			current = elements[i];
			if(testClass.test(current.className)){
				returnElements.push(current);
			}
		}
		
		return returnElements;
	}


	// Function to slide the next/previous case study into place
	// Then update the current case study number
	function changeCurrentPage(scrollBoxIndex) {
		//Retrieve the total number of case studies
		var totalItems = getElementsByClassName('scrollItem', '*', scrollBoxes[scrollBoxIndex].el).length;
	
		if(totalItems > 1)
		{
			//Display the total number of case studies
			var totalItemsElement = getElementsByClassName('totalItems', '*', scrollBoxes[scrollBoxIndex].navEl)[0];
			totalItemsElement.innerHTML = totalItems;
	
			//Retrieve the previous and next page button link info
			var previousPage = getElementsByClassName('prevItem', '*', scrollBoxes[scrollBoxIndex].navEl)[0];
			var nextPage = getElementsByClassName('nextItem', '*', scrollBoxes[scrollBoxIndex].navEl)[0];
		
			//Assign an onclick value to the previous and next buttons
			previousPage.onclick=function(){updatePageNumber(scrollBoxIndex, 183, totalItems); return false;};
			nextPage.onclick=function(){updatePageNumber(scrollBoxIndex, -183, totalItems); return false;};	
		}
		else
		{
			scrollBoxes[scrollBoxIndex].navEl.style.visibility = 'hidden';
		}
	}
	

	function updatePageNumber(scrollBoxIndex, changeItem, totalItems) {
		// Store the current case study and make it an integer
		
		var currentItem = getElementsByClassName('currentItem', '*', scrollBoxes[scrollBoxIndex].navEl)[0];
		var currentItemIndex = (currentItem.innerHTML * 1);
		
		//Retrieve the previous and next page button link info
		var previousPage = getElementsByClassName('prevItem', '*', scrollBoxes[scrollBoxIndex].navEl)[0];
		var nextPage = getElementsByClassName('nextItem', '*', scrollBoxes[scrollBoxIndex].navEl)[0];

		//disable the previous/next buttons so that multiple clicks aren't possible
		previousPage.onclick = function() { return false; };
		nextPage.onclick = function() { return false; };

		// Check if the changeCaseStudy variable is positive or negative
		// NOTE: The changeCaseStudy value is the amount of pixels to slide the div left or right
		// The previous will always be positive and the next will always be negative
		if ((changeItem < 0) && (currentItemIndex < totalItems)) {
			//alert(scrollBoxIndex);
			//alert(nextPage.id);
			/*nextPage.className = "nextThumb visHidden";
			previousPage.className = "prevThumb visHidden";*/

			//If so increment the current case study by 1 and slide to the next DIV
			currentItem.innerHTML = currentItemIndex + 1;
			scrollBoxes[scrollBoxIndex].scroll(changeItem);

			/*if((currentThumbIndex + 1) < totalThumbs)
			{
				setTimeout('document.getElementById("' + nextPage.id + '").className = "nextThumb visNotHidden"',1250);
			}
			setTimeout('document.getElementById("' + previousPage.id + '").className = "prevThumb visNotHidden"',1250);*/

		} else if ((changeItem > 0) && (currentItemIndex > 1)) {
			
			/*alert(nextPage.id);
			nextPage.className = "nextThumb visHidden";
			previousPage.className = "prevThumb visHidden";*/

			currentItem.innerHTML = currentItemIndex - 1;
			scrollBoxes[scrollBoxIndex].scroll(changeItem);

			/*if(currentThumbIndex != 2)
			{
				setTimeout('document.getElementById("' + previousPage.id + '").className = "prevThumb visNotHidden"',1250);	
			}
			setTimeout('document.getElementById("' + nextPage.id + '").className = "nextThumb visNotHidden"',1250);*/


		}
		else if (currentItemIndex==totalItems)
		{
			currentItem.innerHTML = 1;
			scrollBoxes[scrollBoxIndex].scroll((currentItemIndex-1)*(0-changeItem));
		}
		else if (currentItemIndex==1)
		{
			currentItem.innerHTML = totalItems;
			scrollBoxes[scrollBoxIndex].scroll((totalItems-1)*(0-changeItem));
		}
		
		// re-enable the previous/next buttons
		setTimeout('document.getElementById("' + nextPage.id + '").onclick = function(){updatePageNumber(' + scrollBoxIndex + ', -183, ' + totalItems + '); return false;};',1250);
		setTimeout('document.getElementById("' + previousPage.id + '").onclick = function(){updatePageNumber(' + scrollBoxIndex + ', 183, ' + totalItems + '); return false;};',1250);
	}