var items = 0;
function runScrollScript(){
	$.ajax({
		url: '../main/scrollajax.asp?count=1',
		success: function(data){
			items = data;
			scrollScriptAjust();
		}
	});
}

var origLiNum;
var currentMin = 1;
var currentPage = 1;
var pages = 0;
var liWidth = 177;
var margin = 0;

function scrollScriptAjust(){
	var containerWidth = $('#scrollUlContainer').width()-100;
	var liNum = Math.floor(containerWidth/liWidth);
	origLiNum = liNum;
	pages = items/liNum;
	pages = Math.round(pages*Math.pow(10,0))/Math.pow(10,0);
	var remainingSpace = containerWidth - liNum * liWidth;
	margin = Math.floor(remainingSpace / liNum / 2);
	
	$("<div>").load("../main/scrollajax.asp?min="+1+"&max="+liNum, function() {
	      $('div#mousescroll ul').html($(this).html());
	      $('#mousescroll ul li').css({marginLeft : margin+"px",marginRight : margin+"px" });
	      currentMin = liNum+1;
	});
	
	$('#debug').html("Li count: "+liNum+"<br />Antal sider: "+pages+"<br />Margin: "+margin);
}

function scrollScriptAjustTable(){
	var containerWidth = $('#scrollUlContainer').width()-100;
	var liNum = Math.floor(containerWidth/liWidth);
	pages = items/liNum;
	pages = Math.round(pages*Math.pow(10,0))/Math.pow(10,0);
	var remainingSpace = containerWidth - liNum * liWidth;
	margin = Math.floor(remainingSpace / liNum / 2);
	
	if(liNum > origLiNum){
		origLiNum = liNum;
		var currentMax = currentMin+(liNum-origLiNum);
		$("<div>").load("../main/scrollajax.asp?min="+currentMin+"&max="+currentMax, function() {
		      $('div#mousescroll ul').append($(this).html());
		      $('#mousescroll ul li').css({marginLeft : margin+"px",marginRight : margin+"px" });
		      currentMin = currentMax+1;
		});
	}
	
	$('#mousescroll ul li').css({marginLeft : margin+"px",marginRight : margin+"px" });
	
	$('#debug').html("Li count: "+liNum+"<br />Antal sider: "+pages+"<br />Margin: "+margin+"<hr />"+origLiNum);
}

function scrollPage(direction){
	var containerWidth = $('#scrollUlContainer').width()-100;
	var liNum = Math.floor(containerWidth/liWidth);
	
	if(direction == "forward"){
		var pp = 1;
	}else{
		var pp = -1;
	}
	
	var newPage = currentPage+pp;
	
	if(newPage == 0){ //If the user pressed previous page on first page, it should show the last page
		newPage = pages;
	}else if(newPage >= pages){ //If the user pressed next page on the last page, it should show the first page
		newPage = 1;
	}
	
	if(newPage == 2){
		var min = liNum+1;
		var max = min+liNum;
	}else if(newPage == pages){
		var min = liNum*newPage+1;
		var max = min+liNum;
		newPage = newPage-1;
	}else if(newPage != 1){		
		var min = liNum*currentPage+1;
		var max = min+liNum;
	}else{
		var min = 1;
		var max = liNum;
	}
	
	$("#mousescroll .prodvisboxscroll").html('<table width="100%" height="100%"><tr valign="middle" align="center"><td><img src="scroll/ajaxload.gif" alt="" /></td></td></table>');
	
	$("<div>").load("../main/scrollajax.asp?min="+min+"&max="+max, function() {
	      $('div#mousescroll ul').html($(this).html());
	      $('#mousescroll ul li').css({marginLeft : margin+"px",marginRight : margin+"px" });
	      currentMin = max+1;
	      currentPage = newPage;
	      origLiNum = liNum+1;
	});
	
}

$(window).resize(function() {
	scrollScriptAjustTable();
});
$(window).bind('load', function(){
		runScrollScript();
	});