https://www.opto.co.jp/dcms_media/other/top.js?002

1var lh = "";
2    lh = location.href;
3    if (lh.match(/dcmsadm/)){
4    } else {
5
6$(window).load(function() {
7  $('.pc_only').flexslider({
8    animation: "fade",
9    animationLoop: true,
10    video: true,
11    slideshow: true,
12	animationSpeed: 1000,
13	pauseOnAction: false,
14	touch: false,
15	pauseOnHover: false,
16	start: function (slider) {
17		clearInterval(slider.animatedSlides);
18		slider.animatedSlides = setInterval(slider.animateSlides, 6000);
19},
20after: function (slider) {
21		if (slider.currentSlide == 0) {
22				clearInterval(slider.animatedSlides);
23				slider.animatedSlides = setInterval(slider.animateSlides, 6000);
24		}
25		if (slider.currentSlide == 1) {
26				clearInterval(slider.animatedSlides);
27				slider.animatedSlides = setInterval(slider.animateSlides, 6000);
28		}
29		if (slider.currentSlide == 2) {
30				clearInterval(slider.animatedSlides);
31				slider.animatedSlides = setInterval(slider.animateSlides, 6000);
32		}
33	}
34  });
35});
36
37$(window).load(function() {
38  $('.pc_none').flexslider({
39    animation: "fade",
40    animationLoop: true,
41    slideshow: true,
42	slideshowSpeed: 6000,
43	animationSpeed: 500,
44	pauseOnAction: false,
45	touch: false,
46	pauseOnHover: false,
47  });
48});
49
50
51
52
53
54$(document).ready(function(){
55
56    //matchHeight
57    $('.txtH').matchHeight();
58
59	//$("<img>").attr("src", "dcms_media/image/common/logo_w.png" );
60	//$("<img>").attr("src", "dcms_media/image/common/search_h.png" );
61	//$("<img>").attr("src", "dcms_media/image/common/gnav_btn_w.png" );
62
63    $('.box3.product_cat .box3_inner').hover(function(){
64	    if($(this).children('p.dropdown').css('display') != 'block'){
65		    $('.toptitle03').next('p.dropdown').slideUp();
66		    $(this).children('p.dropdown').slideDown();
67	    }else{
68		    $('.toptitle03').next('p.dropdown').slideUp();
69	    }
70    });
71	
72
73	var video15 = document.getElementById('video15');
74	/*
75	//top mainimage
76	$('.flexslider').flexslider({
77		animation: "fade",
78		slideDirection: "horizontal",
79		slideshow: true,  //閾ｪ蜍募�逕�
80		video: true,
81		// slideshowSpeed: 5200,
82		slideshowSpeed: 3000,
83		animationSpeed: 1000,
84		directionNav: true,
85		controlNav: true,
86
87 		after: function(){
88				video3.play() //video3繧貞�逕�
89		}
90	});
91	*/
92	
93		
94	$(window).scroll(function(){
95		var scrollTop = $(window).scrollTop();
96		var breakpoint = $(window).width() * 0.001;
97		if(scrollTop >= 1){
98		    $('header,#header_right,#header_left').addClass('hover');
99			$('.scroll').addClass('opacity0');
100			//$('#logo img').attr('src','dcms_media/image/common/logo_w.png');
101		}else{
102			if ($("#globalnav ul").css("display") != "block") {
103		    $('header,#header_right,#header_left').removeClass('hover');
104			$('#logo img').attr('src','https://www.opto.co.jp/dcms_media/image/logo.png');
105			$('.scroll').removeClass('opacity0');
106			}
107		}
108		if($(window).width() <= 979){
109			if(scrollTop >= $(window).height()){
110				$('body').addClass('scrolled');
111			}else{
112				$('body').removeClass('scrolled');
113			}
114		}
115	});
116    $('header').hover(function(){
117	    $('header,#header_right,#header_left').addClass('hover');
118	    //$('#logo img').attr('src','dcms_media/image/common/logo_w.png');
119    },function(){
120		var scrollTop = $(window).scrollTop();
121		var breakpoint = $(window).width() * 0.001;
122		if(scrollTop <= breakpoint){
123		    $('header,#header_right,#header_left').removeClass('hover');
124		    $('#logo img').attr('src','https://www.opto.co.jp/dcms_media/image/logo.png');
125		}
126    });
127//    $('.search').hover(function(){
128//	    $('.search img').attr('src','dcms_media/image/common/search_h.png');
129//    },function(){
130//	    $('.search img').attr('src','dcms_media/image/common/search.png');
131//    });
132
133    $('#globalnav ul li').hover(function(){
134	    $('.megamenu').css('display','none');
135		var hoverTarget = '.'+$(this).attr('id');
136		$(hoverTarget).css('display','table');
137    },function(){
138		var hoverTarget = '.'+$(this).attr('id');
139		$(hoverTarget).hover(function(){
140		},function(){
141			$(hoverTarget).css('display','none');
142		});
143		$('header').hover(function(){
144		},function(){
145			$('.megamenu').css('display','none');
146		});
147	});
148	$('#header_left').hover(function(){
149			$('.megamenu').css('display','none');
150	});
151	$('.search').hover(function(){
152			$('.megamenu').css('display','none');
153	});
154	$('.search').click(function(){
155		$('.search_form').toggle();
156		return false;
157	});

158/*box3_bg layout js*/
159/*
160	if($(window).width() <= 979 && $(window).width() >= 691){
161		var box3bgHeight = 0;
162		$('.box3_bg_in .box3_inner').each(function(){
163			if($(this).outerHeight() >= box3bgHeight){
164				box3bgHeight = $(this).outerHeight();
165			}
166		});
167		var box3bgCount = $('.box3_bg_in .box3_inner').length;
168		var box3bgMargin = 10 * box3bgCount;
169		var box3bgWrapperHeight = box3bgCount * box3bgHeight + box3bgMargin;
170		if(box3bgWrapperHeight > box3bgMargin){
171			$('.box3_bg').css('height',box3bgWrapperHeight+10);
172			$('.box3_bg_in').css('height',box3bgWrapperHeight+10);
173		}else{
174			$('.box3_bg').css('height',box3bgHeight+box3bgMargin+10);
175			$('.box3_bg_in').css('height',box3bgHeight+box3bgMargin+10);
176		}
177	}
178*/
179
180	var thisHeight = 53 * $("#globalnav ul li").length + 1;
181	var open = 0;
182	$(".gnav_btn a").click(function() {
183	$(this).blur();
184		var $gnav = $("#globalnav ul");
185		var gnavHeight = $gnav.height();
186		if(!open) {
187			$('header').addClass('hover');
188		    //$('#logo img').attr('src','dcms_media/image/common/logo_w.png');
189			open = 1;
190			$(this).addClass("current");
191			$("#globalnav_in").css({height: thisHeight+"px"});
192			$gnav.css({display:"block", height: thisHeight+"px", marginTop:-gnavHeight+"px"}, 300, "swing").animate({marginTop:"0"});
193			$gnav.children('li').css({display:"block",marginTop:-gnavHeight+"px"}, 300, "swing").animate({marginTop:"0"});
194		} else {
195		var scrollTop = $(window).scrollTop();
196		var breakpoint = $(window).width() * 0.438;
197		if(scrollTop <= breakpoint){
198		    $('header').removeClass('hover');
199		    $('#logo img').attr('src','dcms_media/image/logo.png');}
200			open = 0;
201			$(this).removeClass("current");
202			$("#globalnav_in").css({height: 0});
203			$gnav.animate({marginTop:-gnavHeight+"px"}, 300, "swing", function() {
204				$(this).removeAttr("style");
205			});
206		}
207		return false;
208	});
209//	var caseHeight = $('.titlearea_bg.case').outerHeight();
210/* box3_bg layout js */
211/*
212	var caseHeight = $(window).height();
213	$('.titlearea_bg.case').css('background-size','auto '+caseHeight+'px');
214	var newItemMaxHeight = 0;
215
216	$('.box3_bg_in .box3_inner').each(function(){
217		if(newItemMaxHeight < $(this).outerHeight()){
218			newItemMaxHeight = $(this).outerHeight();
219		}
220		if($(window).width() >= 691){
221			$(this).css('height',newItemMaxHeight+10);
222		}
223	});
224	$('.box3_bg_in .box3_inner:nth-child(4n+3)').css('top',newItemMaxHeight+60);
225	$('.box3_bg_in .box3_inner:nth-child(4n)').css('top',newItemMaxHeight+75);
226	if($(window).width() >= 980)	{
227		$('.box3_bg_in .box3_inner:nth-child(4n+3)').css('top',newItemMaxHeight+60);
228		$('.box3_bg_in .box3_inner:nth-child(4n)').css('top',newItemMaxHeight+75);
229		$('.box3_bg_in').css('height',(newItemMaxHeight)*2+105);
230	}else{
231		$('.box3_bg_in .box3_inner:nth-child(4n+3)').css('top','auto');
232		$('.box3_bg_in .box3_inner:nth-child(4n)').css('top','auto');
233		if($(window).width() <= 690){
234			$(this).css('height','auto');
235			$('.box3_bg_in').css('height','auto');
236		}
237	}*/
238});
239/* box3_bg layout js */
240/*		
241var num = [];
242$(window).resize(function(){
243var maxnum = 0;
244	if($(window).width() <= 979 && $(window).width() >= 691){
245		var box3bgHeight = 0;
246		$('.box3_bg_in .box3_inner').each(function(){
247			if($(this).outerHeight() >= box3bgHeight){
248				box3bgHeight = $(this).outerHeight();
249			}
250		});
251		var box3bgCount = $('.box3_bg_in .box3_inner').length;
252		var box3bgMargin = 10 * box3bgCount;
253		var box3bgWrapperHeight = box3bgCount * box3bgHeight + box3bgMargin;
254		if(box3bgWrapperHeight > box3bgMargin){
255			$('.box3_bg').css('height',box3bgWrapperHeight+10);
256			$('.box3_bg_in').css('height',box3bgWrapperHeight+10);
257		}else{
258			$('.box3_bg').css('height',box3bgHeight+box3bgMargin+10);
259			$('.box3_bg_in').css('height',box3bgHeight+box3bgMargin+10);
260		}
261	}else{
262		$('.box3_bg').css('height','auto');
263	}
264	var newItemMaxHeight = 0;
265	var bgcount = 0;
266
267	$('.box3_bg_in .box3_inner').each(function(){
268		if(newItemMaxHeight < $(this).outerHeight()){
269			newItemMaxHeight = $(this).outerHeight();
270		}
271		var temp = $(this).children('.textarea').children('.toptitle03').outerHeight() + $(this).children('.textarea').children('.txtH').height()+15+20;
272		eval("num[" + bgcount + "]=" + temp + ";");
273		bgcount++;
274		if(bgcount == 3){
275			maxnum = Math.max.apply(null,num);
276		}
277		if($(window).width() >= 691){
278			if(maxnum < newItemMaxHeight){
279				$('.box3_bg_in .box3_inner').css('height',maxnum+10);
280			}else{
281				$('.box3_bg_in .box3_inner').css('height',newItemMaxHeight);
282			}
283		}
284		if($(window).width() >= 980)	{
285			if(maxnum < newItemMaxHeight){
286				$('.box3_bg_in .box3_inner:nth-child(4n+3)').css('top',maxnum+60);
287				$('.box3_bg_in .box3_inner:nth-child(4n)').css('top',maxnum+75);
288				$('.box3_bg_in').css('height',(maxnum)*2+105);
289			}else{
290				$('.box3_bg_in .box3_inner:nth-child(4n+3)').css('top',newItemMaxHeight+60);
291				$('.box3_bg_in .box3_inner:nth-child(4n)').css('top',newItemMaxHeight+75);
292				$('.box3_bg_in').css('height',(newItemMaxHeight)*2+105);
293			}
294		}else{
295			$('.box3_bg_in .box3_inner:nth-child(4n+3)').css('top','auto');
296			$('.box3_bg_in .box3_inner:nth-child(4n)').css('top','auto');
297			if($(window).width() <= 690){
298				$(this).css('height','auto');
299				$('.box3_bg_in').css('height','auto');
300			}
301		}
302	});
303});
304*/			
305}
306$(function(){
307    $('a[href^=#]').click(function(){
308        var speed = 500;
309        var href= $(this).attr("href");
310        var target = $(href == "#" || href == "" ? 'html' : href);
311        var position = target.offset().top;
312        $("html, body").animate({scrollTop:position}, speed, "swing");
313        return false;
314    });

315});