https://www.peachbells.jp/reservation/js/content/pages.js

1/**
2 * ================================================
3 *
4 * [pages]
5 * 
6 * ================================================
7 */
8(function($) {
9	$(function() {
10		/**
11		 ********************************************
12		 * load event
13		 ******************************************** 
14		 */
15		$(window).load(function() {
16			contentInit();
17			
18			if ($('body').hasClass('reason')) {
19				reasonInit();
20			}
21			
22			if ($('body').hasClass('operation')) {
23				qaInit();
24			}
25			
26			if ($('body').hasClass('access')) {
27				gMapInit();
28			}
29			
30			if ($('body').hasClass('faq')) {
31				faqInit();
32			}
33		});
34		/**
35		 ********************************************
36		 * resize event
37		 ******************************************** 
38		 */
39		
40		/**
41		 ********************************************
42		 * click event
43		 ******************************************** 
44		 */
45		
46		/**
47		 ********************************************
48		 * mousewheel event
49		 ******************************************** 
50		 */
51		
52		/**
53		 ********************************************
54		 * key event
55		 ******************************************** 
56		 */
57		
58		/**
59		 ********************************************
60		 * etc
61		 ******************************************** 
62		 */
63	});
64}(jQuery));
65/**
66 ********************************************************** 
67 * 
68 * functions 
69 * 
70 ********************************************************** 
71 */
72function contentInit() {
73	$('#wrapper').css({
74		opacity: 0,
75		visibility: 'visible'
76	});
77	
78	$('#loading').velocity('fadeOut', 300);
79	$('#wrapper').stop().velocity({
80		opacity: 1
81	}, 500);
82}
83
84function reasonInit() {
85	$('.sectionVox .innerWrapper').hide();
86	
87	$('.sectionVox .openVox a').click(function() {
88		var target = $(this).parent().prev(),
89			action = target.is(':visible') ? 'slideUp' : 'slideDown';
90		
91		target.velocity('stop').velocity(action, {
92			duration: 500,
93			easing: 'easeOutSine'
94		});
95		
96		action === 'slideUp' ? $(this).removeClass('close') : $(this).addClass('close');
97		
98		return false;
99	});
100}
101
102function qaInit() {
103	$('.qaItemWrapper .answer').hide();
104	
105	$('.qaItemWrapper .title a').click(function() {
106		var target = $(this).parent().next(),
107			action = target.is(':visible') ? 'slideUp' : 'slideDown';
108			
109		target.velocity('stop').velocity(action, {
110			duration: 250,
111			easing: 'easeOutSine'
112		});action === 'slideUp' ? $(this).removeClass('close') : $(this).addClass('close');
113		
114		return false;
115	});
116}
117
118var gMapObj 		= null,
119	currentInfoWin 	= null;
120
121function gMapInit() {
122	var options = {
123		zoom: 15,
124		center: new google.maps.LatLng(35.1990907, 136.895374),
125		mapTypeId: google.maps.MapTypeId.ROADMAP,
126		scaleControl: true,
127		scrollwheel: false
128	};
129	
130	gMapObj = new google.maps.Map(document.getElementById('gMap'), options);
131	
132	var mapObjs = {
133		latlng: new google.maps.LatLng(35.1990907, 136.895374),
134		title: 'キャッスルベルクリニック'
135	};
136	
137	addMarker(mapObjs);
138}
139
140function addMarker(obj) {
141	if (gMapObj) {
142		var marker = new google.maps.Marker({ 
143			position: obj.latlng, 
144			map: gMapObj, 
145			title: obj.title,
146			// icon: 'images/content/home/marker.png',
147			animation: google.maps.Animation.DROP,
148			optimized: false
149		});
150		
151		var infoWin = new google.maps.InfoWindow({
152			content: '<div class="gmapWin"><div class="inner"><h3>' + obj.title + '</h3></div></div>'
153		});
154		
155		google.maps.event.addListener(marker, 'click', function() {
156			if (currentInfoWin) currentInfoWin.close();
157			infoWin.open(gMapObj, marker);
158			currentInfoWin = infoWin;
159			// gMapObj.panTo(obj.latlng);
160		});
161	}
162}
163
164function faqInit() {
165	$('.faqWrapper .answer').hide();
166	
167	$('.faqWrapper .title a').click(function() {
168		var target = $(this).parent().next(),
169			action = target.is(':visible') ? 'slideUp' : 'slideDown';
170			
171		target.velocity('stop').velocity(action, {
172			duration: 250,
173			easing: 'easeOutSine'
174		});action === 'slideUp' ? $(this).removeClass('close') : $(this).addClass('close');
175		
176		return false;
177	});
178}