Quick guide div auto scroll

gistfile1.txt

<style>
.guide-container{
	height: 450px;
	width: 750px;
	overflow-x: scroll;
	overflow-y: hidden;
	direction: rtl;

}

.guide-container::-webkit-scrollbar-track
{
	background-color: #231f20;
}

.guide-container::-webkit-scrollbar
{
	background-color: #231f20;
}

.guide-container::-webkit-scrollbar-thumb
{
	background-color: #f68022;	
}
</style>

<div class="guide-container" onclick="nextSlide('left')">
	<img src="init.png">
</div>


<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script>
var guide = $(".guide-container");
var slide = 0;


 function nextSlide(direction){
 	if (direction=='left' &&slide!=3) slide++;
 	else slide=0;
 //	if (direction=='right'&&slide>0)  slide--;
 	switch(slide) {
 		case 0:
		    jumpTo =2259;
		    break;
		case 1:
		    jumpTo =1500;
		    break;
		case 2:
		    jumpTo =770;
		    break;
		case 3:
		    jumpTo =0;
		    break;
		}

	guide.animate({scrollLeft:jumpTo}, '5000', 'swing');
 }
</script>