var prevCounter = 0;
	var nextCounter = 0;
	var currentPage = 1;
	var maxPages = $("#browseMaxPage").text();
	var animating = false;
	var credit = "11";
	
	function loadBrowseWidget(){
	
		
		
		get_page_ajax(credit, 1);
		get_page_ajax(credit, 2);
		get_details_ajax(credit, "getpagenums");
		get_details_ajax(credit, "getaz");	
	}
	
	$(function(){	
		$("#browseCreditList a").click(function() {
			var credit_id = $(this).attr("id");
			credit_id = credit_id.substr(credit_id.indexOf("_")+1);
	
			$("#browseDisabledToolTipContainer").remove();
			if ($(this).hasClass("disabled")) {			
				/*var position = $(this).position();			
				var parentPosition = $(this).parent().parent().position();
				$(document.body).append("<div id='browseDisabledToolTipContainer' style='top:"+ (parentPosition.top - 3) +"px; left: "+ (position.left + 25) +"px;'><div id='browseDisabledToolTip'><span style=''>You must be a member to browse this category.</span></div></div>");
				$("#browseDisabledToolTipContainer").fadeIn("slow");
				setTimeout(function(){
						$("#browseDisabledToolTipContainer").fadeOut("slow");
					}, 5000);*/
				return false;
			} else {
				credit = credit_id;
				$("#browseCreditList .selected").removeClass("selected");
				$(this).addClass("selected");
				// load the first two pages of content
				$(".browseNextPage").remove();
				$(".browseCurrentPage").remove();
				$("#innerContainer").append("<div class='browseCurrentPage' id='browse_page_1'>"+ $(".browsePageClone").html() +"</div>");						
				$("#innerContainer").append("<div class='browseNextPage' id='browse_page_2'>"+ $(".browsePageClone").html() +"</div>");						
				get_page_ajax(credit, (1));
				get_page_ajax(credit, (2));
				currentPage = 1;
				$("#browseCurPage").text(currentPage);
				
				get_details_ajax(credit, "getpagenums");
				get_details_ajax(credit, "getaz");
				return false;
			}
			return false;
		});
				
		$("#browseCurPage").text(currentPage);
		$("#browseMaxPage").text(maxPages);
		
		$("#browseControlPrev").click(function () {
			if (currentPage > 1) {			
				if (!animating) {
					currentPage--;
					animating = true;
					
					$(".browsePrevPage").css({marginLeft: "0px"}).animate({left: "0px"}, 500);
					$(".browseCurrentPage").animate({marginLeft: "600px"}, 500, function() {
							$(".browseNextPage").remove();
							$(".browseCurrentPage").addClass("browseNextPage").removeClass("browseCurrentPage").css({marginLeft: "0px"});
							$(".browsePrevPage").addClass("browseCurrentPage").removeClass("browsePrevPage").css({marginLeft: "0px"});
							$("#innerContainer").prepend("<div class='browsePrevPage' id='browse_page_"+ (currentPage-1) +"'>"+ $(".browsePageClone").html() +"</div>");						

							get_page_ajax(credit, (currentPage-1));
							$("#browseCurPage").text(currentPage);
							animating = false;
						}
					);				
				}
			}
			return false;
		});
		
		$("#browseControlNext").click(function () {
			if (currentPage < maxPages) {					
				if (!animating) {
					currentPage++;
					animating = true;
					
					$(".browseCurrentPage").animate({marginLeft: "-600px"}, 500, function(){
							$(".browsePrevPage").remove();							
							$(".browseCurrentPage").addClass("browsePrevPage").removeClass("browseCurrentPage").css({marginLeft: "0px", left: "-600px"});
							$(".browseNextPage").addClass("browseCurrentPage").removeClass("browseNextPage").css({marginLeft: "0px"});							
							$("#innerContainer").append("<div class='browseNextPage' id='browse_page_"+ (currentPage+1) +"'>"+ $(".browsePageClone").html() +"</div>");

							get_page_ajax(credit, (currentPage+1));
							$("#browseCurPage").text(currentPage);
							animating = false;
						}
					);					
				}
			}
			return false;
		});
	});
		
		function get_page_ajax(ct, pn) {
			$.ajax({
				url: 'browse_ajax.pl',
				type: 'GET',
				dataType: 'html',
				data: {creditType:[ct], page:[pn], action:["getpage"]},
				timeout: 20000,
				error: function(){
					//alert('Error loading XML document');
				},
				success: function(html){				
					// do something with xml
					$("#browse_page_"+pn).removeClass("browseLoading");
					$("#browse_page_"+pn).empty();
					$("#browse_page_"+pn).append(html);
					$("#browse_page_"+pn).fadeIn("slow");
					$("img").load(function() {
						$(this).css({visibility: 'visible'});
					});
					$(".browseContent").hover(
						function() {
							$(this).find("div.browseContentDetails").show();
							var position = $(this).position();
							$(this).find("div.browseContentDetails").css({left: (position.left - 15), top: (position.top - 12)});
						},
						function () {
							$(this).find("div.browseContentDetails").hide();
						}
					);
					//animating = false;
				}
			});
		}
			
			function get_details_ajax(ct, detailType) {
				$.ajax({
					url: 'browse_ajax.pl',
					type: 'GET',
					dataType: 'html',
					data: {creditType:[ct], action:[detailType]},
					timeout: 20000,
					error: function(){
						//alert('Error loading XML document');
					},
					success: function(html){
						if (detailType == "getpagenums") {
							$("#browseMaxPage").text(html);
							maxPages = $("#browseMaxPage").text();
						} else if (detailType == "getaz") {
							$("#browseAZ").html(html);
							$("#browseAZ a").click(function() {
								var browseToPage;
								browseToPage = $(this).attr("href");
								browseToPage = parseInt(browseToPage.substring(browseToPage.indexOf("page=")+5));
								$(".browseNextPage").remove();
								$(".browseCurrentPage").remove();
								$(".browsePrevPage").remove();
								$("#innerContainer").append("<div class='browseCurrentPage' id='browse_page_"+browseToPage+"'>"+ $(".browsePageClone").html() +"</div>");						
								$("#innerContainer").append("<div class='browseNextPage' id='browse_page_"+(browseToPage + 1)+"'>"+ $(".browsePageClone").html() +"</div>");
								$("#innerContainer").prepend("<div class='browsePrevPage' id='browse_page_"+(browseToPage-1)+"'>"+ $(".browsePageClone").html() +"</div>");							

								get_page_ajax(ct, browseToPage);
								get_page_ajax(ct, browseToPage+1);
								get_page_ajax(ct, browseToPage-1);
								currentPage = browseToPage;
								$("#browseCurPage").text(currentPage);
								animating = false;
							});
						}
					}
				});
			
			}