var slideImages ;
var imageCount = 0;
var stayTime = 150;
var fadeNumber = 1;
var runningCount = 1;

var oldTab = 1;

var playPauseBoolean = false;

function setImages(){
	
	
	for (i=0; i<slideImages; i++){
		document.getElementById('slide_'+(i+1)).className = 'slideShowImages';
		document.getElementById('slide_'+(i+1)).style.zIndex = 100-i;
		//document.getElementById('slide_'+(i+1)).style.zIndex = 100002-i;
	}
	runningCount = 1;
	slideShowTimer();
}	


	
var secs ;					//	For Storing the Seconds
var timerID = null;				//	For Storing timer id 
var timerRunning = false;		//	initialy timer running will be in NULL
var delay =40;				//	For Storing Delay (SPEED)

function slideShowTimer(){				//	For TIMER function
	secs = 1;
	stopTheClock();
	startTheClock();
}
function stopTheClock()			//	For Stop the Timer function
{
    if(timerRunning) {
        clearTimeout(timerID)
	    timerRunning = false;
	}
}
var xyz = 0;
function startTheClock()		//	For Start the Timer function Hide
{	
//	self.status = secs;
 
   	secs = secs + 1;
       
    timerRunning = true			//	Changing timer running is TRUE
    timerID = self.setTimeout("startTheClock()", delay)		//	For starting timer and speed of the timer
	if(secs < stayTime-10){
		if(playPauseBoolean){
			stopTheClock();
		}
	}	
	if(secs > stayTime) {
		document.getElementById('slide_'+(imageCount+1)).style.opacity = (1.0-(fadeNumber*.10));
		document.getElementById('slide_'+(imageCount+1)).style.filter = 'alpha(opacity='+(100-(10*fadeNumber))+')';
		fadeNumber = fadeNumber+1;
		
	}
	if(secs > stayTime+10){
		
		document.getElementById('slide_'+(imageCount+1)).style.zIndex = 100 - (slideImages + runningCount);
		//document.getElementById('slide_'+(imageCount+1)).style.zIndex = 100000 - (slideImages + runningCount);
		document.getElementById('slide_'+(imageCount+1)).style.opacity = 1;
		document.getElementById('slide_'+(imageCount+1)).style.filter = 'alpha(opacity=100)';
		secs = 0;
		fadeNumber = 1;
		imageCount = imageCount+1;
		runningCount = runningCount+1;
		if(playPauseBoolean){
			stopTheClock();
		}
		if(imageCount > slideImages-1){
			imageCount = 0;
			stopTheClock();
			setImages();
		}
	}
	document.getElementById('selectedTab').innerHTML = imageCount+1;
	document.getElementById('tab_'+oldTab).className = 'deselected';
	document.getElementById('tab_'+(imageCount+1)).className = 'selected';
	oldTab = imageCount+1;
}


function tabSelected(tS){
stopTheClock();

	for (i=0; i<slideImages; i++){
		if(i+1<tS){
			document.getElementById('slide_'+(i+1)).className = 'slideShowImages';
			document.getElementById('slide_'+(i+1)).style.zIndex = 100-(i+1)-slideImages;
			//document.getElementById('slide_'+(i+1)).style.zIndex = 100000-(i+1)-slideImages;
		}
		if(i+1==tS){
			document.getElementById('slide_'+(i+1)).className = 'slideShowImages';
			document.getElementById('slide_'+(i+1)).style.zIndex = 100-i;
			// document.getElementById('slide_'+(i+1)).style.zIndex = 100000-i;
			imageCount = i;
		}
		if(i+1>tS){
			document.getElementById('slide_'+(i+1)).className = 'slideShowImages';
			document.getElementById('slide_'+(i+1)).style.zIndex = 100-i;
			//document.getElementById('slide_'+(i+1)).style.zIndex = 100000-i;
		}
		document.getElementById('slide_'+(i+1)).style.opacity = 1;
		document.getElementById('slide_'+(i+1)).style.filter = 'alpha(opacity=100)';
	}
	
	document.getElementById('selectedTab').innerHTML = tS;
	
	document.getElementById('tab_'+oldTab).className = 'deselected';
	document.getElementById('tab_'+(tS)).className = 'selected';
	oldTab = tS;
	
	document.getElementById('playPause').className = 'play';
	playPauseBoolean = true;
	
}

function playPause(){
	if(playPauseBoolean){
		document.getElementById('playPause').className = 'pause'
		playPauseBoolean = false;
		slideShowTimer();
	}
	else {
		document.getElementById('playPause').className = 'play'
		playPauseBoolean = true;
	}
	
}