$(document).ready(function(){
	$("#ulSlider").empty();
	
 	var items_count;
	var steps;
	var actual_step ;
	
	$.get("http://www.infeo.pl/json-get.php",
		function(data)
		{
			/*
			data = data.replace(' ', '');
			data = data.replace("\n", '');
			*/
			var obj = $.parseJSON(data);
			var busy = true;
			items_count = obj.items.length;
			$.each(obj.items, function(i, item)
			{
				$('<li><a href="http://www.infeo.pl/realizacje/' + item.url + '"><img src="http://www.infeo.pl/images/slider/' + item.src + '" alt="' + item.title + '" /><span><b>' + item.title + '</b>' + item.desc + '</span></a></li>').appendTo("#ulSlider");
			});
			
			$("#ulSlider li a").css("opacity", "0.5");
			$("#ulSlider li a span").css("top", "-40px");
			
			$("#ulSlider li a").hover(function ()
			{
				$("#ulSlider li a").animate({opacity: 0.2}, {queue:false, duration:300}  ).filter(this).animate({opacity: 0.9},{queue:true, duration:300} );
				var hg = $("span", this).outerHeight();
				$("span", this).animate({top: "-"+hg });
			},
			function ()
			{
				$("#ulSlider li a").animate({opacity: 0.5}, "fast");
				$("span", this).animate({top: "-40" });
			});
			
			actual_step = 1;
			steps = Math.round(items_count / 5);
			$("a#next").attr("href", "#").click(function(e)
			{
				if(actual_step != steps)
				{
					$("#ulSlider").animate( { "left": "-=800" }, "fast" );
					actual_step++;
				}
				else
				{
					var scroll = "+="+(steps-1) * 800;
					$("#ulSlider").animate( { "left": scroll }, 150 );
					actual_step = 1;
				}
				return false;
			});
			
			$("a#prev").attr("href", "#").click(function(e)
			{
				if(actual_step != 1)
				{
					$("#ulSlider").animate( { "left": "+=800" }, "fast" );
					actual_step--;
				}
				else
				{
					var scroll = "-="+(steps-1) * 800;
					$("#ulSlider").animate( { "left": scroll }, 150 );
					actual_step = steps;
				}
				return false;
			});
	});
	

});