// set the starting image.
var bannerI = 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 3 seconds by default.
var wait = 10000;
var play = null;

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

// 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 = bannerI+1;
	imageHide = bannerI;
	
	if (imageShow == NumOfImages) {
		SwapImage(0,imageHide);	
		bannerI = 0;
        activateBannerButton(0);   					
	} else {
		SwapImage(imageShow,imageHide);			
		bannerI++;
        activateBannerButton(imageShow);   
	}
}

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

function GoNext() {
	clearInterval(play);
    var imageShow, imageHide;

	imageShow = bannerI+1;
	imageHide = bannerI;
	
	if (imageShow == NumOfImages) {
		SwapImage(0,imageHide);	
		bannerI = 0;		
        activateBannerButton(0); 			
	} else {
		SwapImage(imageShow,imageHide);			
		bannerI++;
        activateBannerButton(imageShow); 
	}
    //setTimeout('StartSlideShow()', 10000);    
}

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

	var imageShow, imageHide;
				
	imageShow = bannerI-1;
	imageHide = bannerI;
	
	if (bannerI == 0) {
		SwapImage(NumOfImages-1,imageHide);	
		bannerI = NumOfImages-1;		
		activateBannerButton(bannerI);				
	} else {
		SwapImage(imageShow,imageHide);			
		bannerI--;
		activateBannerButton(imageShow);        
	}    
    //setTimeout('StartSlideShow()', 10000);
}  

function activateBannerButton(banner) {
    for (i = 0; i < 6; i++) {
        $('banner_num_'+i).className = '';
    }    
    $('banner_num_'+banner).className = 'banner_active';
}

function showBanner(banner) {    
    imageShow = banner;
    imageHide = bannerI;
    if (imageShow!=imageHide) {        
        SwapImage(imageShow,imageHide);
        bannerI = banner;
    }
}

function GoToBanner(banner) { 
    activateBannerButton(banner);    
    showBanner(banner);
}