window.onload = showImage;
var slideShowTimer = 0;

var pauseSome = 0;

var total = 12; // enter the total number of images
var duration = 3000; // time between slides
slidesFolder = 'DesignStylesExamples/Style1/';
	
	
function showImage() {  //starts the show

	ad = document.getElementById('slide_display');
	
	pick = 1;
	
	ad.src = slidesFolder + pick + '.jpg';
		
	slideShowTimer = setInterval('slideShow(pick)', duration);
	
	document.getElementById('Prev').innerHTML="« Prev";
	document.getElementById('Next').innerHTML="Next »";
		
	}

	
function slideShow(_pick) {

	currentAd = document.getElementById('slide_display');
	
	newNum = _pick+1;

	if(newNum > total) {
		newNum = 1;
		}

	currentAd.src = slidesFolder + newNum +'.jpg'

	pick=newNum;
	
	}

	
function changefolder(folder){

	clearInterval(slideShowTimer)
	
	slidesFolder = 'DesignStylesExamples/' + folder + '/';

	showImage();
	}
	
	
function restartTimer(newNum) {
	
	slideShowTimer = setInterval('slideShow(pick)', duration);
		
	}
	
	
function switchImage(direction) {

	currentAd = document.getElementById('slide_display');
	
	if(direction == 'forward') {
		
		newNum = pick+1;
		
		if(newNum > total) {
			newNum = 1;
			}

		currentAd.src = slidesFolder + newNum +'.jpg'

		}
		
	if(direction == 'back') {
 
		newNum = pick-1;
		
		if(newNum == 0) {
			newNum = total;
			}

		currentAd.src = slidesFolder + newNum +'.jpg'
			}
				
	pick=newNum;	
	clearInterval(slideShowTimer);
	clearTimeout(pauseSome);
	pauseSome = setTimeout('restartTimer(newNum)', duration);
	
	}