//set navigation rollovers
$(document).ready(function() {
	//controls
	var leftPos;
	var animating = false;
	var targetEl = $("#process_image > ul");
	var targetCopy = $("#process_copy> ul");
	var imageWidth = 327;
	var currentImage = 1;
	var amountImages = 8;
	
	function reset(){
		animating = false;
		if(currentImage ==1) {
			$("#process_button_left").css("display", "none");
		}
		else{
			$("#process_button_left").css("display", "block");
		}
		if(currentImage ==amountImages) {
			$("#process_button_right").css("display", "none");
		}
		else{
			$("#process_button_right").css("display", "block");
		}
	}
	
	function updateCopy(){
		var el = $("#copy_img > img");
		var src = el.attr("src");
		var tempSrc = src.substr(0, src.length-5);
		var newSRC = tempSrc + currentImage + ".gif";
		el.attr("src", newSRC);
	}
	
	function getLeft(){
		var currLeft = targetEl.css('left');
      	var left = currLeft.substring(0, currLeft.length -2);
		return left;
	}
	
	$("#process_button_right > a").mouseup(function(){
		if(animating) return;
      	var left =  getLeft();
      	if(currentImage != amountImages){
			animating = true;
      		var newLeft = parseInt(left) - imageWidth;
      		targetEl.animate({'left' : newLeft}, 'slow', function(){reset();});
			currentImage++;
			updateCopy();
      	}
		return false;
    });

	$("#process_button_left > a").mouseup(function(){
		if(animating) return;
		var left =  getLeft();
		if(currentImage != 1){
			animating = true;
			var newLeft = parseInt(left) + imageWidth;
			targetEl.animate({'left' : newLeft}, 'slow', function(){reset();});
			currentImage--;
			updateCopy();
		}
		return false;
    });

	//rollovers
	addRolloversToList($("#process_buttons > li > a"));

});