$(document).ready(function() {
  
$(function(){
	$('.canvas_area li:gt(0)').hide();
	rotate_interval = setInterval(function(){$('.canvas_area li:first-child').fadeOut().next('li').fadeIn(1000).end().appendTo($('.canvas_area'));}, 10000);
});

$(".jump_points span").click(function(){
	this_ele = this.className;
	clearInterval(rotate_interval);
	$(".canvas_area li").fadeOut(200);
	$("#" + this_ele).fadeIn(1000);
	rotate_interval = setInterval(function(){$('.canvas_area li:first-child').fadeOut().next('li').fadeIn().end().appendTo($('.canvas_area'));}, 10000);
							 });
					
});