/*Roll Over/Out Script*/

var loaded = false;

if (document.images) {

	/* PreCache all "normal" button images */
	var slide = new Array(5);
	slide[0] = new Image;
	slide[1] = new Image;
	slide[2] = new Image;
	slide[3] = new Image;
	slide[4] = new Image;
	
	/* set "normal" image path for each button */
	slide[0].src = "/images/locations/castle/01.jpg";
	slide[1].src = "/images/locations/castle/02.jpg";
	slide[2].src = "/images/locations/castle/03.jpg";
	slide[3].src = "/images/locations/castle/04.jpg";
	slide[4].src = "/images/locations/castle/05.jpg";
	
	loaded = true;
}// end if
	
var aryPrevText = new Array(5);
aryPrevText[0] = '&nbsp;'; 
aryPrevText[1] = '<a class="slide" href="#" onclick="prevImg(1)"> < Previous Slide</a>'; 
aryPrevText[2] = '<a class="slide" href="#" onclick="prevImg(2)"> < Previous Slide</a>'; 
aryPrevText[3] = '<a class="slide" href="#" onclick="prevImg(3)"> < Previous Slide</a>'; 
aryPrevText[4] = '<a class="slide" href="#" onclick="prevImg(4)"> < Previous Slide</a>'; 

var aryNextText = new Array(5);
aryNextText[0] = '<a class="slide" href="#" onclick="nextImg(0)">Next Slide > </a>';
aryNextText[1] = '<a class="slide" href="#" onclick="nextImg(1)">Next Slide > </a>';
aryNextText[2] = '<a class="slide" href="#" onclick="nextImg(2)">Next Slide > </a>';
aryNextText[3] = '<a class="slide" href="#" onclick="nextImg(3)">Next Slide > </a>';
aryNextText[4] = '&nbsp;</a>';

function nextImg(id) {
	if (document.images) {
		var nextId = id+1;
		if (nextId > (slide.length-1)){
			nextId = 0;
		}//end if
		document.images['slide'].src = slide[nextId].src;
		swapPrevLink(nextId);
		swapNextLink(nextId);
		//alert (nextId);
	}//end if
}//end nextImg

function prevImg(id) {
	if (document.images){
		var prevId = id-1;
		if (prevId < 0){
			prevId = slide.length-1;
		}//end if
		document.images['slide'].src = slide[prevId].src;
		swapPrevLink(prevId);
		swapNextLink(prevId);
	}//end if
	//else {document.images[id].src = current[id].src;}
}//end prevImg

function swapPrevLink(id) {
  var contentId = document.getElementById('previous');
  var content = aryPrevText[id];
  contentId.innerHTML = content;
}

function swapNextLink(id) {
  var contentId = document.getElementById('next');
  var content = aryNextText[id];
  contentId.innerHTML = content;
}

