var rightGalleryAjax;
var currentRightGallery = 0;
var rightGalleryPaused = false;
var rightImageWidth;
var rightImageHeight;
var rightGalleryImages;
var rightGalleryLinks;
var rightSlideTimeDelay;
var rightSlideAmount;
var rightCurrentSlideAmount;
var rightNumberOfImages;
var rightGalleryPreloadedImages;
var rightImagesPreloaded = 0;
var galleryTimer;
var rightSliceCounter = 0;
var rightSlidePosition = 0;
var rightWidthToSlide;
var rightSlideDirection;
var rightGalleryComplete;
var rightGalleryPausedNow = false;

function initRightGallery()
{
	rightGalleryComplete = false;
	
	// get the size of the images
	rightImageWidth = document.getElementById("jsSizerRight").width;
	rightImageHeight = document.getElementById("jsSizerRight").height;
		
	rightGalleryAjax = startAjax();
	rightGalleryAjax.open("GET","php/read_right_homepage.php",true);
	rightGalleryAjax.onreadystatechange=rightGalleryIsLoaded;
	rightGalleryAjax.send(null);
	
}



function rightGalleryIsLoaded()
{
	if(rightGalleryAjax.readyState==4) // the request is complete
	{
		var data=rightGalleryAjax.responseText; // do whatever you like with it!
		eval(data);// this should give us two arrays - rightGalleryImages and rightGalleryLinks
		
		rightNumberOfImages = rightGalleryImages.length;
		
		rightGalleryPreloadedImages = new Array();
		
		for(c=0;c<rightNumberOfImages;c++)
		{
			rightGalleryPreloadedImages[c] = new Image();
			addEvent(rightGalleryPreloadedImages[c],'load',rightImageLoaded,false);
			rightGalleryPreloadedImages[c].src = rightGalleryImages[c];
		}		
		// loadNextTestimonial();
	}
}

function rightImageLoaded()
{
	rightImagesPreloaded++;
	if(rightImagesPreloaded + 1 == rightNumberOfImages)
	{
		// create divs and images for each one
		for(c=1;c<=rightNumberOfImages;c++)
		{
			p = c * rightImageWidth;
			
			n = document.createElement('div');
			n.setAttribute('id',"galleryRight"+c);
			n.setAttribute('class','galleryPositioned');
			n.setAttribute('style',"left:"+p+"px;");
			
			a = document.createElement('a');
			a.setAttribute('href',rightGalleryLinks[c]);
			
			i = document.createElement('img');
			i.setAttribute('alt',"");
			i.setAttribute('src',rightGalleryImages[c]);
			
			a.appendChild(i);
			
			n.appendChild(a);
			
			document.getElementById("innerFrameRight").appendChild(n);
		}
		
		// all are preloaded, so remove the 'loading' gif, and add the bullets.
		l = "";
		
		for(c=rightNumberOfImages-1;c>=0;c--)
		{
			l+="<a href=\"javascript:void\" onclick=\"rightGalleryGo("+c+")\" id=\"rightDot"+c+"\">"+c+"</a>";
		}
		
		document.getElementById("rightGalleryNavigation").innerHTML = l;
		
		document.getElementById("rightGalleryNavigation").style.visibility = "hidden";
		
		rightDotSelect(0);
		
		rightGalleryComplete = true;
	}
	
	if(rightImagesPreloaded + 1 == rightNumberOfImages && leftImagesPreloaded + 1 == leftNumberOfImages)
	{
	
		document.getElementById("leftGalleryNavigation").style.visibility = "visible";
		document.getElementById("rightGalleryNavigation").style.visibility = "visible";
		
		galleryTimer = setTimeout("slideLeft(1)",galleryTimeBetweenSlides);
	}
}

function rightDotSelect(n)
{
	clearRightDots();
	document.getElementById("rightDot"+n).className="selected";
}

function clearRightDots()
{
	for(c=0;c<rightNumberOfImages;c++)
	{
		document.getElementById("rightDot"+c).className="";
	}
}
function rightGalleryGo(n)
{
	if(isSliding)
		return;
		
	
	if(!rightGalleryPaused)
	{
		rightGalleryPausedNow = true;
		clearTimeout(galleryTimer);
	}
	
	rightGalleryPaused = true;
	slideRight(n);
}

function slideRight(n)
{
	if(!isSliding)
	{
		if(n == currentRightGallery)
			return;
		
		isSliding = true;
		clearRightDots();
		rightSliceCounter = 0;
		rightSlidePosition = 0;
		

		clearTimeout(galleryTimer);
		
		rightCurrentSlideAmount = galleryPixelsPerSlide * Math.abs(n - currentRightGallery);
		rightWidthToSlide = rightImageWidth * Math.abs(n - currentRightGallery);
		
		rightSlideDirection = n < currentRightGallery ? 1 : -1;
	}
	
	rightSlidePosition += rightCurrentSlideAmount;
	
	rightSliceCounter++;
	
	if(rightSliceCounter >= gallerySlowDownAfter)
		rightCurrentSlideAmount-=gallerySlowDownBy;
	
	if(rightCurrentSlideAmount < galleryMinimumSpeed)
		rightCurrentSlideAmount = galleryMinimumSpeed;
		
	if(rightSlidePosition > rightWidthToSlide)
		rightSlidePosition = rightWidthToSlide;
		
	masterPosition = -(currentRightGallery * rightImageWidth);
	
	for(c=0;c<rightNumberOfImages;c++)
	{
		generalPosition = masterPosition + (c * rightImageWidth);
		generalPosition += rightSlideDirection * rightSlidePosition;
		
		document.getElementById("galleryRight"+c).style.left=generalPosition+"px";
	}
	
	if(rightSlidePosition == rightWidthToSlide)
	{
		clearTimeout(galleryTimer);
		currentRightGallery = n;
		isSliding = false;
		rightDotSelect(n);
		
		// are we still scrolling?
		if(!rightGalleryPaused)
		{
			if(leftGalleryPaused)
			{
				m = n+1;
				if(m >= rightNumberOfImages)
					m = 0;
				
				galleryTimer = setTimeout("slideRight("+m+")",galleryTimeBetweenSlides);
			}
			else
			{
				// left gallery this time
				m = currentLeftGallery + 1;
				if(m>=leftNumberOfImages)
					m = 0;
				galleryTimer = setTimeout("slideLeft("+m+")",galleryTimeBetweenSlides);
			}
		}
		else if(rightGalleryPausedNow)
		{
			rightGalleryPausedNow = false;
			m = currentLeftGallery + 1;
			if(m>=leftNumberOfImages)
				m = 0;
			galleryTimer = setTimeout("slideLeft("+m+")",galleryTimeBetweenSlides);
			
		}
		else if(rightGalleryPaused && !leftGalleryPaused)
		{
			m = currentLeftGallery + 1;
			if(m>=leftNumberOfImages)
				m = 0;
			galleryTimer = setTimeout("slideLeft("+m+")",galleryTimeBetweenSlides);
		}
	}
	else
	{
		galleryTimer = setTimeout("slideRight("+n+")",galleryTimeBetweenSlideSlices);
	}
}