var total_items = [];

(function($) {
	$.fn.scroller = function(options)    {
        var settings = {
		prods_count : 100,
		prods_inrow : 4,
		cat : 0,
		mark: "T",
		ajaxURL: "ajax_products.php"
        };

	//extending options
	options = options || {};
       	$.extend(settings, options);

		return this.each(function()	{
			var currentPosition = 0;
			var cat = settings.cat;
			this.container = $('#slideshow' + cat);
			var container = $('#slideshow' + cat);

			var slideWidth = $('.slidesContainer', container).width();
			if(slideWidth < 680) slideWidth = 680;         


			var slide_table_width = Math.ceil((slideWidth-50)/4);
			
		//	$(".ajax-table").css("width",slide_table_width);
			var numberOfSlides = Math.ceil(settings.prods_count/settings.prods_inrow);

			$('.slidesContainer', container).css('overflow', 'hidden');
			var slides = $('.slide' , container);


		//	slides.wrapAll('<div id="slideInner" class="slideInner"></div>');
			//alert("slideWidth=" + slideWidth + " and numberOfSlides=" + numberOfSlides);
			$('.slideInner', container).css('width', slideWidth * numberOfSlides);
/*			$('.slidesContainer', this.container).prepend('<span class="control leftControl">left</span>')
			$('.slidesContainer', this.container).append('<span class="control rightControl">right</span>');*/
		//	    .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', container).bind('click', function(){
				// Determine new position
				if ($(this).attr('class')=='control leftControl')	{
					currentPosition = currentPosition-1;
				} else {
					var innerCounter = $(".slideInner", container).children().size();
					if (innerCounter < numberOfSlides && innerCounter == currentPosition+1) {
						currentPosition = currentPosition+1;
						$(".ajax-loader", container).fadeIn("100");
						page = currentPosition + 1;
						$.ajax({
							type: "GET",
							url: settings.ajaxURL,
							data: "page=" + page + "&cat=" + cat + "&slide_table_width=" + slide_table_width + "&mark=" + settings.mark,
							success: function(html){
								$(".ajax-loader", container).hide();
								$(".slideInner", container).append(html);
							}
						});
					} else {
						currentPosition = currentPosition+1;
					}
				}
				manageControls(currentPosition, slideWidth);
			});


			function manageControls(position, slWidth){
				if(position==0){ 
					$('.leftControl', container).hide();
				} else{ 
					$('.leftControl', container).show(); 
				}

				if(position==numberOfSlides-1){ 
					$('.rightControl', container).hide(); 
				} else{ 
					$('.rightControl', container).show(); 
				}

				$('.slideInner', container).animate({'marginLeft' : slWidth*(-position)+0});
			}	

			// preload products
			$(".ajax-loader", container).fadeIn("100");



			$.ajax({
				type: "GET",
				url: settings.ajaxURL,
				data: "page=1" + "&cat=" + cat + "&slide_table_width=" + slide_table_width + "&mark=" + settings.mark,
//				url: "ajax_products.php",
//				data: "page=1" + "&cat=" + cat + "&slide_table_width=" + slide_table_width,
				success: function(html){
					$(".ajax-loader", container).hide();

					$('.slide', container).remove();
					$(".slideInner", container).append(html);
		//			if(typeof(total_items) != "undefined" && total_items > 0)	{
					if(total_items[cat] > 0)	{
						settings.prods_count = total_items[cat];
						numberOfSlides = Math.ceil(settings.prods_count/settings.prods_inrow);
						manageControls(currentPosition, slideWidth);
					}
				}
			});
			

		});
	};

})(jQuery);



/*
function func_scroller(cat)	{
	var slideWidth = $('#slidesContainer' + cat).width();
	if(slideWidth < 680) slideWidth = 680;


	var slide_table_width = Math.ceil((slideWidth-40)/4);
//	$(".ajax-table").css("width",slide_table_width);
	var numberOfSlides = Math.ceil(prods_count/prods_inrow);


	$('#slidesContainer' + cat).css('overflow', 'hidden');
	var slides = $('#slidesContainer' + cat + ' .slide');
//	var slides = $('.slide' + cat);
//	var slides = $('.slide' );


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

	$('#slideInner' + cat).css('width', slideWidth * numberOfSlides);
	$('#slidesContainer' + cat)
	    .prepend('<span class="control" id="leftControl' + cat +'">Clicking moves left</span>')
	    .append('<span class="control" id="rightControl' + cat + '">Clicking moves right</span>');
//	    .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");
				page = currentPosition + 1;
				$.ajax({
					type: "GET",
					url: "ajax_products.php",
					data: "page=" + page + "&cat=" + cat + "&slide_table_width=" + slide_table_width,
					success: function(html){
						$("#ajax-loader").hide();
						$("#slideInner").append(html);
					}
				});
			} else {
				currentPosition = currentPosition+1;
			}
		}
		manageControls(currentPosition, slideWidth);
	});

	function manageControls(position, slWidth){
		if(position==0){ 
			$('#leftControl' + cat).hide();
		} else{ 
			$('#leftControl' + cat).show(); 
		}

		if(position==numberOfSlides-1){ 
			$('#rightControl' + cat).hide(); 
		} else{ 
			$('#rightControl' + cat).show(); 
		}

//		$(id + ' .slideInner').animate({'marginLeft' : slWidth*(-position)});
		$('#slideInner' + cat).animate({'marginLeft' : slWidth*(-position)});
	}	


	// preload products
	$("#ajax-loader" + cat).fadeIn("100");
	$.ajax({
		type: "GET",
		url: "ajax_products.php",
		data: "page=1" + "&cat=" + cat + "&slide_table_width=" + slide_table_width,
		success: function(html){
			$("#ajax-loader" + cat).hide();

			$('#slidesContainer' + cat + ".slide").remove();
			$("#slideInner" + cat).append(html);

//			if(typeof(total_items) != "undefined" && total_items > 0)	{
			if(total_items > 0)	{
				prods_count = total_items;
				numberOfSlides = Math.ceil(prods_count/prods_inrow);
			}
		}
	});

}
*/