var $j = jQuery.noConflict();

var teaserItems = 1;
var currentPage = 1;

$j(
		function() 
		{	
			
			teaserItems = parseInt($j(".eventTeaserItem").size());
			$j("#teaserPagesTotal").html(teaserItems);			
			
			$j("#currentTeaserPage").html(currentPage);
			
			var easeEffect = 'easeInOutQuad';
			var effectDuration = 700;
			
			var scrollWidth = $j(".eventTeaserItem").first().width();
						
			if(teaserItems > 1)
			{				
				$j("#pageRight").removeClass("page-opaque");
			}
						
			$j("#pageRight").click(
					
					function()
					{
						if(teaserItems == 1)
							return true;
						
						$j("#pageLeft").removeClass("page-opaque");
						
						if(currentPage != teaserItems)
						{
							$j("#eventTeaserItems").animate(
									{
										left: '-=' + scrollWidth
									},
									effectDuration,
									easeEffect
							);							
							
							currentPage++;
							$j("#currentTeaserPage").html(currentPage);
							
							if(currentPage == teaserItems)
							{
								$j(this).addClass("page-opaque");
							}
						}						
					}
					
					
			);
			
			$j("#pageLeft").click(
					
					function()
					{
						if(currentPage > 1)
						{
							$j("#pageRight").removeClass("page-opaque");
							
							$j("#eventTeaserItems").animate(
									{
										left: '+=' + scrollWidth
									},
									effectDuration,
									easeEffect
							);							
							
							currentPage--;
							$j("#currentTeaserPage").html(currentPage);
							
							if(currentPage == 1)
							{
								$j(this).addClass("page-opaque");
							}
						}
					}
					
					
			);	
			
		}		
);