var $j = jQuery.noConflict();

var imagesArray = new Array();

imagesArray[0] = new Array("Snowing in the woods - Fergus, Ontario, Canada", "/wordpress/wp-content/themes/grandcanyon/images/banner/woods-fergus.jpg");
imagesArray[1] = new Array("Floating down the Colorado River through the Grand Canyon", "/wordpress/wp-content/themes/grandcanyon/images/banner/canyon.jpg");
imagesArray[2] = new Array("Floating plastic cubes - Detroit Airport", "/wordpress/wp-content/themes/grandcanyon/images/banner/aquarium-detroit-airport.jpg");
imagesArray[3] = new Array("9/11 memorial - New York City, New York", "/wordpress/wp-content/themes/grandcanyon/images/banner/9-11-memorial.jpg");
imagesArray[4] = new Array("Overlooking the water - Labadee, Haiti", "/wordpress/wp-content/themes/grandcanyon/images/banner/overlook-haiti.jpg");
imagesArray[5] = new Array("Lulu - Laying in the front yard", "/wordpress/wp-content/themes/grandcanyon/images/banner/lulu.jpg");


var currImage = Math.floor(Math.random()*imagesArray.length);
var prevImage = getPreviousImage();
var nextImage = getNextImage();

$j(document).ready(function() {
	
	$j("#curr-image").show();
	$j("#image-nav").show();
	$j("#curr-image img").hide().fadeIn(200);
	//$j("#curr-image img").fadeIn(200);	

	$j("#prev-image").append("<img />");
	$j("#next-image").append("<img />");

	setImages();
	
	$j("image-prev").hide();	
	
	$j("#image-prev").click(function() {
		// set the current image to the previous image							
		setCurrImage(getPreviousImage());
		
		// then set the previous image to the one before that
		setPrevImage(getPreviousImage());
		setNextImage(getNextImage());
		setImages();
	});

	$j("#image-next").click(function() {
		// set the current image to the next image
		setCurrImage(getNextImage());
		
		// then set the next image to the one before that
		setNextImage(getNextImage());
		setPrevImage(getPreviousImage());
		setImages();
	});

}); //end document.ready

function setCurrImage(arrayIndex) {
	this.currImage = arrayIndex;
}

function setPrevImage(arrayIndex) {
	this.prevImage = arrayIndex;
}

function setNextImage(arrayIndex) {
	this.nextImage = arrayIndex;
}

function getCurrImage() {
	return this.currImage;
}

function getPreviousImage() {
	currImg = this.currImage;
	
	if (currImg <= 0) {
		prevImg = this.imagesArray.length -1;
	}
	else {
		prevImg = this.currImage -1;
	}
	
	return prevImg;
}

function getNextImage() {
	currImg = this.currImage;
	
	if (currImg >= this.imagesArray.length -1) {
		nextImg = 0
	}
	else {
		nextImg = this.currImage +1;
	}
	
	return nextImg;
}

function setImages() {
	$j("#caption-bar p").hide().text(this.imagesArray[this.currImage][0]).show();
	//$j("#caption-bar p").text(this.imagesArray[this.currImage][0]);
	//$j("#caption-bar p").show();
	
	$j("#curr-image img").hide().attr("src", this.imagesArray[this.currImage][1]).fadeIn(400);
	//$j("#curr-image img").attr("src", this.imagesArray[this.currImage][1]);
	//$j("#curr-image img").fadeIn(400);
	
	$j("#prev-image img").attr("src", this.imagesArray[this.prevImage][1]);
	$j("#next-image img").attr("src", this.imagesArray[this.nextImage][1]);
}