var fullwidth;
var offset=865;
var element_width=90;
var between_width=95;
var delay=1100;
var pos=1;
var elements_shown=5;
var all_poses;

function show_prev()
{
	if(pos>1)
	{
		pos--;

		$("#frame #gallery_list").animate({left: -(pos-1)*offset}, delay);

		if(pos==1)	
			//$("#prev").css("background-position", "left bottom");
			$("#prev").removeClass("prev1");

			//$("#next").css("background-position", "left top");
			$("#next").removeClass("next1");
	}

	return false;
}
function show_next()
{
	if(fullwidth/(pos*offset)>=1)
	{
		if(fullwidth-pos*offset<offset && fullwidth>=pos*offset)
		{
			$("#frame #gallery_list").animate({left: -(pos-1)*offset-(fullwidth-pos*offset)-between_width}, delay);
		}
		else if(fullwidth>=pos*offset)
		{
			$("#frame #gallery_list").animate({left: -pos*offset}, delay);
		}

		pos++;

		if(fullwidth/(pos*offset)<1)
			//$("#next").css("background-position", "left bottom");
			$("#next").addClass("next1");
		
			//$("#prev").css("background-position", "left top");
			$("#prev").addClass("prev1");
	}

	return false;
}
function load_karusel()
{
	var elements_count=$("#gallery_list img").length;
	fullwidth=elements_count*(element_width+between_width)-between_width;

	all_poses=Math.ceil(elements_count/elements_shown);

	$("#frame #gallery_list").css("width", fullwidth+"px");
	$("#frame #gallery_list div:last-child").css("margin-right", "0");

	$("#prev").click(show_prev);
	$("#next").click(show_next);
}
function init()
{
	load_karusel();
}
$(document).ready(init);