var comicWidth = 495;
$(document).ready(function(){
	//time
//

	
	
	$("#navNext").click(function(){
		if (parseInt($('#curPage').val())<parseInt($('#numOfPages').val())){
			
			var newMarginLeft = parseInt($("#marginLeft").val())-comicWidth;
			
			$("#comic").animate({marginLeft: newMarginLeft+"px"},{queue: false, duration: 1000});
			
			$("#curPage").val(parseInt($('#curPage').val())+1);
			$("#marginLeft").val(newMarginLeft);

		}
	});
	
	$("#navNextB").click(function(){
		if (parseInt($('#curPage').val())<parseInt($('#numOfPages').val())){
			
			var newMarginLeft = parseInt($("#marginLeft").val())-comicWidth;
			
			$("#comic").animate({marginLeft: newMarginLeft+"px"},{queue: false, duration: 1000});
			
			$("#curPage").val(parseInt($('#curPage').val())+1);
			$("#marginLeft").val(newMarginLeft);

		}
	});
	
	$("#navBack").click(function(){

		if (parseInt($('#curPage').val())>1){
			var newMarginLeft = parseInt($("#marginLeft").val())+comicWidth;
			
			$("#comic").animate({marginLeft: newMarginLeft+"px"},{queue: false, duration:1000});
			
			$("#curPage").val(parseInt($('#curPage').val())-1);
			$("#marginLeft").val(newMarginLeft);
		}
	});
	$("#navBackB").click(function(){
		if (parseInt($('#curPage').val())>1){
			var newMarginLeft = parseInt($("#marginLeft").val())+comicWidth;
			
			$("#comic").animate({marginLeft: newMarginLeft+"px"},{queue: false, duration:1000});
			
			$("#curPage").val(parseInt($('#curPage').val())-1);
			$("#marginLeft").val(newMarginLeft);
		}
	});
	
	$("#navBeginning").click(function(){
		$("#comic").animate({marginLeft: "0px"},{queue: false, duration: 1000});
		
		$("#curPage").val("1");
		$("#marginLeft").val("0");
	});
	
	$("#navEndB").click(function(){
		var newMarginLeft = (parseInt($("#numOfPages").val()-1)*comicWidth)*-1;
		$("#comic").animate({marginLeft: newMarginLeft+"px"},{queue: false, duration: 1000});
		
		$("#curPage").val($("#numOfPages").val());
		$("#marginLeft").val(newMarginLeft);

	});
	

		//Load comic Pages
	for (i=1; i<=parseInt($("#numOfPages").val()); i++){
		var paths = $("#path").val();
		paths= paths+"/"+i+".jpg";
		//alert(paths);
		//$("#page"+i).css("background-image","url('"+paths+"')");
		//$("#page"+i).innerHTML="<img src='"+paths+"' usemap='#"+i+"'/>";
		//$("#page"+i).html="asdgasdgasdg<img src='"+paths+"'/>";
		$("#page"+i).html("<img src='"+paths+"' usemap='#"+i+"'/>");
	}
});



	
//perform quickLink maneuvers.	
function quickLink(num){
		
		 newMarginLeft = "-"+num*495;

		$("#comic").animate({marginLeft: newMarginLeft+"px"}, {queue: false, duration: 1000});
		
		$("#curPage").val(parseInt(num)+1);
		$("#marginLeft").val(newMarginLeft);		
}