var ids  = new Array();
var current = 0;
var rotateON = true ;
var t ;
var numSlides = 6;
var currentSlide = 1;
var timer;
var slideshow_playing = true;

function toggleVisible(divNumber){	
 
	var rdiv, indiv, rimg;
	
	// hide all divs
	for(var i = 1 ; i <= numSlides ; i++){
		rdiv = document.getElementById( "SlideShowDiv_" + i );
		if (rdiv == null) break 
		else {
			rdiv.className = "SlideShowHideMe";
			for (var j = 1; j <= numSlides; j ++){
				rimg = document.getElementById("SlideShowSelector_" + j);			
				if (rimg == null) break;
				rimg.src = "http://www.localkicks.com/images/slideshow_normal.png";
			}
			
		}
	}	
	
	// show the input div
	rdiv = document.getElementById("SlideShowDiv_" + divNumber );
	rdiv.className = "SlideShowShowMe";
	rimg = document.getElementById("SlideShowSelector_" + divNumber);			
	rimg.src = "http://www.localkicks.com/images/slideshow_current.png";
	
}

function ShowNext(){
	if (currentSlide == numSlides) currentSlide = 1;
	else currentSlide = currentSlide + 1;
	
	toggleVisible(currentSlide);
	
}

function ShowPrevious(){
	
	if (currentSlide == 1) currentSlide = numSlides;
	else currentSlide = currentSlide - 1;
	toggleVisible(currentSlide);
	
}

function PlaySlideShow() {

        slideshow_playing = true;
	ShowNext();
	clearTimeout(timer);
	timer = setTimeout('PlaySlideShow()', 5000);
  
        // reflect state on control
        var rimg = document.getElementById("PlayPauseImage");
        rimg.src = 'http://www.localkicks.com/images/slideshow_pause.png'

}

function PlayPauseSlideShow(){
        
        var rimg = document.getElementById("PlayPauseImage");
        
        if (slideshow_playing == true){
            // if the slide show is playing just pause it        
            clearTimeout(timer);
            slideshow_playing = false;
            rimg.src = 'http://www.localkicks.com/images/slideshow_play.png' ;           
        } else {
            slideshow_playing = true;
            PlaySlideShow();
            rimg.src = 'http://www.localkicks.com/images/slideshow_pause.png';
        }
        
}

function showThis(id,fromClick){
	var mainTR	= 	document.getElementById("secID-"+id);
	var title 	=	document.getElementById("title-"+id);
	if(fromClick != null){
		for(var i=0 ; i<ids.length ; i++){
			if(ids[i] == id){
			current = i;
			break;
			}
		}
	}
	hideAll();
	mainTR.style.display 	= "";
	title.className 		= "SelectedTownTalkSection2";
}

function rotateSwap(input){
	var offDiv 	=	document.getElementById("rotateOff");
	var onDiv 	=	document.getElementById("rotateOn");
		if (input == 'on'){
			onDiv.innerHTML = "<img src='http://www.localkicks.com/images/newindex/play.gif' width='5' height='7' />";
			offDiv.innerHTML = "";
		}else if (input == 'off'){
			onDiv.innerHTML = "";
			offDiv.innerHTML = "<img src='http://www.localkicks.com/images/newindex/pause.gif' width='5' height='7' />";
		}
}

function rotate(){
	var offDiv 	=	document.getElementById("rotateOff");
	var onDiv 	=	document.getElementById("rotateOn");
	
		if(current == ids.length){
			current = 0;
		}
		showThis(ids[current]);
		current = current +1;
		if (t != null) t = null ;
		t = setTimeout("rotate()",15000);
		offDiv.className	= "rotator";
		onDiv.className 	= "rotatorClicked";
}

function deRotate (){
	var offDiv 	=	document.getElementById("rotateOff");
	var onDiv 	=	document.getElementById("rotateOn");
	clearTimeout(t);
	offDiv.className	= "rotatorClicked";
	onDiv.className 	= "rotator";
}
	
function hideAll(){
	for(var i=0 ; i<ids.length ; i++){
		var tr 	=document.getElementById("secID-"+ids[i]);
		var title =document.getElementById("title-"+ids[i]);
		
	 	if(tr.style.display == "") {
       		tr.style.display = "none";
		}
		if(title.className == "SelectedTownTalkSection2"){
			title.className = "SelectedTownTalkSection";
		}
	}
}