//START BROWSER FIX FOR SPEED ISSUES
  if(BrowserDetect.OS=="Windows"){

	var speed=1;	
  
  }else if(BrowserDetect.OS=="Mac"){

	if(BrowserDetect.browser=="Safari"){

		var speed=5;

	}else if(BrowserDetect.browser=="Firefox"){
		
		var	speed=5;
	}

  }
//END BROWSER FIX FOR SPEED ISSUES

  var direction="left";
  var t;
  var firstImage=11;
  var numImages=18;
  var lastImage=10;
  var shiftSize=5;
  var imageWidth=616;
  var leftConstraint=(-1*imageWidth);
  var rightConstraint=((numImages-1)*imageWidth);
  
  var yPos = new Array();
  for(i=0; i<=numImages-9; i++) 
  {
  	yPos[i]=(i+8)*imageWidth;
  }
  for(i=0; i<=7; i++) 
  {
  	yPos[i+10]=i*imageWidth;
  }

   
   
   function scrollPics() {
   
   //FUNCTION CODED BY VESTED RABBIT TECHNOLOGY, LLC AND MAY NO PARTS MAY BE USED WITHOUT FULL WRITTEN PERMISSION

     
   //LOOP THROUGH ARRAY OF IMAGE COORDINATES AND MOVE IMAGES  
   for(i=0; i<=numImages-1; i++) 
   {
   	    //CHECK DIRECTION TO MOVE IMAGE
   		if(direction=="left"){
   			
   			//CHECK TO SEE IF THE IMAGE BEING MOVED IS GOING TO GO BEYOND LEFT CONSTRAINT
			if((yPos[i]-shiftSize)<leftConstraint){
   				//MOVE IMAGE TO THE END OF THE LINE
   				document.getElementById('mainScrollImage-' + (i+1)).style.left=(yPos[(lastImage-1)]+imageWidth) + "px";
   				//SET IMAGE AS LAST IMAGE
				
   				yPos[i]=yPos[(lastImage-1)]+imageWidth;
				lastImage=i+1;
   				//SET NEW FIRST IMAGE
				if(firstImage==numImages){
   				    firstImage=1;	
   				}else{
   					firstImage=firstImage+1;	
   				}
   				
			}else{
				//MOVE IMAGE
				document.getElementById('mainScrollImage-' + (i+1)).style.left=(yPos[i]-shiftSize) + "px";
				yPos[i]=yPos[i]-shiftSize;
			}
   			
		}else{
			
			//CHECK TO SEE IF THE IMAGE BEING MOVED IS GOING TO GO BEYOND RIGHT CONSTRAINT
			if((yPos[i]+shiftSize)>rightConstraint){
   				//MOVE IMAGE TO THE BEGINING OF THE LINE
   				document.getElementById('mainScrollImage-' + (i+1)).style.left=(yPos[(firstImage-1)]-imageWidth + shiftSize) + "px";
				yPos[i]=yPos[(firstImage-1)]-imageWidth + shiftSize;
   				firstImage=i+1;
   				if(lastImage==1){
   				    lastImage=numImages;	
   				}else{
   					lastImage=lastImage-1;	
   				}
   				
			}else{
				
				document.getElementById('mainScrollImage-' + (i+1)).style.left=(yPos[i]+shiftSize) + "px";
				yPos[i]=yPos[i]+shiftSize;
			}
		}
   	    
        
   }	
} //END SCROLL PICS
 
 
 
 
 
document.getElementById("leftArrow").onmouseover = function() {
	//START BROWSER FIX FOR SPEED ISSUES
	if(BrowserDetect.OS=="Windows"){
		speed=1;	
	}else if(BrowserDetect.OS=="Mac"){
		if(BrowserDetect.browser=="Safari"){
			speed=10;
		}else if(BrowserDetect.browser=="Firefox"){
			speed=10;
		}
	}
	
	document.getElementById("leftArrow").src="images/left_arrow_on.png";
	direction="left";
	t=setInterval('scrollPics()',speed);

}

document.getElementById("rightArrow").onmouseover = function() {
	//START BROWSER FIX FOR SPEED ISSUES
	if(BrowserDetect.OS=="Windows"){
		speed=1;	
	}else if(BrowserDetect.OS=="Mac"){
		if(BrowserDetect.browser=="Safari"){
			speed=5;
		}else if(BrowserDetect.browser=="Firefox"){
			speed=5;
		}
	}
	document.getElementById("rightArrow").src="images/right_arrow_on.png";
	direction="right";
	t=setInterval('scrollPics()',speed);

}

document.getElementById("leftArrow").onmouseout = function() {
	
	clearInterval(t);
	speed=0;
	document.getElementById("leftArrow").src="images/left_arrow_off.png";

}

document.getElementById("rightArrow").onmouseout = function() {
	
	clearInterval(t);	
	document.getElementById("rightArrow").src="images/right_arrow_off.png";
	speed=0;

}