// JavaScript Document

$(document).ready(function() {
	$("#bNaPic li").css("visibility","hidden");
	$("#bNaPic li").css("height","0"); 
	$("#bNaPic li").css("overflow","hidden"); 

	var n = $("#bNaPic ul img").length;
	var d_source = 	$("#bNaPic li img:eq(0)").attr("src");
	var d_alt = 	$("#bNaPic li img:eq(0)").attr("alt");
					$("#bNaDisplay").attr("alt", d_alt);
					$("#bNaDisplay").attr("title", d_alt);
					$("#bNaDisplay").attr("src", d_source);
					
					
		
	var i = (0);
	var t = (n - 1);
		$("#num").text(i);	
		$("#tot").text(n);
	
	$(".bNaNextImage").click(function(event) {
		event.preventDefault();
		
			if (i == t) {
			  return false;
			} else {
				i++;
				}
		var source =  $("#bNaPic li img:eq("+i+")").attr("src");
		var alternate =  $("#bNaPic li img:eq("+i+")").attr("alt");
		var width =  $("#bNaPic li img:eq("+i+")").attr("width");
		var height =  $("#bNaPic li img:eq("+i+")").attr("height");
		$("#bNaDisplay").attr("src", source);
		$("#bNaDisplay").attr("alt", alternate);
		$("#bNaDisplay").attr("width", width);
		$("#bNaDisplay").attr("height", height);
		});
	
	$(".bNaPreviousImage").click(function(event) {
		event.preventDefault();
			if (i == 0) {
			  return false;
			} else {
				i--;
				}
		var source =  $("#bNaPic li img:eq("+i+")").attr("src");
		var alternate =  $("#bNaPic li img:eq("+i+")").attr("alt");
		var width =  $("#bNaPic li img:eq("+i+")").attr("width");
		var height =  $("#bNaPic li img:eq("+i+")").attr("height");
		$("#bNaDisplay").attr("src", source);
		$("#bNaDisplay").attr("alt", alternate);
		$("#bNaDisplay").attr("width", width);
		$("#bNaDisplay").attr("height", height);
		});
});