gistfile1.txt

$(document).ready(function(){

	function iconSlider() {
		$('.fa-angle-right').click(function(){
		
		var $clientlistWidth = $("body").find('.icon-wrap').width();
		
			if ($clientlistWidth == 250 && parseInt($('#clientlist').css('right'), 10) < 2500) {
			        $('#clientlist').animate({'right': "+=250px" });
			    	console.log("list is 250px wide and right is less than 2500px");    
			}
			else if ($clientlistWidth == 500 && parseInt($('#clientlist').css('right'), 10) < 2250) {
			        $('#clientlist').animate({'right': "+=250px" });
			    	console.log("list is 500px wide and right is less than 2250px");    
			}
			else if ($clientlistWidth == 750 && parseInt($('#clientlist').css('right'), 10) < 2000) {
			        $('#clientlist').animate({'right': "+=250px" });
			    	console.log("list is 750px wide and right is less than 2000px");    
			}
			else if ($clientlistWidth == 1000 && parseInt($('#clientlist').css('right'), 10) < 1750) {
			        $('#clientlist').animate({'right': "+=250px" });
			    	console.log("list is 500px wide and right is less than 1750px");    
			}
			else if ($clientlistWidth == 1250 && parseInt($('#clientlist').css('right'), 10) < 1500) {
			        $('#clientlist').animate({'right': "+=250px" });
			    	console.log("list is 500px wide and right is less than 1500px");    
			}
			else if ($clientlistWidth == 1500 && parseInt($('#clientlist').css('right'), 10) < 1250) {
			        $('#clientlist').animate({'right': "+=250px" });
			    	console.log("list is 1500px wide and right is less than 1250px");    
			}
			else if ($clientlistWidth == 1750 && parseInt($('#clientlist').css('right'), 10) < 1000) {
			        $('#clientlist').animate({'right': "+=250px" });
			    	console.log("list is 1750px wide and right is less than 1000px");    
			}
			else if ($clientlistWidth == 2000 && parseInt($('#clientlist').css('right'), 10) < 750) {
			        $('#clientlist').animate({'right': "+=250px" });
			    	console.log("list is 2000px wide and right is less than 750px");    
			}
		});
		
		$('.fa-angle-left').click(function(){
		
		var $clientlistWidth = $("body").find('.icon-wrap').width();
		
			if ($clientlistWidth == 250 && parseInt($('#clientlist').css('right'), 10) > 0) {
			        $('#clientlist').animate({'right': "-=250px" });
			    	console.log("list is 250px wide and right is greater than 0px");    
			}
			else if ($clientlistWidth == 500 && parseInt($('#clientlist').css('right'), 10) > 0) {
			        $('#clientlist').animate({'right': "-=250px" });
			    	console.log("list is 500px wide and right is greater than 0px");    
			}
			else if ($clientlistWidth == 750 && parseInt($('#clientlist').css('right'), 10) > 0) {
			        $('#clientlist').animate({'right': "-=250px" });
			    	console.log("list is 750px wide and right is greater than 0px");    
			}
			else if ($clientlistWidth == 1000 && parseInt($('#clientlist').css('right'), 10) > 0) {
			        $('#clientlist').animate({'right': "-=250px" });
			    	console.log("list is 500px wide and right is greater than 0px");    
			}
			else if ($clientlistWidth == 1250 && parseInt($('#clientlist').css('right'), 10) > 0) {
			        $('#clientlist').animate({'right': "-=250px" });
			    	console.log("list is 500px wide and right is greater than 0px");    
			}
			else if ($clientlistWidth == 1500 && parseInt($('#clientlist').css('right'), 10) > 0) {
			        $('#clientlist').animate({'right': "-=250px" });
			    	console.log("list is 1500px wide and right is greater than 0px");    
			}
			else if ($clientlistWidth == 1750 && parseInt($('#clientlist').css('right'), 10) > 0) {
			        $('#clientlist').animate({'right': "-=250px" });
			    	console.log("list is 1750px wide and right is greater than 0px");    
			}
			else if ($clientlistWidth == 2000 && parseInt($('#clientlist').css('right'), 10) > 0) {
			        $('#clientlist').animate({'right': "-=250px" });
			    	console.log("list is 2000px wide and right is greater than 0px");    
			}
		});
	};

	$(iconSlider);
	
	$(window).resize(function() {
		var $clientlistWidth = $("body").find('.icon-wrap').width();
		if ($clientlistWidth == 500 && parseInt($('#clientlist').css('right'), 10) > 2250) {
	        $('#clientlist').css('right', "2250px");
	    	console.log("reset right attribute");    
		}
		else if ($clientlistWidth == 750 && parseInt($('#clientlist').css('right'), 10) > 2000) {
	        $('#clientlist').css('right', "2000px");
	    	console.log("reset right attribute");    
		}
		else if ($clientlistWidth == 1000 && parseInt($('#clientlist').css('right'), 10) > 1750) {
	        $('#clientlist').css('right', "1750px");
	    	console.log("reset right attribute");    
		}
		else if ($clientlistWidth == 1250 && parseInt($('#clientlist').css('right'), 10) > 1500) {
	        $('#clientlist').css('right', "1500px");
	    	console.log("reset right attribute");    
		}
		else if ($clientlistWidth == 1500 && parseInt($('#clientlist').css('right'), 10) > 1250) {
	        $('#clientlist').css('right', "1250px");
	    	console.log("reset right attribute");    
		}
		else if ($clientlistWidth == 1750 && parseInt($('#clientlist').css('right'), 10) > 1000) {
	        $('#clientlist').css('right', "1000px");
	    	console.log("reset right attribute");    
		}
		else if ($clientlistWidth == 2000 && parseInt($('#clientlist').css('right'), 10) > 750) {
	        $('#clientlist').css('right', "750px");
	    	console.log("reset right attribute");    
		}
	
	});				   
});