// set the starting image.
var i = 0;			

// The array of div names which will hold the images.
var image_slide = new Array('image-1', 'image-2', 'image-3', 'image-4', 'image-5', 'image-6');

// The number of images in the array.
var NumOfImages = image_slide.length;



	
// The time to wait before moving to the next image. Set to 4 seconds by default.
var wait = 5000;

// The Fade Function
function SwapImage(x,y) {		
	$(image_slide[x]).appear({ duration: 0.5 });
	$(image_slide[y]).fade({duration: 0.5});
}

// the onload event handler that starts the fading.
function StartSlideShow() {
	play = setInterval('Play()',wait);
	
	updatecounter();
								
}

function Play() {
	var imageShow, imageHide;

	imageShow = i+1;
	imageHide = i;
	
	if (imageShow == NumOfImages) {
		SwapImage(0,imageHide);	
		i = 0;					
	} else {
		SwapImage(imageShow,imageHide);			
		i++;
	}
	
	updatecounter();
}

function Stop () {
	clearInterval(play);
}

function updatecounter() {
var pic = i+1
	
	var num = '<img src=images/slide/'+ pic +'a.gif border=0/>';
	var notnum = '<img src=images/slide/'+ (pic - 1) +'.gif border=0/>';
	
	document.getElementById('pic-'+i).innerHTML = num;
	
	if (i != 0) {
		document.getElementById('pic-'+(i-1)).innerHTML = notnum;
	} else {
		document.getElementById('pic-'+(i+5)).innerHTML = '<img src=images/slide/6.gif border=0/>';
	}
}




function loadSlide(n) {
Stop();
	var imageShow, imageHide;

	imageShow = n - 1;
	imageHide = i;
	
	//var textIn = 'n =' + n + '|' + 'i ='+ i;
	//document.getElementById('Counter').innerHTML = textIn;
	
	var notnum = '<img src=images/slide/'+ (i+1) +'.gif border=0/>';
	document.getElementById('pic-'+ i).innerHTML = notnum;
	
	var num = '<img src=images/slide/'+ n +'a.gif border=0/>';
	document.getElementById('pic-'+ (n-1)).innerHTML = num;
	
	SwapImage(imageShow,imageHide);
	i = imageShow;
	
}



function GoNext() {
	clearInterval(play);
	$('PlayButton').appear({ duration: 0});
	$('PauseButton').hide();
	
	var imageShow, imageHide;

	imageShow = i+1;
	imageHide = i;
	
	if (imageShow == NumOfImages) {
		SwapImage(0,imageHide);	
		i = 0;					
	} else {
		SwapImage(imageShow,imageHide);			
		i++;
	}

	updatecounter();
}

function GoPrevious() {
	clearInterval(play);
	$('PlayButton').appear({ duration: 0});
	$('PauseButton').hide();

	var imageShow, imageHide;
				
	imageShow = i-1;
	imageHide = i;
	
	if (i == 0) {
		SwapImage(NumOfImages-1,imageHide);	
		i = NumOfImages-1;		
		
		//alert(NumOfImages-1 + ' and ' + imageHide + ' i=' + i)
					
	} else {
		SwapImage(imageShow,imageHide);			
		i--;
		
		//alert(imageShow + ' and ' + imageHide)
	}
	
	updatecounter();
}