$(window).load(function () 
{

		// lightbox 
		$('a[@rel*=lightbox]').lightBox();
		// pokazywanie strzalek
		$('#click_back').css('display', 'block');
		$('#click_more').css('display', 'block');
		
		
		var gal_container = $('#widthbox');
		gal_container.css("display", "inline");
		var visible_gal_box = $("#thumb_container");
		var img_margins = 10;
		var visible_imgs = 4;
		var current_pos = 0; // ktory element jest aktualnie pokazywany (liczone od lewej)
		var thumbs_array = [];
		// tworzenie tablicy ze zdjeciami galerii i ich wymiarami
		var childrens = gal_container.find('img');
		var i = 0;
		var gallery_width = 0;
		$.each(childrens, function(index, value)
		{
			var element_width = $(this).width() + img_margins;
			thumbs_array[index] = element_width;
			
			if(i>=visible_imgs)
			{
			
			}else{
				gallery_width = gallery_width + element_width;
				i = i + 1;
			}
		
		});
		// pokazywanie galerii dla odpowiedniej ilosci zdjec
		visible_gal_box.css('width', gallery_width+'px');
		var imgs_num = thumbs_array.length;
	
		$("#rightmore").click(function()
		{
			
			if(current_pos + visible_imgs >= imgs_num)
			{
				// do zera
				current_pos = 0;
				var new_gall_width = 0;
				for(var i=0; i<visible_imgs; i++)
				{
					new_gall_width += thumbs_array[current_pos + i];
				}
				gal_container.animate({'left': '0px'}, 'slow');
				visible_gal_box.animate({'width': new_gall_width+'px'}, 'slow');
				
			}
			else // normalnie
			{
				var thumbs_left = thumbs_array[current_pos];
				thumbs_left = -thumbs_left;
				var new_gall_width = 0;
				for(var i=1; i<=visible_imgs; i++)
				{
					new_gall_width += thumbs_array[current_pos + i];
				}
				//ani
				gal_container.animate({'left': '+='+thumbs_left+'px'}, 'slow');
				visible_gal_box.animate({'width': new_gall_width+'px'}, 'slow');
				current_pos += 1;
			}
			
			return false;
		});
		
		$("#leftmore").click(function()
		{
			
			if(current_pos == 0) // nic nie robi
			{
								
			}
			else // normalnie
			{
				var thumbs_left = thumbs_array[current_pos - 1];
				var new_gall_width = 0;
				for(var i=0; i<visible_imgs; i++)
				{
					new_gall_width += thumbs_array[(current_pos - 1) + i];
				}
				//ani
				gal_container.animate({'left': '+='+thumbs_left+'px'}, 'slow');
				visible_gal_box.animate({'width': new_gall_width+'px'}, 'slow');
				current_pos -= 1;
			}
			
			return false;
		});
	

});