https://kashin-movie.com/js/kashin_sub.js

1var winW,winH;
2var footer_H=36;
3
4$(function(){
5    $.ajaxSetup({cache:false});
6
7
8	winW=$(window).width();
9	winH=$(window).height();
10
11
12	initPosition(1);
13	$( window ).resize(function(){
14		winW=$(window).width();
15		winH=$(window).height()	;
16		initPosition(0);
17	});
18
19
20
21	$(".sub_header_wide").css({"opacity":"0.0"}).delay(100).animate({"opacity":"1.0",}, 800,"easeOutCubic",function(){
22	});
23		
24	$("#menu_box_1, #menu_box_2, #menu_box_3, #menu_box_4, #menu_box_5").hover(
25		function () {
26			$(this).css({"cursor":"pointer"});
27		},
28		function () {
29			$(this).css({"cursor":"default"});
30		}
31	).click(function () {
32		var page=$(this).attr("rel");
33		
34		if(page==1){
35			location.href='gensaku.php';
36		}
37		else if(page==2){
38			location.href='staff.php';
39		}
40		else if(page==3){
41			location.href='cast.php';
42		}
43		else if(page==4){
44			location.href='story.php';
45		}
46		else if(page==5){
47			location.href='about.php';
48		}
49	});
50
51
52	$(".btn_home a").rolloverMenuFade({offAlfa:true});
53	$("#menu_box_6").css({"opacity":"0.0"});
54
55	var animElem = $('.animated'),
56	delay_H = 50;
57
58	animElem.each(
59		function(){
60			var thisElem = $(this);
61			if(thisElem.data("class")=="fadeIn" || thisElem.data("class")=="fadeInRight" || thisElem.data("class")=="fadeInDown"){
62				thisElem.css({"opacity":"0.0"});
63			}
64		}
65	);
66			
67
68	$(window).on('load scroll resize',function(){
69		animElem.each(
70			function(){
71				var thisElem = $(this);
72				var elem_T = thisElem.offset().top;
73				var scrl_T = $(window).scrollTop();
74				var winH = $(window).height();
75				
76				if(scrl_T > elem_T-winH+delay_H){
77					thisElem.css({
78						"animation-delay":thisElem.data("delay"),"animation-duration":thisElem.data("duration"),
79						"-moz-animation-delay":thisElem.data("delay"),"-moz-animation-duration":thisElem.data("duration"),
80						"-webkit-animation-delay":thisElem.data("delay"),"-webkit-animation-duration":thisElem.data("duration"),
81						"-ms-animation-delay":thisElem.data("delay"),"-ms-animation-duration":thisElem.data("duration")
82					}).addClass(thisElem.data("class"));
83					thisElem.stop().animate({opacity:'1.0'},700);
84				}
85				else if(scrl_T < elem_T-winH+delay_H){
86					thisElem.removeClass(thisElem.data("class"));
87					if(thisElem.data("class")=="fadeIn"){
88						thisElem.css({"opacity":"0.0"});
89					}
90				}
91			}
92		);
93	});
94
95
96	scrLength = 200;
97	scrSpeed = 500;
98	scrEasing = 'easeOutCirc';
99
100	var mousewheelevent = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll';
101	$(document).on(mousewheelevent,function(e){
102		e.preventDefault();
103		var delta = e.originalEvent.deltaY ? -(e.originalEvent.deltaY) : e.originalEvent.wheelDelta ? e.originalEvent.wheelDelta : -(e.originalEvent.detail);
104		if (delta < 0){
105			scrSet =  $(document).scrollTop()+scrLength;
106		} else {
107			scrSet =  $(document).scrollTop()-scrLength;
108		}
109		$('html,body').stop().animate({scrollTop:scrSet},scrSpeed,scrEasing);
110		return false;
111	});
112
113
114
115
116});
117
118
119function initPosition(open_flg){
120	if(winW<=1000){
121		sub_W=1000;
122		sub_Wtx="1000px";
123		$('body').css({"overflow-x":"auto"});
124	}
125	else{
126		sub_W=winW;
127		sub_Wtx="100%";
128		$('body').css({"overflow-x":"hidden"});
129	}
130	
131	$('.sub_box').css({"width":sub_Wtx});
132	$('.sub_header').css({"width":sub_Wtx});
133
134	menu_box_L=(sub_W-1000)/2+770;
135	if(open_flg){
136		$("#menu_box").css({"margin-left":sub_W+"px"}).delay(500).animate({"margin-left":menu_box_L+"px"}, 800,"easeOutCubic",function(){
137
138			$("#menu_box_1").delay(0).animate({"opacity":"1.0"},100,"easeOutCubic",function(){
139				$(".menu_box_1o").addClass("front");
140				$(".menu_box_1u").addClass("back");
141			});
142		
143			$("#menu_box_2").delay(150).animate({"opacity":"1.0"},100,"easeOutCubic",function(){
144				$(".menu_box_2o").addClass("front");
145				$(".menu_box_2u").addClass("back");
146			});
147		
148			$("#menu_box_3").delay(300).animate({"opacity":"1.0"},100,"easeOutCubic",function(){
149				$(".menu_box_3o").addClass("front");
150				$(".menu_box_3u").addClass("back");
151			});
152		
153			$("#menu_box_4").delay(450).animate({"opacity":"1.0"},100,"easeOutCubic",function(){
154				$(".menu_box_4o").addClass("front");
155				$(".menu_box_4u").addClass("back");
156			});
157		
158			$("#menu_box_5").delay(600).animate({"opacity":"1.0"},100,"easeOutCubic",function(){
159				$(".menu_box_5o").addClass("front");
160				$(".menu_box_5u").addClass("back");
161			});
162
163			$("#menu_box_6").css({"opacity":"0.0"}).delay(750).animate({"opacity":"1.0"},700,"easeOutCubic");
164
165			
166		});	
167	}
168	else{
169		$("#menu_box").css({"margin-left":menu_box_L+"px"});	
170	}
171	
172	if(winW<(menu_box_L+319)){
173		$('#menu_box').css({"width":(319+(sub_W-(menu_box_L+319)))+"px"});
174	}
175	else{
176		$('#menu_box').css({"width":"319px"});
177	}
178	
179	
180	
181	
182	
183	if(browserDevice=='Tablet'){
184		$(window).on('load scroll resize', function() {
185			spElementFix();
186		});	
187		
188	}
189	else{
190		if(winH<=700){
191			$('#ftr_box').css({"width":sub_Wtx,"height":"36px","position":"relative","top":""});
192			$('#sub_ftr_spa').css({"display":"none"});
193		}
194		else{
195			$('#ftr_box').css({"width":sub_Wtx,"height":"72px","position":"fixed","top":(winH-footer_H)+"px"});
196			$('#sub_ftr_spa').css({"display":"block"});
197		}
198		
199	}
200	
201	
202}
203
204
205function spElementFix(){
206	var fixHeight =footer_H;	// Footer Height
207	var winHeight = window.innerHeight;
208	$('#ftr_box').css({"top": (winHeight - fixHeight+1)+"px"});
209}