var scrollnr = new Array();
scrollnr[1] = 0;
scrollnr[2] = 0;
scrollnr[3] = 0;

function scrollDown(id) {
	if(scrollnr[id] < antal[id] - 4){
		$("img[id='scroll" +id+ "up']").attr('src','img/scroll_up_active.jpg');
		$("img[id='scroll" +id+ "up']").addClass('scroll_button');
		
		scrollnr[id]++;	
		
		$("div[id='scrollable" +id+"']").animate({top: '-=73px'}, 500, 'easeOutCirc');
		if(scrollnr[id] == antal[id] - 4){
			$("img[id='scroll" +id+"down']").removeClass('scroll_button');
			$("img[id='scroll" +id+"down']").attr('src','img/scroll_down_inactive.jpg');
		}
	}
}

function scrollUp(id) {
	if(scrollnr[id] > 0){
		$("img[id='scroll" +id+ "down']").attr('src','img/scroll_down_active.jpg');
		$("img[id='scroll" +id+ "down']").addClass('scroll_button');		
		
		scrollnr[id]--;		

		$("div[id='scrollable" +id+"']").animate({top: '+=73px'}, 500, 'easeOutCirc');
		if(scrollnr[id] == 0){
			$("img[id='scroll" +id+"up']").removeClass('scroll_button');
			$("img[id='scroll" +id+"up']").attr('src','img/scroll_up_inactive.jpg');
		}
	}
}

$(document).ready(function(){
	
	//kollar om det finns fler än 4 thumbnails i en lista, om inte så ska man inte kunna scrolla ner
	if(antal[1] < 5){
		$('#scroll1down').removeClass('scroll_button');
		$('#scroll1down').attr('src','img/scroll_down_inactive.jpg');
	}
	if(antal[2] < 5){
		$('#scroll2down').removeClass('scroll_button');
		$('#scroll2down').attr('src','img/scroll_down_inactive.jpg');
	}
	if(antal[3] < 5){
		$('#scroll3down').removeClass('scroll_button');
		$('#scroll3down').attr('src','img/scroll_down_inactive.jpg');		
	}
	
	$('#scroll1down').bind("click",function () { scrollDown('1');});
	$('#scroll1up').bind("click",function () { scrollUp('1');});

	$('#scroll2down').bind("click",function () { scrollDown('2');});
	$('#scroll2up').bind("click",function () { scrollUp('2');});

	$('#scroll3down').bind("click",function () { scrollDown('3');});
	$('#scroll3up').bind("click",function () { scrollUp('3');});
});


function changeTab (nr) {

			$.ajax({
				  type: "POST",
				  url: "include/getList.php",
				  data: ({
						tabNr:nr
					  }),
				  success: function(data) {
					$('.topplista').html(data);
					$('.topplista').css("background-image","url(img/tab"+nr+".png)");
					
					scrollnr[1] = 0;
					scrollnr[2] = 0;
					scrollnr[3] = 0;
				
					//kollar om det finns fler än 4 thumbnails i en lista, om inte så ska man inte kunna scrolla ner
					if(antal[1] < 5){
						$('#scroll1down').removeClass('scroll_button');
						$('#scroll1down').attr('src','img/scroll_down_inactive.jpg');
					}
					if(antal[2] < 5){
						$('#scroll2down').removeClass('scroll_button');
						$('#scroll2down').attr('src','img/scroll_down_inactive.jpg');
					}
					if(antal[3] < 5){
						$('#scroll3down').removeClass('scroll_button');
						$('#scroll3down').attr('src','img/scroll_down_inactive.jpg');		
					}
					
					$('#scroll1down').bind("click",function () { scrollDown('1');});
					$('#scroll1up').bind("click",function () { scrollUp('1');});
				
					$('#scroll2down').bind("click",function () { scrollDown('2');});
					$('#scroll2up').bind("click",function () { scrollUp('2');});
				
					$('#scroll3down').bind("click",function () { scrollDown('3');});
					$('#scroll3up').bind("click",function () { scrollUp('3');});
					
				  }
			});
		}