$(function(){
        	var ml = 0;
            var scrollAmount = parseInt($("ul.store li").outerWidth()) + parseInt($("ul.store li").css('margin-left'))+ parseInt($("ul.store li").css('margin-right'));
            var items = $("ul.store").children().length-1;
            var counter = 1;
            var step = 3;
            var pages = Math.ceil((items+1)/step);
            /* sets up thickbox functionality */
        	$(".scroller a").attr({ rel: "shadowbox[gallery]"});
          
            /* hides the scroll bar */            
            $(".scroller").css("overflow","hidden");
            
            /* setup the navigation arrows and clears the floats */          
            $("#prods").prepend("<div class='btnHolder'><a href='#' id='btnPrev'></a></div>");                               
            $("#prods").append("<div class='btnHolder'><a href='#' id='btnNext'></a></div>");
            $("#prods").append("<div class='clearleft'></div>");
            
          /*  for(i=1; i<=pages;i++)
				$("#paging").append('<a href="#" class="btnPage">'+i+'</a>');
            
            $(".btnPage:first").addClass('pgActive');
                
            $(".btnPage").click(function(){
               	counter = $(".btnPage").index(this)+1;
            	scrollItems(scrollAmount,counter,step,items);
							return false; 							
            });*/
            
            /* determines if the next button should appear at the beginning */
            if (step > items) $("#btnNext").css("visibility","hidden");

            $("#btnNext").click(function(){        	
                counter += 1;         
                scrollItems(scrollAmount,counter,step,items);  
								return false;           
            });
            
            $("#btnPrev").click(function(){            
                counter -= 1;
                scrollItems(scrollAmount,counter,step,items);
								return false;  
            });                   
        });
        function scrollItems(scrollAmount,counter,step,items)
        {
        	if((counter)>1) $("#btnPrev").css("visibility","visible");
            if((counter)<=1) $("#btnPrev").css("visibility","hidden");
            if(counter > Math.floor(items/step)) $("#btnNext").css("visibility","hidden");
            if(counter <= Math.floor(items/step)) $("#btnNext").css("visibility","visible"); 
            
        	$(".btnPage").removeClass('pgActive');
        	ml = -scrollAmount*(counter-1)*step;
            $("ul.store").animate({marginLeft:ml}, 'slow');
            $(".btnPage").eq(counter-1).addClass('pgActive');
						
        }