https://ci.clara.jp/common/js/interview.js

1var interviewTimer;
2var interview = function()  {
3    this.bannerNum = false;
4    this.nowPage = 0;
5	this.naviSrc = "/common/img/visual_navi.png";
6	this.naviSrcOn = "/common/img/visual_navi_on.png";
7	this.moving = false;
8	this.interviewTimer;
9    
10    this.init = function(){
11		var that = this;
12		if($("#interviewArea").hasClass("open")){
13			return;
14		}
15		startinterviewTimer();
16        this.bannerNum = $("#interviewArea .interview").length;
17		$("#interviewArea .interview").hide();
18		$("#interviewArea .interview").eq(0).show();
19		var i = 0;
20		$("#interviewArea .interview").each(function(){
21        	$(this).css('z-index', that.bannerNum - i);
22            i++;
23        }); 
24		this.createNavi();
25    };
26	
27	this.createNavi = function(){
28		for(i=1;i <= this.bannerNum;i++){
29			$("#interviewNavi ul").append('<li><a href="javascript:;"><img src="' + this.naviSrc + '" alt="" width="10" height="10" /></a></li>');
30		}
31		$("#interviewNavi ul li img:first").attr("src",this.naviSrcOn);
32	};
33	
34	this.clickNavi = function(index){
35		this.moveTo(index);
36	};
37	
38	this.autoMove = function(index){
39		to = this.nowPage + 1;
40		if(to >= (this.bannerNum) ){
41			to = 0;
42		}
43		this.moveTo(to);
44	};
45	
46	this.moveTo = function(index){
47		if(this.moving || index == this.nowPage){
48			return;
49		}
50		this.moving = true;
51		stopinterviewTimer();
52		
53		$("#interviewNavi ul li img").attr("src",this.naviSrc);
54		$("#interviewNavi ul li img").eq(index).attr("src",this.naviSrcOn);
55		
56		var that = this;
57		$("#interviewArea .interview").eq(this.nowPage).effect('slide', { direction: 'left', mode: 'hide' },1000,function(){
58			
59		});
60		$("#interviewArea .interview").eq(index).effect('slide', { direction: 'right', mode: 'show' },1000,function(){
61			that.moving = false
62			that.nowPage = index;
63			startinterviewTimer();
64		});
65	}   
66}
67
68window.interview = new interview();
69
70$(document).ready(function($){	
71    interview.init();	
72	$('#interviewNavi ul li a').click(function(e){
73		var index = $("#interviewNavi ul li a").index(this);
74		interview.clickNavi(index);
75	});
76});
77
78
79function startinterviewTimer(){
80	interviewTimer = setInterval('interview.autoMove()',5000)
81}
82
83function stopinterviewTimer(){
84	clearInterval(interviewTimer); 
85}