/*** custom ***/
var THUMBSCROLL_LEFT_IMAGE;
var THUMBSCROLL_RIGHT_IMAGE;
var THUMBSCROLL_LEFT_DISABLED_IMAGE;
var THUMBSCROLL_RIGHT_DISABLED_IMAGE;
var FULL_SIZE_IMAGE_URLS = new Array();
/*** end custom ***/
	
	
var ImageScroller = function(_imageScrollerID, _imageScrollerParentDivID, _imageScrollerChildDivID) {
        ImageScrollerID = _imageScrollerID;
        //alert(this.OBJID);
		_imageScrollerParentDivID = getElem(_imageScrollerParentDivID);
		_imageScrollerChildDivID = getElem(_imageScrollerChildDivID);
		
		var prImagePaths = new Array();
		var prImageAltText = new Array();	
		var prImageClicks = new Array();
		var prImageDescription = new Array();
			
		var iNumOfThumbsShown = 1;	
		var iNumOfImages;
		
		var bAutoScroll = 0; //0=false, 1=true
		var iAutoScrollDelay = 2000;
		var bAutoScrollDirection = 1; //0=back, 1=forward
		var bAutoReverse = 1; //0=false, 1=true
		
		var iScrollType = 1; //0=horizontal, 1=vertical
		var bEnableThumbBorder = 0; //0=no, 1=yes
		var bEnableCurrentCount = 0; //0=no, 1=yes
		var bEnableThumbDescription = 0; //0=no, 1=yes
		var bClickOpenType = 0;//0=same window, 1=new window
		var objCounterDiv = "";
		var objDescriptionDiv = "";
		
		var iSmoothSlideInterval = 3;
		var iSmoothSlideAmount = 7;
		var moveTimer;
		
		this.THUMB_HEIGHT = 80;
		this.THUMB_WIDTH = 80;
		this.THUMB_PADDING = 4;
		var CURRENT_THUMB_INDEX = 1;
		var NEW_REVERSE_OFFSET = 0;
		var MAX_REVERSE_OFFSET = 0;		
		var NEW_FORWARD_OFFSET = 0;
		var IS_SCROLLING = false;
		
		/* custom */
		this.FULLSIZEIMAGEID = null;
		this.IMAGESCROLLERID = _imageScrollerID;
		/**********/
		
		//* BEGIN FUNCTIONS *//
		this.enableThumbnailDescription = function(_descriptionDivID) {
			bEnableThumbDescription = 1;
			objDescriptionDiv = _descriptionDivID;
		};
		
		this.setScrollType = function(_iType) {
			if (_iType == 0) { iScrollType = 0; } else { iScrollType = 1; }
		};
		
		this.setScrollSpeed = function(_iSpeed) {			
			if (_iSpeed > 0 || _iSpeed < 1000) {
				iSmoothSlideInterval = _iSpeed;
			} else {
				iSmoothSlideInterval = 7;
			}
		};
		
		this.setScrollAmount = function(_iAmount) {
			if (_iAmount > 0 || _iAmount < 1000) {
				iSmoothSlideAmount = _iAmount;
			} else {
				iSmoothSlideAmount = 7;
			}
		};
		
		this.setClickOpenType = function(_openType) {
		/* customized - added _openType value of 2 to open a full-size image in the image element
		with id = this.FULLSIZEIMAGEID */
			if (_openType == 0 || _openType == 1 || _openType == 2) {
				bClickOpenType = _openType;
			}
		};
		
		this.enableCurrentCount = function(_counterDivID) {
			bEnableCurrentCount = 1;
			objCounterDiv = _counterDivID;
		};
				
		this.enableThumbBorder = function(_boolean) {
			bEnableThumbBorder = _boolean;
		};
		
		this.setThumbsShown = function(_newNumOfThumbsShown) {
			iNumOfThumbsShown = parseInt(_newNumOfThumbsShown);
		};
		
		this.addThumbnail = function(_thumbnailURL, _fullClickURL, _thumbnailAlt, _thumbnailDescription) {
			prImagePaths[prImagePaths.length] = _thumbnailURL;
			prImageClicks[prImageClicks.length] = _fullClickURL;
			prImageAltText[prImageAltText.length] = _thumbnailAlt;
			prImageDescription[prImageDescription.length] = _thumbnailDescription;
			/*** custom ***/
			FULL_SIZE_IMAGE_URLS.push(_fullClickURL);
			/*** end custom ***/
		};
		
		this.setThumbnailHeight = function(_newThumbHeight) {
			this.THUMB_HEIGHT = _newThumbHeight;
		};
		
		this.getThumbnailHeight = function() {
			return this.THUMB_HEIGHT;
		};
		
		this.setThumbnailWidth = function(_newThumbWidth) {
			this.THUMB_WIDTH = _newThumbWidth;
		};
		
		this.getThumbnailWidth = function() {
			return this.THUMB_WIDTH;
		};
		
		this.setThumbnailPadding = function(_newThumbPadding) {
			this.THUMB_PADDING = _newThumbPadding;
		};
		
		this.getThumbnailPadding = function() {
			return THUMB_PADDING;
		};
		
		this.getCurrentThumbIndex = function() {
			return CURRENT_THUMB_INDEX;
		};
		
		this.getThumbnailCount = function() {
			return iNumOfImages;
		};
		
			
		this.renderScroller = function() {
			iNumOfImages = prImagePaths.length;
			if (iNumOfThumbsShown > iNumOfImages) {
				iNumOfThumbsShown = iNumOfImages;
			}
			
			MAX_REVERSE_OFFSET = 0 - (iNumOfImages - iNumOfThumbsShown) * this.THUMB_WIDTH;
			if (this.THUMB_PADDING > 0) {
				MAX_REVERSE_OFFSET =  MAX_REVERSE_OFFSET - (iNumOfImages * (this.THUMB_PADDING * 2));
			}		
			if (bEnableThumbBorder == 1) {
				MAX_REVERSE_OFFSET = MAX_REVERSE_OFFSET - (iNumOfImages * 4);
			}
			
			if (iScrollType == 0) {
				_imageScrollerParentDivID.style.width = (this.THUMB_WIDTH * iNumOfThumbsShown) + (iNumOfThumbsShown * (this.THUMB_PADDING * 2)) + "px";
				if (bEnableThumbBorder == 1) {
					_imageScrollerParentDivID.style.width = (parseInt(_imageScrollerParentDivID.style.width) + (iNumOfThumbsShown * 4)) + "px";
				}
			
				_imageScrollerParentDivID.style.height = this.THUMB_HEIGHT + (this.THUMB_PADDING * 2) + "px";
				if (bEnableThumbBorder == 1) {
					_imageScrollerParentDivID.style.height = (parseInt(_imageScrollerParentDivID.style.height) + 4) + "px";
				}
				
				_imageScrollerChildDivID.style.width = (this.THUMB_WIDTH * iNumOfImages) + (iNumOfImages * (this.THUMB_PADDING * 2)) + "px";
				if (bEnableThumbBorder == 1) {
					_imageScrollerChildDivID.style.width = (parseInt(_imageScrollerChildDivID.style.width) + (iNumOfImages * 4)) + "px";
				}
			} else if (iScrollType == 1) {
				_imageScrollerParentDivID.style.width = (this.THUMB_WIDTH) + ((this.THUMB_PADDING * 2)) + "px";
				if (bEnableThumbBorder == 1) {
					_imageScrollerParentDivID.style.width = (parseInt(_imageScrollerParentDivID.style.width) + (4)) + "px";
				}
				
				_imageScrollerParentDivID.style.height = (this.THUMB_HEIGHT * iNumOfThumbsShown) + (iNumOfThumbsShown * (this.THUMB_PADDING * 2)) + "px";
				if (bEnableThumbBorder == 1) {
					_imageScrollerParentDivID.style.height = (parseInt(_imageScrollerParentDivID.style.height) + (iNumOfThumbsShown * 4)) + "px";
				}
				
				_imageScrollerChildDivID.style.width = (this.THUMB_WIDTH) + (this.THUMB_PADDING * 2) + "px";
				if (bEnableThumbBorder == 1) {
					_imageScrollerChildDivID.style.width = (parseInt(_imageScrollerChildDivID.style.width) + 4) + "px";
				}
			}
			
			var _sHTML = "";
			for (i = 0; i < iNumOfImages; i++) {
			
				if (prImageClicks[i].length > 0) {
				
				/*** custom - created bClickOpenType value of 2 - when this option is set, clicking on thumbnail 
				     will call a function that opens a full-size image 
				     in the image element with ID=this.FULLSIZEIMAGEID  
				***/
				  if (bClickOpenType == 2) {
				     _sHTML += '<a onfocus="this.blur();" onmouseover="this.style.cursor=\'pointer\'" onmouseout="this.style.cursor=\'default\'" onclick="javascript:' + this.IMAGESCROLLERID + '.setFullSizeImage(\'img_' + i + '\')">';			    
				  }
				  else {
					_sHTML += '<a href="' + prImageClicks[i] + '"';
					_sHTML += ' alt="' + prImageAltText[i] + '"';
					if (bClickOpenType == 1) {
						_sHTML += ' target="_blank"';
					}
					_sHTML += ' title="' + prImageAltText[i] + '"';
					_sHTML += '>';
				  }
				}
					
					/* custom - set border & id for each image */
					_sHTML += '<img id="img_' + i + '" src="' + prImagePaths[i] + '"';
					if (bEnableThumbBorder == 0) {
						_sHTML += ' border="0"';
					}
					_sHTML += ' style="margin: ' + this.THUMB_PADDING + 'px;"';
					_sHTML += ' width="' + this.THUMB_WIDTH + '"';
					_sHTML += ' height="' + this.THUMB_HEIGHT + '"';
					
					_sHTML += ' />';
				
				if (prImageClicks[i].length > 0) {
					_sHTML += '</a>';
				}
			}
			document.write(_sHTML);
			
			if (bEnableCurrentCount == 1) {
				addAnEvent(window, "load", this.updateCurrentCount);
			}
			if (bEnableThumbDescription == 1) {
				addAnEvent(window, "load", this.updateCurrentDescription);
			}
			
			
			
		};
		
				

		this.scrollUp = function() {
			_origOffset = parseInt(_imageScrollerChildDivID.style.top);
			_currentOffset = parseInt(_imageScrollerChildDivID.style.top);
			_newOffset = _currentOffset - this.THUMB_HEIGHT;
			if (this.THUMB_PADDING > 0) {
				_newOffset = _newOffset - (2 * this.THUMB_PADDING);
			}
			if (bEnableThumbBorder == 1) {
				_newOffset = _newOffset - 4;
			}
						
			if (IS_SCROLLING == false && _newOffset >= MAX_REVERSE_OFFSET) {
				NEW_FORWARD_OFFSET = _newOffset;
				moveScrollerUp();
			}
		};
		
		this.scrollDown = function() {
			_origOffset = parseInt(_imageScrollerChildDivID.style.top);
			_currentOffset = parseInt(_imageScrollerChildDivID.style.top);
			_newOffset = _currentOffset + this.THUMB_HEIGHT;
			if (this.THUMB_PADDING > 0) {
				_newOffset = _newOffset + (2 * this.THUMB_PADDING);
			}
			if (bEnableThumbBorder == 1) {
				_newOffset = _newOffset + 4;
			}
			if (_newOffset <= 0) {
				if(_currentOffset > (_origOffset - this.THUMB_HEIGHT)) {
					if (IS_SCROLLING == false && _newOffset >= MAX_REVERSE_OFFSET) {
						NEW_REVERSE_OFFSET = _newOffset;
						moveScrollerDown();
					}
				}
			}
		};
		
		this.scrollTop = function() {
			if (IS_SCROLLING == false) {
				NEW_FORWARD_OFFSET = (-1 * (iNumOfImages - iNumOfThumbsShown) * this.THUMB_HEIGHT);
				CURRENT_THUMB_INDEX = iNumOfImages - iNumOfThumbsShown;
				moveScrollerUp();
			}
		};
		
		this.scrollBottom = function() {
			if (IS_SCROLLING == false) {
				NEW_REVERSE_OFFSET = 0;
				CURRENT_THUMB_INDEX = iNumOfImages - iNumOfThumbsShown;
				moveScrollerDown();
			}
		};
	
		
		this.scrollReverse = function() {
			_origOffset = parseInt(_imageScrollerChildDivID.style.left);
			_currentOffset = parseInt(_imageScrollerChildDivID.style.left);
			_newOffset = _currentOffset + this.THUMB_WIDTH;
			if (this.THUMB_PADDING > 0) {
				_newOffset = _newOffset + (this.THUMB_PADDING * 2);
			}
			if (bEnableThumbBorder == 1) {
				_newOffset = _newOffset + 4;
			}
						
			if (_newOffset <= 0) {
				if(_currentOffset > (_origOffset - this.THUMB_WIDTH)) {
				  if (IS_SCROLLING == false) {
						NEW_REVERSE_OFFSET = _newOffset;
						moveScrollerRight();
					}
				}
			}
		};
		
		this.scrollForward = function() {
	
			_origOffset = parseInt(_imageScrollerChildDivID.style.left);
			_currentOffset = parseInt(_imageScrollerChildDivID.style.left);
			_newOffset = _currentOffset - this.THUMB_WIDTH;
			if (this.THUMB_PADDING > 0) {
				_newOffset = _newOffset - (2 * this.THUMB_PADDING);
			}
			if (bEnableThumbBorder == 1) {
				_newOffset = _newOffset - 4;
			}
		    
	       
			if (IS_SCROLLING == false && _newOffset >= MAX_REVERSE_OFFSET) {
				NEW_FORWARD_OFFSET = _newOffset;
				moveScrollerLeft();
				
				
			}
			
			
			
		};
		
		this.scrollEnd = function() {
			if (IS_SCROLLING == false) {
				NEW_FORWARD_OFFSET = MAX_REVERSE_OFFSET;
				CURRENT_THUMB_INDEX = iNumOfImages - iNumOfThumbsShown;
				moveScrollerLeft();
			}
		};
		
		this.scrollBegin = function() {
			if (IS_SCROLLING == false) {
				NEW_REVERSE_OFFSET = 0;
				CURRENT_THUMB_INDEX = 2;
				moveScrollerRight();
			}
		};
		
		this.updateCurrentDescription = function() {
			getElem(objDescriptionDiv).innerHTML = prImageDescription[CURRENT_THUMB_INDEX - 1];
		};
		
		this.updateCurrentCount = function() {
			getElem(objCounterDiv).innerHTML = CURRENT_THUMB_INDEX + "/" + iNumOfImages;
		};
		
		/***** custom functions *****/
		this.initializeScrollImages = function() {

			var rightScrollImage = getElem(THUMBSCROLL_RIGHT_IMAGE.id);
			if (iNumOfThumbsShown >= iNumOfImages) {
			    rightScrollImage.src = THUMBSCROLL_RIGHT_DISABLED_IMAGE.src;
			}
			    
		}
		
		this.setFullSizeImageID = function(_fullSizeImageID) {
		    this.FULLSIZEIMAGEID = _fullSizeImageID;
		}
		
		this.getFullSizeImageID = function() {
		    return this.FULLSIZEIMAGEID;
		}
		
	   this.setFullSizeImage = function(_thumbImgID) {
				
		    for (i = 0; i < prImageClicks.length; i++) {
		        var curImgElem = "img_" + i;
		        getElem(curImgElem).style.border = "1px solid white";
		        getElem(curImgElem).style.margin = "2px";    
		    }
		    
	        var thumbImageElem = getElem(_thumbImgID);
	        
	        thumbImageElem.style.margin = "2px";
	        thumbImageElem.style.border = "1px solid #F12727";
	       	        
	        var fullSizeImageElem = getElem(this.getFullSizeImageID());
	  
	        //extract the imageId, which is the thumbnail's position within the thumbscroller.
	        //This position is also the index to the thumbnail's corresponding full-size image URL
	        //in the FULL_SIZE_IMAGE_URLS array.
	        var imageId = _thumbImgID.substring(4, _thumbImgID.length);
		        
	        fullSizeImageElem.src = FULL_SIZE_IMAGE_URLS[imageId];

		};
		
		this.setThumbscrollLeftImage = function(_thumbscrollLeftImageID, _imageUrl, _disabledImageUrl) {
		    THUMBSCROLL_LEFT_IMAGE = new Image();
		    THUMBSCROLL_LEFT_IMAGE.id = _thumbscrollLeftImageID;
		    THUMBSCROLL_LEFT_IMAGE.src = _imageUrl;
		    
		    THUMBSCROLL_LEFT_DISABLED_IMAGE = new Image();
		    THUMBSCROLL_LEFT_DISABLED_IMAGE.id = _thumbscrollLeftImageID;
		    THUMBSCROLL_LEFT_DISABLED_IMAGE.src = _disabledImageUrl;
		    
   
		}
		
			
		this.setThumbscrollRightImage = function(_thumbscrollRightImageID, _imageUrl, _disabledImageUrl) {
		    THUMBSCROLL_RIGHT_IMAGE = new Image();
		    THUMBSCROLL_RIGHT_IMAGE.id = _thumbscrollRightImageID;
		    THUMBSCROLL_RIGHT_IMAGE.src = _imageUrl;
		    
		    THUMBSCROLL_RIGHT_DISABLED_IMAGE = new Image();
		    THUMBSCROLL_RIGHT_DISABLED_IMAGE.id = _thumbscrollRightImageID;
		    THUMBSCROLL_RIGHT_DISABLED_IMAGE.src = _disabledImageUrl;
	
		}
		/**** end custom functions ******/
		
		function moveScrollerUp() {
			_ElementObj = _imageScrollerChildDivID;
			_currentOffset = parseInt(_ElementObj.style.top);
			if (_currentOffset > NEW_FORWARD_OFFSET && (_currentOffset - iSmoothSlideAmount) >= NEW_FORWARD_OFFSET) {
				_ElementObj.style.top = _currentOffset - iSmoothSlideAmount + "px";
				IS_SCROLLING = true;
				moveTimer = window.setTimeout(moveScrollerUp, iSmoothSlideInterval);
			} else if (_currentOffset > NEW_FORWARD_OFFSET) {
				_ElementObj.style.top = _currentOffset - 1 + "px";
				IS_SCROLLING = true;
				moveTimer = window.setTimeout(moveScrollerUp, iSmoothSlideInterval);
			} else {
				IS_SCROLLING = false;
				CURRENT_THUMB_INDEX++;
				window.clearTimeout(moveTimer);
				if (bEnableThumbDescription == 1) {
					getElem(objDescriptionDiv).innerHTML = prImageDescription[CURRENT_THUMB_INDEX - 1];
				}
				if (bEnableCurrentCount == 1) {
					getElem(objCounterDiv).innerHTML = CURRENT_THUMB_INDEX + "/" + iNumOfImages;
				}
			}
		};
		
		function moveScrollerDown() {
			_ElementObj = _imageScrollerChildDivID;
			_currentOffset = parseInt(_ElementObj.style.top);
			
			if (_currentOffset < NEW_REVERSE_OFFSET && (_currentOffset + iSmoothSlideAmount) <= NEW_REVERSE_OFFSET) {
				_ElementObj.style.top = _currentOffset + iSmoothSlideAmount + "px";
				IS_SCROLLING = true;
				moveTimer = window.setTimeout(moveScrollerDown, iSmoothSlideInterval);
			} else if (_currentOffset < NEW_REVERSE_OFFSET) {
				_ElementObj.style.top = _currentOffset + 1 + "px";
				IS_SCROLLING = true;
				moveTimer = window.setTimeout(moveScrollerDown, iSmoothSlideInterval);			
			} else {
				IS_SCROLLING = false;
				CURRENT_THUMB_INDEX--;
				window.clearTimeout(moveTimer);
				if (bEnableThumbDescription == 1) {
					getElem(objDescriptionDiv).innerHTML = prImageDescription[CURRENT_THUMB_INDEX - 1];
				}
				if (bEnableCurrentCount == 1) {
					getElem(objCounterDiv).innerHTML = CURRENT_THUMB_INDEX + "/" + iNumOfImages;
				}
			}
		};
		
		function moveScrollerRight() {
			_ElementObj = _imageScrollerChildDivID;
			_currentOffset = parseInt(_ElementObj.style.left);
			//alert("function moveScrollerRight: \n_currentOffset = " + _currentOffset + "\nNEW_REVERSE_OFFSET = " + NEW_REVERSE_OFFSET);
			
			if (_currentOffset < NEW_REVERSE_OFFSET && (_currentOffset + iSmoothSlideAmount) <= NEW_REVERSE_OFFSET) {
				_ElementObj.style.left = _currentOffset + iSmoothSlideAmount + "px";
				IS_SCROLLING = true;
				moveTimer = window.setTimeout(moveScrollerRight, iSmoothSlideInterval);
			} else if (_currentOffset < NEW_REVERSE_OFFSET) {
				_ElementObj.style.left = _currentOffset + 1 + "px";
				IS_SCROLLING = true;
				moveTimer = window.setTimeout(moveScrollerRight, iSmoothSlideInterval);			
			} else {
				IS_SCROLLING = false;
				
				
				
				CURRENT_THUMB_INDEX--;
				window.clearTimeout(moveTimer);
				if (bEnableThumbDescription == 1) {
					getElem(objDescriptionDiv).innerHTML = prImageDescription[CURRENT_THUMB_INDEX - 1];
				}
				if (bEnableCurrentCount == 1) {
					getElem(objCounterDiv).innerHTML = CURRENT_THUMB_INDEX + "/" + iNumOfImages;
				}
				
				/*** custom ***/
				
				var rightScrollImage = getElem(THUMBSCROLL_RIGHT_IMAGE.id);
				var leftScrollImage = getElem(THUMBSCROLL_LEFT_IMAGE.id);
				
				if (CURRENT_THUMB_INDEX <= 1) {
				    leftScrollImage.src = THUMBSCROLL_LEFT_DISABLED_IMAGE.src;
				}
				
				if (CURRENT_THUMB_INDEX != (iNumOfImages - iNumOfThumbsShown + 1)) {
				    rightScrollImage.src = THUMBSCROLL_RIGHT_IMAGE.src;
				}
				
				/*** end custom ***/
			}
		};
		
		function moveScrollerLeft() {
		
			_ElementObj = _imageScrollerChildDivID;
			_currentOffset = parseInt(_ElementObj.style.left);
			//alert("function moveScrollerLeft: \n_currentOffset = " + _currentOffset + "\nNEW_FORWARD_OFFSET = " + NEW_FORWARD_OFFSET);
			if (_currentOffset > NEW_FORWARD_OFFSET && (_currentOffset - iSmoothSlideAmount) >= NEW_FORWARD_OFFSET) {
				_ElementObj.style.left = _currentOffset - iSmoothSlideAmount + "px";
				IS_SCROLLING = true;
				moveTimer = window.setTimeout(moveScrollerLeft, iSmoothSlideInterval);
			} else if (_currentOffset > NEW_FORWARD_OFFSET) {
				_ElementObj.style.left = _currentOffset - 1 + "px";
				IS_SCROLLING = true;
				moveTimer = window.setTimeout(moveScrollerLeft, iSmoothSlideInterval);
			} else {
				IS_SCROLLING = false;
				
				
				CURRENT_THUMB_INDEX++;
				window.clearTimeout(moveTimer);
				if (bEnableThumbDescription == 1) {
					getElem(objDescriptionDiv).innerHTML = prImageDescription[CURRENT_THUMB_INDEX - 1];
				}
				if (bEnableCurrentCount == 1) {
					getElem(objCounterDiv).innerHTML = CURRENT_THUMB_INDEX + "/" + iNumOfImages;
				}
				
				/*** custom ***/
				
				var rightScrollImage = getElem(THUMBSCROLL_RIGHT_IMAGE.id);
				var leftScrollImage = getElem(THUMBSCROLL_LEFT_IMAGE.id);
				
				//alert("CURRENT_THUMB_INDEX: " + CURRENT_THUMB_INDEX);
				//alert("inumofimages: " + iNumOfImages);
				if (CURRENT_THUMB_INDEX == (iNumOfImages - iNumOfThumbsShown + 1)) {
				    rightScrollImage.src = THUMBSCROLL_RIGHT_DISABLED_IMAGE.src;
				}
			
			    if (CURRENT_THUMB_INDEX > 1) {
			        leftScrollImage.src = THUMBSCROLL_LEFT_IMAGE.src;
			    }
				/*** end custom ***/
			}
		};
		
		function addAnEvent(_obj, _eventName, _functionName) {
			if (window.addEventListener) {
				_obj.addEventListener(_eventName, _functionName, false);
			} else {
				_obj.attachEvent("on" + _eventName, _functionName);
			}
		};
		
		function getElem(_elemID) {
			return document.getElementById(_elemID);
		};
		
				
	};