// JavaScript Document

//addLoadEvent(startSlides);
startSlides(2);

// init vars
var slidesHomes = 2;
var slideCurrent;
var slidesStatus;
var timeoutId;


// function to start slideshow and timer
function startSlides(n) {
	// build arrows/squarea div
//	buildArrows();
	// start slideshow timer
	slideCurrent = new Array(n);
	slidesStatus = new Array(n);
	timeoutId = new Array(n);
	for(var i=0;i<n;i++) {
		slideCurrent[i] = i*10+1;
		slidesStatus[i] = "play";
		timeoutId[i] = setTimeout("slideNext(" + (i) + ")",10000 + i*1000);
	}
}


// function to build arrows div
function buildArrows() {
	// get arrows div
	var arrowsDiv = document.getElementById("arrows_home");
	// build left arrow
	//var leftArrow = "<a href=\"#\" onclick=\"slidesPause(); slidePrevious(); return false\"><img src=\"images/arrow-left.gif\" alt=\"arrow left\" width=\"7\" height=\"10\" border=\"0\" /></a> ";
	// get # of slides
	var slidesCount = slidesGetCount();
	// build squares
	var arrowSquares = "";
	for (var i = 0; i < slidesCount; i++) {
		arrowSquares = arrowSquares + "<a href=\"#\" onclick=\"slidesPause(); showSlide('" + (i + 1) + "'); return false\"><img src=\"images/storybullet2.gif\" border=\"0\" id=\"sq" + (i + 1) + "\" name=\"sq_home\" /></a> "
	}
	// build right arrow
	//var rightArrow = "<a href=\"#\" onclick=\"slidesPause(); slideNext(); return false\"><img src=\"images/arrow-right.gif\" alt=\"arrow right\" width=\"7\" height=\"10\" border=\"0\" /></a>";
	// build arrows html
	//var arrowsHtml = leftArrow + arrowSquares + rightArrow;
	var arrowsHtml = arrowSquares;
	arrowsDiv.innerHTML = arrowsDiv.innerHTML+arrowsHtml;
	// change sq img
	changeSq(1);
}


// function to go to next slide
function slideNext(n) {
	// get number of slides	
	var slidesCount = slidesGetCount(n);
	// set slideCurrent
	if (slideCurrent[n] >= n*10 + slidesCount) {
		slideCurrent[n] = n*10+1;
	} else {
		slideCurrent[n]++;
	}
	// hide all slides
	hideSlidesAll(n);
	// show current slide
	var slideCurrentName = "slide" + slideCurrent[n];
	var slideToShow = document.getElementById(slideCurrentName);
	slideToShow.style.display = "block";	
	// change sq img
	if(n==0)
		changeSq(slideCurrent[n]);	
	// set timer
	if (slidesStatus[n] == "play") {
		timeoutId[n] = setTimeout("slideNext(" + (n) + ")",10000);
	}	
}


// function to go to previous slide
function slidePrevious(n) {
	// get number of slides	
	var slidesCount = slidesGetCount(n);
	// set slideCurrent
	if (slideCurrent[n] <= 1) {
		slideCurrent[n] = slidesCount;
	} else {
		slideCurrent[n]--;
	}
	// hide all slides
	hideSlidesAll(n);
	// show current slide
	var slideCurrentName = "slide" + slideCurrent[n];
	var slideToShow = document.getElementById(slideCurrentName);
	slideToShow.style.display = "block";	
	// change sq img
	changeSq(n,slideCurrent[n]);	
}


// function to show slide when square clicked
function showSlide(n,slide) {
	// hide all slides
	hideSlidesAll(n);
	// show new slide
	var slideName = "slide" + slide;
	var slideToShow = document.getElementById(slideName);
	slideToShow.style.display = "block";	
	// set slideCurrent
	slideCurrent[n] = slide;
	// change sq img
	if(n==0)
		changeSq(slide);
}


// function to get slide count
function slidesGetCount(n) {
	// get number of slides	
	var slidesWrapper = document.getElementById("slidesWrapper_home" + (n+1));
	var slideDivs = slidesWrapper.getElementsByTagName("div");
	var slidesCount = 0;
	for (var i = 0; i < slideDivs.length; i++) {
		var className = slideDivs[i].getAttribute("name");
		if (className == "slides_home") {
			slidesCount++;
		}
	}
	return slidesCount;
}


// function to hide all slides
function hideSlidesAll(n) {
	var slidesWrapper = document.getElementById("slidesWrapper_home" + (n+1));
	//alert(slidesWrapper);
	var slideDivs = slidesWrapper.getElementsByTagName("div");
	for (var j = 0; j < slideDivs.length; j++) {
		var className = slideDivs[j].getAttribute("name");
		if (className == "slides_home") {
			slideDivs[j].style.display = "none";
		}
	}
}


// function to stop autoplay and timer
function slidesPause(n) {
	//alert("slidesPause called");
	slidesStatus[n] = "pause";
	clearTimeout(timeoutId[n]);
}


// function to chage square graphic from open to closed for current slide
/*function changeSq(sqId) {
	// set all squares to open	
	var slidesWrapper = document.getElementById("slidesWrapper_home");
	var sqImgs = slidesWrapper.getElementsByTagName("img");
	for (var i = 0; i < sqImgs.length; i++) {
		var className = sqImgs[i].getAttribute("name");
		if (className == "sq_home") {
			sqImgs[i].src = "images/storybullet2.gif";
		}
	}
	// set current sq to closed
	var currentSqName = "sq" + sqId;
	var currentSq = document.getElementById(currentSqName);
	currentSq.src = "images/storybullet2-on.gif";
}*/

function changeSq(sqId) {
	// set all squares to open	
	var slidesWrapper = document.getElementById("slidesWrapper_home1");
	var sqImgs = slidesWrapper.getElementsByTagName("td");
	for (var i = 0; i < sqImgs.length; i++) {
		var className = sqImgs[i].getAttribute("name");
		if (className == "sq_home") {
			sqImgs[i].style.background = "#FFFFFF";
		}
	}
	// set current sq to closed
	var currentSqName = "sq" + sqId;
	var currentSq = document.getElementById(currentSqName);
	currentSq.style.background = "#CCCCCC";
}