$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 523;
  var slides = $('.slide');
	var numberOfSlides = Math.ceil(new_prods_count/new_prods_inrow);

  $('#slidesContainer').css('overflow', 'hidden');

  slides.wrapAll('<div id="slideInner"></div>');

  $('#slideInner').css('width', slideWidth * numberOfSlides);

  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

	if (currentPosition==0)	{
		manageControls(currentPosition, slideWidth);
	}

  $('.control')
    .bind('click', function(){
    // Determine new position
		if ($(this).attr('id')=='leftControl')	{
			currentPosition = currentPosition-1;
		} else {
			var innerCounter = $("#slideInner").children().size();
			if (innerCounter < numberOfSlides && innerCounter == currentPosition+1) {
				currentPosition = currentPosition+1;
				$("#ajax-loader").fadeIn("100");
				$.ajax({
				type: "POST",
				url: "new_products.php",
				data: "shift=" + new_prods_inrow*currentPosition,
				success: function(html){
						$("#ajax-loader").hide();
						$("#slideInner").append(html);
					}
				});
			} else {
				currentPosition = currentPosition+1;
			}
		}

    manageControls(currentPosition, slideWidth);
  });

  function manageControls(position, slWidth){
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
		$('#slideInner').animate({
			 'marginLeft' : slWidth*(-position)
		});
  }	
});