var amenImages = [];
var amenThumbs_on = [];
var amenThumbs_off = [];

var currentAmen = 0;

$(document).ready(function(){

  $('#amen_nav img, .exp_nav_img').hover(
	function() {
		$(this).css({
			borderColor:  "#fff"
		});
	},
	function () {
		$(this).css({
			borderColor:"#9A9A9A"	
		});
	}
  );

  for (var i=0; i<amenImages.length; i++) {
	newImage(amenImages[i]);
	newImage(amenThumbs_on[i]);
	newImage(amenThumbs_off[i]);
  }

  $('#amen_nav img').click(
        function() {
		var index = $(this).attr("id"); 
		index = index.substring(index.length-1, index.length);
		$("#content-top-exp").css("backgroundImage", "url(" + amenImages[index] + ")");
		$("#amen_nav img").each( 
			function(i, e) {
				$(e).attr("src", amenThumbs_off[i]);
			}
		);

		$(this).attr("src", amenThumbs_on[index]);
		currentAmen = index;
        }
  );
  $('#amen_nav img').attr("alt", "Click to view large image");

  
});