/************************************************************************************************************
	(C) www.dhtmlgoodies.com, June 2006
	
	This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	
	
	Terms of use:
	You are free to use this script as long as the copyright message is kept intact. However, you may not
	redistribute, sell or repost it without our permission.
	
	Thank you!
	
	www.dhtmlgoodies.com
	Alf Magne Kalleland
	
	************************************************************************************************************/	

	
	
	
	var slideSpeed = 5;	// Speed of thumbnail slide - Lower = faster
	var slideSteps = 3;	// Also speed of thumbnail slide - Higher = faster
	var columnsOfThumbnails = false;	// Hardcoded number of thumbnail columns, use false if you want the script to figure it out dynamically.
	
	/* Don't change anything below here */
	var DHTMLgoodies_slideWidth = false;
	var DHTMLgoodies_thumbTotalWidth = false;
	var DHTMLgoodies_viewableWidth = false;
	
	var DHTMLgoodies_thumbDiv = false;
	var DHTMLgoodies_thumbSlideInProgress = false;
	
	var browserIsOpera = navigator.userAgent.indexOf('Opera')>=0?true:false;
	var leftArrowObj;
	var rightArrowObj;
	var thumbsColIndex = 1;
	var thumbsLeftPos = false;
	var currentPage = 0;
	var intPage = 0;
	var numPages = 1;
	var numTotalPages = 0;
	var numImagesPerPage = 0;
	var strDomainName = '';
	
	function initGalleryScript(strURL, numPerPage)
	{
	    strDomainName = strURL;
		leftArrowObj = document.getElementById('DHTMLgoodies_leftArrow');		
		leftArrowObj.src = strDomainName + 'Images/slideshowLeftEnd.gif';
		var innerDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
		//DHTMLgoodies_slideWidth = innerDiv.getElementsByTagName('DIV')[0].offsetWidth;
		DHTMLgoodies_thumbDiv = document.getElementById('DHTMLgoodies_thumbs_inner');
		DHTMLgoodies_thumbDiv.style.left = '0px';
		
		numImagesPerPage = numPerPage;
		//Determine the image div width based on the amount of room we have and # of images to display
        DHTMLgoodies_slideWidth = parseInt(document.getElementById('DHTMLgoodies_thumbs').offsetWidth / numImagesPerPage);
        
        var subDivs = DHTMLgoodies_thumbDiv.getElementsByTagName('DIV');
		DHTMLgoodies_thumbTotalWidth = 0;
		var tmpLeft = 0;
		var intImageDivs = 0;
		for(var no=0;no<subDivs.length;no++){
			if(subDivs[no].className=='strip_of_thumbnails'){
			    DHTMLgoodies_thumbTotalWidth = DHTMLgoodies_thumbTotalWidth + DHTMLgoodies_slideWidth;
			    subDivs[no].style.left = tmpLeft + 'px';
				subDivs[no].style.top = '0px';
				subDivs[no].style.width = DHTMLgoodies_slideWidth + 'px';
				tmpLeft = tmpLeft + DHTMLgoodies_slideWidth; //subDivs[no].offsetWidth;
				intImageDivs = intImageDivs + 1;
			}
		}
        
        document.getElementById('SlideShowPage0').style.cursor = 'pointer';
        document.getElementById('SlideShowPage0').onclick = gotoPage;
        numTotalPages = parseInt(subDivs.length / (numImagesPerPage * 3)) - 1; //Subtract 1 for 0-based operating
        if ((subDivs.length % (numImagesPerPage * 3)) > 0) {
            numTotalPages = numTotalPages + 1;
        }
        
        var img;
        for (var i=0; i < numTotalPages; i++) {
            //Add a dot for every page of content
            img = document.createElement("img");
            img.src = strDomainName + 'Images/slideshowPage.gif';
            img.id = 'SlideShowPage' + (i+1);
            img.onclick = gotoPage;
            img.style.cursor = 'pointer';
            document.getElementById('SlideshowPages').appendChild(img);
        }
        
        rightArrowObj = document.getElementById('DHTMLgoodies_rightArrow');	
        if (numTotalPages > 0) {
            document.getElementById('SlideShowPage0').style.cursor = 'pointer';
            document.getElementById('SlideShowPage0').onclick = gotoPage;
            rightArrowObj.style.cursor = 'pointer';	
		    rightArrowObj.onclick = moveThumbnails;
        } else {
            //There's only 1 page of content - disable the right arrow 
		    rightArrowObj.src = strDomainName + 'Images/slideshowRightEnd.gif';
			rightArrowObj.onclick = '';
			rightArrowObj.style.cursor = 'default';
        }
        
		DHTMLgoodies_viewableWidth = document.getElementById('DHTMLgoodies_thumbs').offsetWidth;
	}
	
	function gotoPage() {
	    intPage = this.id.substr(13);
	    numPages = Math.abs(currentPage - intPage);
	    moveThumbnails();
	}
	
	function moveThumbnails()
	{
		if(DHTMLgoodies_thumbSlideInProgress)return;
		DHTMLgoodies_thumbSlideInProgress = true;
		document.getElementById('SlideShowPage' + currentPage).src = strDomainName + 'Images/slideshowPage.gif';
        document.getElementById('SlideShowPage' + currentPage).onclick = gotoPage;
        document.getElementById('SlideShowPage' + currentPage).style.cursor = 'pointer';
        if (this.id == 'DHTMLgoodies_leftArrow' || this.id == 'DHTMLgoodies_rightArrow') { intPage = currentPage; }
        if(this.id=='DHTMLgoodies_leftArrow' || intPage < currentPage){
		    if (this.id =='DHTMLgoodies_leftArrow') { numPages = 1; }
		    thumbsColIndex--;
			rightArrowObj.src = strDomainName + 'Images/slideshowRightArrow.gif';
			rightArrowObj.onclick = moveThumbnails;
			rightArrowObj.style.cursor = 'pointer';	
		    currentPage = currentPage - numPages;
		    if (currentPage == 0) {
				leftArrowObj.src = strDomainName + 'Images/slideshowLeftEnd.gif';
				leftArrowObj.onclick = '';
				leftArrowObj.style.cursor = 'default';
			} else {
			    leftArrowObj.src = strDomainName + 'Images/slideshowLeftArrow.gif';
				leftArrowObj.onclick = moveThumbnails;
				leftArrowObj.style.cursor = 'pointer';
			}
			
			slideThumbs(slideSteps,0);
		}else if (this.id=='DHTMLgoodies_rightArrow' || intPage > currentPage) {
			if (this.id =='DHTMLgoodies_rightArrow') { numPages = 1; }
			thumbsColIndex++;
			leftArrowObj.src = strDomainName + 'Images/slideshowLeftArrow.gif';
			leftArrowObj.onclick = moveThumbnails;
			leftArrowObj.style.cursor = 'pointer';
			currentPage = currentPage + numPages;
			if (currentPage < numTotalPages) {
				rightArrowObj.src = strDomainName + 'Images/slideshowRightArrow.gif';
				rightArrowObj.onclick = moveThumbnails;
				rightArrowObj.style.cursor = 'pointer';
			} else if (currentPage == numTotalPages) {
				rightArrowObj.src = strDomainName + 'Images/slideshowRightEnd.gif';
				rightArrowObj.onclick = '';
				rightArrowObj.style.cursor = 'default';
			}				
			slideThumbs((slideSteps*-1),0);
		}	
		document.getElementById('SlideShowPage' + currentPage).src = strDomainName + 'Images/slideshowSelectedPage.gif';
        document.getElementById('SlideShowPage' + currentPage).style.cursor = 'default';
        document.getElementById('SlideShowPage' + currentPage).onclick = '';
	}
	
	function slideThumbs(speed,currentPos)
	{
		var leftPos;
		if(thumbsLeftPos){
			leftPos= thumbsLeftPos;
		}else{
			var leftPos = DHTMLgoodies_thumbDiv.style.left.replace('px','')/1;
			thumbsLeftPos = leftPos;
		}
		currentPos = currentPos + Math.abs(speed);		
		var tmpLeftPos = leftPos;
		leftPos = leftPos + speed;
		thumbsLeftPos = leftPos;
		DHTMLgoodies_thumbDiv.style.left = (leftPos * numImagesPerPage) + 'px';
		if(currentPos<DHTMLgoodies_slideWidth*numPages)setTimeout('slideThumbs(' + speed + ',' + currentPos + ')',slideSpeed);else{	
			DHTMLgoodies_thumbSlideInProgress = false;
		}
	
	}