// 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');

// The array of div names (tabs).
var image_tab = new Array('tab-1', 'tab-2', 'tab-3', 'tab-4');

// Array of titles
var title = new Array('title-1', 'title-2', 'title-3', 'title-4');

// Array of authors
var author = new Array('author-1', 'author-2', 'author-3', 'author-4');

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

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

//default 13777

// The Fade Function & Tab Change
function SwapImage(x,y) {
	var z, b;
	var z = x;
	var b = y;
	$(image_slide[x]).appear({ duration: 1.5 });
	$(image_slide[y]).fade({duration: 1.5});
	document.getElementById(image_tab[z]).style.background="white";
	document.getElementById(image_tab[z]).style.color="white";
	document.getElementById(title[z]).style.color="#666666";
	document.getElementById(author[z]).style.color="#414141";
	document.getElementById(image_tab[b]).style.background="#4b4b4b";
	document.getElementById(image_tab[b]).style.color="#454545";
	document.getElementById(title[b]).style.color="#66ccff";
	document.getElementById(author[b]).style.color="#CCCCCC";
	
}

// the onload event handler that starts the fading.
function StartSlideShow() {
	play = setInterval('Play()',wait);
	$('PlayButton').hide();
	$('PauseButton').appear({ duration: 0});
								
}

function Play() {
	var imageShow, imageHide;

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

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

function GoNext() {
	clearInterval(play);
	StartSlideShow();
	// $('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++;
	}
}

function GoPrevious() {
	clearInterval(play);
	StartSlideShow();
	// $('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)
	}
}

function Get_4() {
	clearInterval(play);
	StartSlideShow();
	
	if( i != 3 ) {
		var imageShow, imageHide;
		imageHide = i;
		imageShow = 3;
		SwapImage(imageShow, imageHide);
	}
	i = 3;
	
}

function Get_3() {
	clearInterval(play);
	StartSlideShow();
	
	if( i != 2 ) {
		var imageShow, imageHide;
		imageHide = i;
		imageShow = 2;
		SwapImage(imageShow, imageHide);
	}
	
	i = 2;
}

function Get_2() {
	clearInterval(play);
	StartSlideShow();
	
	if( i != 1 ) {
		var imageShow, imageHide;
		imageHide = i;
		imageShow = 1;
		SwapImage(imageShow, imageHide);
	}
	
	i = 1;
}

function Get_1() {
	clearInterval(play);
	StartSlideShow();
	
	if( i != 0 ) {
		var imageShow, imageHide;
		imageHide = i;
		imageShow = 0;
		SwapImage(imageShow, imageHide);
	}
	
	i = 0;
}