$(function(){   
    $('.types').mouseover(function(){ 
        $('.types').removeClass('selected');
        $(this).addClass('selected');
    });

    var l = $('.s-right>ul>li').length;
    var w = $('.types').width()+2; 
    var lVal=0; 
    $('.btn-right').click(function(){
    	$('.types').removeClass('selected');
    	lVal+=w;
    	if(lVal >= w*(l-2)){
    		lVal = 0;
    	}
    	$('.s-right>ul').css('left',-lVal+'px');
    });
    $('.btn-left').click(function(){ 
    	$('.types').removeClass('selected');
    	if(lVal<=0){
    		lVal = w*(l-2);
    	}
    	lVal-=w;  
    	$('.s-right>ul').css('left',-lVal+'px');
    });
});