// JavaScript Document


var num = 0;
var timeFunc;
var previousSlide=0;

function InitializeFeatureSlideShow()
{
  slide(num);
  InitTimeInterval();
}

function slide(slide_num) {
  document.getElementById('navButton'+(previousSlide+1)).style.backgroundColor = '';
  previousSlide = slide_num;
  document.getElementById('featurePic').innerHTML=imgArray[slide_num][0];
  document.getElementById('featureArea').innerHTML=imgArray[slide_num][1];
  document.getElementById('featureTitle').innerHTML=imgArray[slide_num][2];
  document.getElementById('featureDesc').innerHTML=imgArray[slide_num][3];
  document.getElementById('navButton'+(slide_num+1)).style.backgroundColor = '#bf311a';
}


function InitTimeInterval() {
  clearInterval(timeFunc);
  timeFunc = setInterval("TimedImage()",6000);
}


function TimedImage() {
  window.num++;
  window.num = LimitNumber(window.num);
  slide(window.num);
}


function LimitNumber(value) {
  if (value < 0) { value = imgArray.length - 1; }
  else if (value > imgArray.length- 1) { value = 0 }
  return value; 
}


function slideshowJump(num) {
  window.num = LimitNumber(num);
  slide(window.num);
  InitTimeInterval();
}

function slideshowNext(){
	newnum = window.num+1;
	slideshowJump(newnum);	
}

function writeFeatureNav(){
	for(var x=0;x<imgArray.length;x++){
		document.write('<a id="navButton'+(1+x)+'" href="" onClick="slideshowJump('+x+'); return false;">'+(1+x)+'</a> ');
	}
	document.write('&nbsp;&nbsp;<a href="" onClick="slideshowNext(); return false;">></a>');
}