$().ready(

function()
{


	$(".app-nav").bind('click',
	
		function()
		{
			
			var $btn=$(this);
			
			var dir=(	$btn.hasClass('previous')	)?-1:0;
				dir=(	$btn.hasClass('next')	)?+1:dir;
			
			
			var $scroller=$btn.closest('.scrolling-container');
			
			
			var top=$btn.offset().top;
			var left=$btn.offset().left;
			
			$btn.fadeTo(250,.5).fadeTo(250,1);
			
			
			
			updatePagerScroller($scroller,dir);
			
			
			
		
			
		}
	
	);
	
	
	$(".apps-pages-menu-item").bind('click',
	
	
		function()
		{
			//move scroller to selected page
			
			//var $items=$(".apps-pages-menu-item").each(function(){$(this).removeClass('on')});
			
			
			var $btn=$(this);
			var target_page=$btn.attr('page');
			
			var $scroller=$("#lc-app-pages");
			
			$scroller.attr('current_page',target_page);
			
			updatePagerScroller($scroller,999);
			
			
		}
	
	);
	
	
	$(window).resize(
	function() 
	{
    	
    	$scroller=$("#lc-app-pages");
    	updatePagerScroller($scroller,0);
    	
	});
	
	
	
	function updatePagerScroller($scroller,dir)
	{
			var page=$scroller.attr('current_page')*1;
			var num_pages=$scroller.attr('num_pages')*1;
			var $pages=$scroller.find('.app-pages-canvas');
			var currentX=$pages.offset().left;
			var newX=currentX;
			var pageWidth=800;//$scroller.width();
			var animTime=0;
			
			var $prv=$scroller.find(".app-nav.previous");
			var $nxt=$scroller.find(".app-nav.next");
			
			switch(dir)
			{
				case -1:
					if(page-1>=0)	{	page=page-1;	animTime=250;	}
					else			{	page=num_pages-1;	animTime=200*num_pages;			}
					
					
					
					break;
				case +1:					
					if(page+1<=num_pages-1)	{	page=page+1;	$nxt.removeClass('off');	animTime=250;}
					else					{	page=0;					animTime=200*num_pages;		}
					
					
					break;
				case 999:
					animTime=500;
					break;
				case 0:
				default:
					animTime=0;
					break;
			}
			
			
			$scroller.find('.apps-pages-menu-item').each(
			
				function(index)
				{
					var $btn=$(this);
				
					if(index==page)
						$btn.addClass('on');
					else
						$btn.removeClass('on');
				}
			)
					
			
			$scroller.attr('current_page',page);
			
			newX=page*pageWidth;
			
			$pages.animate({"left":-newX},animTime,function(){});
			
	}
	




});