/* All Jquery code has to be wrapped in a (document).ready function() */
$(document).ready(function(){
	/* assume there is always at least 1 picture */
	var currentPic = 0;
	var numberOfPics = 1; 
	
	/* count images and hide components */
	for (var i = 1; document.getElementById('articleImg' + i) != null; i++) {
		$("div#" + "articleImg" + i).hide();
		$("div#" + "enlargeImg" + i).hide();
		$("div#" + "articleCapt" + i).hide();
		numberOfPics++;
	}
	
	/* empty's the arrayplace div and sets the initial value of "1 of [length of array] */
	$("div.arrayplace").empty();
	$("div.arrayplace").append((currentPic+1) + " of " + numberOfPics);
	
	$("a.next").click(function(){
		ChangePicRight();
		return false;		
	});
	
	$("a.previous").click(function(){
		ChangePicLeft();
		return false;		
	});
	
	function ChangePicRight() {
		$("div#" + "articleImg" + currentPic).hide();
		$("div#" + "enlargeImg" + currentPic).hide();
		$("div#" + "articleCapt" + currentPic).hide();
		currentPic = (currentPic+1)%(numberOfPics);
		$("div#" + "articleImg" + currentPic).show();
		$("div#" + "enlargeImg" + currentPic).show();
		$("div#" + "articleCapt" + currentPic).show();
		$("div.arrayplace").empty();
		$("div.arrayplace").append((currentPic+1) + " of " + numberOfPics);
	}
	
	function ChangePicLeft() {
		$("div#" + "articleImg" + currentPic).hide();
		$("div#" + "enlargeImg" + currentPic).hide();
		$("div#" + "articleCapt" + currentPic).hide();
		currentPic = (currentPic+numberOfPics-1)%(numberOfPics);
		$("div#" + "articleImg" + currentPic).show();
		$("div#" + "enlargeImg" + currentPic).show();
		$("div#" + "articleCapt" + currentPic).show();
		//$("img.gallery").attr("src",Pics[Index].src);
		$("div.arrayplace").empty();
		$("div.arrayplace").append((currentPic+1) + " of " + numberOfPics);
	}								
});