https://aast.edu/template/50yrs-slider/js/winscreen.js

1// JavaScript Document
2var sw=1,ww,wh,step=0;
3var dst=-1,dst1=-1;
4
5
6function autowindow(){
7	ww=$(window).width();
8	wh=$(window).height();
9	//$("body").height(wh);
10	if($(window).width()>=850){		
11		$(".screen").height("100%");
12		$(".screen").width(ww);
13		$(".body_scroll").width(ww*$(".screen").length);
14		$(".body_r").scrollTop(0);
15		$(".body_scroll").css({left:step*ww*-1});
16	}
17	else{
18		$(".screen").height("auto");
19		$(".screen").width("auto");
20		$(".body_scroll").width("auto");
21		$(".body_scroll").css({left:0});
22	}
23	
24	
25	$(".screen").eq(step).addClass("showdiv");
26	$(".nav_b .item").eq(step).addClass("now");
27	
28	if(sw && $(".screen").length>0 && $(window).width()>=1000){
29		$(".body_scroll").stop().animate({left:step*ww*-1},1300,"easeInOutQuart",function(){
30			sw=1;
31		});
32	}
33	/*$(".autodiv").each(function(){
34		autodiv($(this));
35	});*/
36}
37/*
38$(".gotop").click(function(){
39	sw=0;
40	$(".body_scroll").stop().animate({left:0},1000,"easeInOutQuart",function(){
41		sw=1;
42	});
43	step=0;
44	$(".nav_b .item").removeClass("now");
45	$(".nav_b .item").eq(step).addClass("now");
46});
47*/
48
49$(window).scroll(function(){
50	$(".screen,.special").each(function(index, element) {
51  	if($(window).scrollLeft()>=$(this).offset().left){
52			step=index;
53			$(".nav_b .item").removeClass("now");
54			$(".nav_b .item").eq(step).addClass("now");
55			}
56  });
57});
58/*function autodiv(e){
59	$(e).css({width:ww/$(e).attr("h")*$(e).attr("w"),height:"100%"});
60}*/
61$(function(){
62	autowindow();
63	$(window).resize();
64	
65	$(".home2 .list").mousewheel(function(event, delta, deltaX, deltaY){
66		event.stopPropagation();
67	});
68	
69	$(".body_r").mousewheel(function(event, delta, deltaX, deltaY){
70		if($(window).width()>=1000){
71			gowheel(delta);
72		}
73		//event.stopPropagation();
74		//event.preventDefault();
75	});
76	
77	$(".nav_b .item").click(function(){
78		sw=0;
79		step=$(this).index();		
80		$(".body_scroll").stop().animate({left:ww*step*-1},1300,"easeInOutQuart",function(){
81			showscreen(step);
82			sw=1;
83		});
84		$(".nav_b .item").removeClass("now");
85		$(".nav_b .item").eq(step).addClass("now");
86		if(step==2){
87			$(".nav_b").addClass("w");
88			$(".ll").addClass("w");
89		}
90		else{
91			$(".nav_b").removeClass("w");
92			$(".ll").removeClass("w");
93		}
94		if((step+1)==$(".screen").length){
95			$(".body_r .arr").addClass("h");
96		}
97		else{
98			$(".body_r .arr").removeClass("h");
99		}
100		
101	});
102	$(".body_r .arr").click(function(){
103		$(".nav_b .list .item.now").next().click();
104	});
105});
106
107$(window).resize(function(){
108	autowindow();
109});
110
111function gowheel(delta){
112	if(sw && $(".screen").length>0){
113		var sch=0;
114		var isgo=0;
115		/*$(".screen").eq(step).children().each(function(){
116			if($(this).css("position")!="absolute"){
117				sch+=$(this).outerWidth();
118			}
119		});
120		if(sch>$(".screen").eq(step).outerWidth()){
121			$(".screen").eq(step).attr("unlock",0);
122			if(dst<0){
123				dst=$(".screen").eq(step).scrollLeft();
124			}			
125			if(delta<0){
126				dst=dst+delta*80*-1;
127			}
128			else{
129				dst=dst+delta*90*-1;
130			}
131			
132			if(sch==$(".screen").eq(step).outerWidth()+$(".screen").eq(step).scrollLeft() && delta<0){
133				$(".screen").eq(step).attr("unlock",1);
134			}
135			if($(".screen").eq(step).scrollLeft()==0 && delta>0){
136				$(".screen").eq(step).attr("unlock",1);
137			}
138			if(dst!==$(".screen").eq(step).scrollLeft()){
139				$(".screen").eq(step).stop().animate({scrollLeft:dst},500,"easeOutQuad",function(){dst=$(".screen").eq(step).scrollLeft();});
140			}
141		}*/
142		
143		if($(".screen").eq(step).attr("unlock")!="0"){
144			dst=-1;
145			if(delta<0){
146				if($(".screen").eq(step+1).length>0){
147					sw=0;
148					step++;
149					isgo=1;					
150				}
151				else{					
152					//sw=0;
153					//$(".ll").click();
154					/*if($(".body_b").hasClass("showdiv")){
155						$(".body_r").removeClass("showdiv");						
156					}
157					else{
158						$(".ll").click();
159						//$(".body_b").css("z-index",2);
160						//$(".body_r").css("z-index",1);
161					}*/
162					//setTimeout(function(){
163						//$(".bb").click();
164						//$(".ll").click();
165						//sw=1;
166					//},1400);
167				}
168			}
169			else{
170				if($(".screen").eq(step-1).length>0 && step>0){
171					sw=0;
172					step--;
173					isgo=1;
174				}
175				else{
176					//sw=0;
177					//$(".body_r").removeClass("showdiv");
178					//$(".rr").addClass("showdiv");
179					//$(".ll").click();
180					//setTimeout(function(){
181						//$(".home").addClass("showdiv");
182						//sw=1;
183					//},1400);
184				}
185			}
186			
187			if(isgo==1){
188				$(".body_scroll").stop().animate({left:ww*step*-1},1300,"easeInOutQuart",function(){
189					showscreen(step);
190					sw=1;
191				});
192				$(".nav_b .item").removeClass("now");
193				$(".nav_b .item").eq(step).addClass("now");
194				if(step==2){
195					$(".nav_b").addClass("w");
196					$(".ll").addClass("w");
197				}
198				else{
199					$(".nav_b").removeClass("w");
200					$(".ll").removeClass("w");
201				}
202				
203				if(step+1==$(".screen").length){
204					$(".body_r .arr").hide();
205				}
206				else{
207					$(".body_r .arr").show();
208				}
209			}
210		}
211	}
212}
213function showscreen(i){
214	$(".screen").removeClass("showdiv");
215	$(".screen").eq(i).addClass("showdiv");
216	
217	if(i==0){

218		//$(".home1 .td strong").each(function(index, element) {
219			//shownum($(this),3000);
220		//});
221	}
222	
223	//$(".nav_b .item").removeClass("now");
224	//$(".nav_b .item").eq(i-1).addClass("now");
225	
226	
227}