$(document).ready(function(){
	var currentPosition = 0;
	var currentSlide = 1;
  	var slideWidth = 900;
	var numberOfSlides = 3;

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

	$('#rightControl')
    .bind('click', function(event){
	event.preventDefault();
	
	 if (currentSlide < numberOfSlides){
		// Determine new position
		currentPosition = currentPosition+1;
	
		// Determine the current slide
		currentSlide = currentSlide+1;
		
		// Move slideInner using margin-left
		 
      
	  	$('.homeGames').animate({
			'marginLeft' : slideWidth*(-currentPosition)
	 	});
	  
	  }
    
	});
	
	$('#leftControl')
    .bind('click', function(event){
	event.preventDefault();
	
	 if (currentSlide > 1){
		// Determine new position
		currentPosition = currentPosition-1;
	
		// Determine the current slide
		currentSlide = currentSlide-1;
		
		// Move slideInner using margin-left
		 
      
	  	$('.homeGames').animate({
			'marginLeft' : slideWidth*(-currentPosition)
	 	});
	  
	  }
    
	});
	
	$(".gameModBtn").click(function(event){
				
				event.preventDefault();
				
				currentPosition = 0;
				
				currentSlide = 1;
				
				
				
				$('.homeGames').css(
					"marginLeft" , "0"
	 			);
				
				$clicked = $(this);
				
				if ($clicked.attr("id") == "cardGames-button"){
					numberOfSlides = 1;
				} else { numberOfSlides = 3; }
				
				var idToLoad = $clicked.attr("id").split('-');
				
				$(".gameslist li a").removeClass("active");
				$(this).addClass("active");
				
				if($("#"+idToLoad[0]).is(":hidden")){
				// each button div MUST have a "xx-button" and the target div must have an id "xx" 
			
					$("#products").find("ul:visible").css({
						
							display: "none"
							
					});
				
					$("#"+idToLoad[0]).fadeIn();
				
				} else {
				}
				
				
			
		});



});