https://animate-onlineshop.jp/user_data/packages/default/jpn/pc/js/2018rn/controls.js?v=20260226

1$(function(){
2    var doMouseEnter = false;
3    $(window).on("load", function(){
4        groupMenu();
5        menuSearchList();
6        exOpenMegaMenu();
7        rankingSlider();
8        totopBtn();
9        selectUi();
10        modalOpen();
11        searchModuleStorage();
12        sideSticker();
13    })
14
15    function groupMenu(){
16        $("#header_group .groupmenu_btn").hover(function(){
17            $("#header_group .groupmenu_btn #groupmenu").stop().fadeIn(300);
18        },function(){
19            $("#header_group .groupmenu_btn #groupmenu").stop().fadeOut(300);
20        })
21    }
22
23    function totopBtn(){
24        $(window).on("scroll", function(){
25            if($(this).scrollTop() > 1200){
26                $("#totop").stop().fadeIn(100);
27            }else{
28                $("#totop").stop().fadeOut(100);
29            }
30        })
31        $("#totop,a.to-top").click(function(){
32            $('body,html').animate({scrollTop: 0}, 400);
33        })
34    }
35
36    function menuSearchList(){
37        var search_list = $("#header_group .search_list p");
38        var titles = $("#header_group .search_inner .titles li a");
39        var sub = $("#header_group .search_inner .sub");
40        search_list.mouseenter(function(){
41            if(typeof(megamenu) != 'undefined' && megamenu.initLoaded == false){
42                megamenu.initLoaded = true;
43                setTimeout(()=>{
44                    megamenu.searchAnimeitem('q0', 1, 5, 'json_sakuhin');
45                    megamenu.searchAnimeitem('q0', 1, 5, 'json_artist');
46                    megamenu.searchAnimeitem('q0', 1, 5, 'json_author');
47                },100)
48            }
49
50            if(doMouseEnter || $(this).hasClass("current")){
51                doMouseEnter = false;
52                return;
53            }
54            search_list.removeClass("current");
55            $(this).addClass("current");
56            $("#header_group .search_inner").fadeOut(200);
57
58            var this_id = $(this).attr("content-id");
59            var this_target = $("#header_group .search_inner[content-id='" + this_id + "']");
60
61            this_target.stop().fadeIn(200);
62            sub.children(".default").css("display", "block");
63            if(this_id == "search_category"){
64                calcInnerTitlesContent(this_id);
65            }
66            focusOut(this_target, $(this).parents(".search_list"));
67        })
68        function focusOut(t, pt){
69            $(t).mouseleave(function(a){
70                innerClose(a);
71            })
72            $(pt).mouseleave(function(a){
73                innerClose(a);
74            })
75            function innerClose(a){
76                if(typeof(a) != 'undefined'){
77                    var area = $(a.relatedTarget).attr("class");
78                }
79                if(!area || area.indexOf("search_list") == -1 && area.indexOf("inner") == -1 && area.indexOf("sub") == -1){
80                    t.stop().fadeOut(200);
81                    pt.children("p").removeClass("current");
82                }
83                sub.children(".sub_inner").css("display", "none");
84                sub.children(".default").css("display", "block");
85            }
86        }
87
88        function calcInnerTitlesContent(this_id){
89            var s = $("#header_group .search_inner[content-id='" + this_id + "'] .titles").outerHeight();
90            $("#header_group .search_inner[content-id='" + this_id + "']").css("height", s);
91            $("#header_group .search_inner[content-id='" + this_id + "'] .inner").css("height", s);
92            $("#header_group .search_inner[content-id='" + this_id + "'] .sub").css("min-height", s);
93            $("#header_group .search_inner[content-id='" + this_id + "'] .sub_inner").css("min-height", s);
94        }
95
96        titles.mouseenter(function(){
97            var this_id = $(this).attr("sub-id");
98            if(this_id){
99                sub.children(".sub_inner").css("display", "none");
100                sub.children(".sub_inner[sub-id='" + this_id + "']").css("display", "block");
101            }else{
102                sub.children(".sub_inner").css("display", "none");
103                sub.children(".default").css("display", "block");
104            }
105        })
106    }
107
108    function exOpenMegaMenu(){
109        var hash = location.hash;
110        var urlAnchor = hash.substr( 4 );
111        if($('p[content-id="'+urlAnchor+'"]')[0]){
112            var search_list_elm = '#header_group .search_list p';
113            var sub_elm = $("#header_group .search_inner .sub");
114            $(search_list_elm).removeClass("current");

115            $('p[content-id="'+urlAnchor+'"]').addClass("current");
116            $("#header_group .search_inner").fadeOut(200);
117
118            var this_id = urlAnchor;
119            var this_target = $("#header_group .search_inner[content-id='" + this_id + "']");
120
121            this_target.stop().fadeIn(200);
122            sub_elm.children(".default").css("display", "block");
123            if(this_id == "search_category"){
124                var s = $("#header_group .search_inner[content-id='" + this_id + "'] .titles").outerHeight();
125                $("#header_group .search_inner[content-id='" + this_id + "']").css("height", s);
126                $("#header_group .search_inner[content-id='" + this_id + "'] .inner").css("height", s);
127                $("#header_group .search_inner[content-id='" + this_id + "'] .sub").css("min-height", s);
128                $("#header_group .search_inner[content-id='" + this_id + "'] .sub_inner").css("min-height", s);
129            }
130            doMouseEnter = false;
131        }
132    }
133
134    function rankingSlider(){
135        if(!$(".ranking_item_list")[0]){
136            return;
137        }
138        var slider_data = new Array;
139        var sliders = $(".ranking_item_list");
140        rankingSliderSet();
141
142        function rankingSliderSet(){
143            for(var i = 0; sliders.length > i; i++){
144                var this_slider = $(sliders[i]);
145                var this_id = this_slider.attr("slide-id");
146                var view_slide = Math.ceil(this_slider.width() / 168);
147                this_slider.find("ul").css("width", 168 * this_slider.find("li").length - 30);
148                slider_data[this_id] = new Array;
149                slider_data[this_id]["selector"] = this_slider;
150                slider_data[this_id]["width"] = this_slider.width();
151                slider_data[this_id]["length"] = this_slider.find("li").length;
152                slider_data[this_id]["now_count"] = 0;
153                slider_data[this_id]["max_count"] = Math.ceil((this_slider.find("li").length) / view_slide) - 1;
154
155                if(slider_data[this_id]["max_count"] <= 0){
156                    $(".ranking_control[slide-id='" + this_id + "']").addClass("disible");
157                }else{
158                    $(".ranking_control[slide-id='" + this_id + "'] .prev").addClass("disible");
159                }
160            }
161        }
162        $(".ranking_control .prev").click(function(){
163            var this_id = $(this).parents(".ranking_control").attr("slide-id");
164            if($(this).hasClass("disible")||$(this).parents(".ranking_control").hasClass("disible")){
165                return;
166            }
167            var this_slider = slider_data[this_id]["selector"].find("ul");
168            var move_width = slider_data[this_id]["width"] + 17;
169            var now_position = this_slider.css("margin-left");
170            --slider_data[this_id]["now_count"];
171            this_slider.stop().animate({"margin-left": - move_width * slider_data[this_id]["now_count"]}, 300, "easeOutQuart");
172            if(slider_data[this_id]["now_count"] <= 0){
173                $(this).addClass("disible");
174            }
175            $(this).next(".next").removeClass("disible");
176        })
177        $(".ranking_control .next").click(function(){
178            var this_id = $(this).parents(".ranking_control").attr("slide-id");
179            if($(this).hasClass("disible")||$(this).parents(".ranking_control").hasClass("disible")){
180                return;
181            }
182            var this_slider = slider_data[this_id]["selector"].find("ul");
183            var move_width = slider_data[this_id]["width"] + 17;
184            var now_position = this_slider.css("margin-left");
185            ++slider_data[this_id]["now_count"];
186            this_slider.stop().animate({"margin-left": - move_width * slider_data[this_id]["now_count"]}, 300, "easeOutQuart");
187            if(slider_data[this_id]["now_count"] >= slider_data[this_id]["max_count"]){
188                $(this).addClass("disible");
189            }
190            $(this).prev(".prev").removeClass("disible");
191        })
192    }
193
194    function selectUi(){
195        $(".input_select_option").on("change", function(){
196            var text = $(this).find("select option:selected").text();
197            $(this).find("p").text(text);
198        })
199    }
200
201    function modalOpen(){
202        $(".modalOpen").click(function(){
203            var modal_target = $(this).attr("target-modal");
204            $("#" + modal_target).stop().fadeIn(300);
205            return false;

206        })
207        modalClose();
208    }
209    function modalClose(){
210        $(".modalClose").click(function(){
211            $(".modal_content").fadeOut(200);
212        })
213    }
214    function searchModuleStorage(){
215        $(".search_module_storage .search_module_open_btn").click(function(){
216            if($(this).hasClass("open")){
217                $(this).next(".search_module").stop().slideUp(200);
218                $(this).removeClass("open");
219                return;
220            }
221            $(this).addClass("open");
222            $(this).next(".search_module").stop().slideDown(200);
223        })
224    }
225
226    function sideSticker(){
227        var sticker = $(".side_sticker");
228        sticker.css("position", "absolute");
229        if(sticker.length){
230            var sticker_x = sticker.offset().left;
231            var sticker_y = sticker.offset().top;
232            var wrapper = sticker.parents(".contents_wrap");
233            var wrapper_h = wrapper.height();
234            var sticker_domain = wrapper_h - sticker.outerHeight();
235            $(window).on("resize", function(){
236                sticker_x = sticker.offset().left;
237            })
238            var timer;
239            $(window).on("load scroll", function(){
240                var st = window.pageYOffset;
241                if(timer){
242                    clearTimeout(timer);
243                }
244                timer = setTimeout(function(){
245                    if(st > sticker_y && st <= sticker_y + sticker_domain){
246                        sticker.stop().animate({"top": st - sticker_y}, 300);
247                    }else if(st > sticker_domain && st > sticker_y){
248                        wrapper_h = wrapper.height();
249                        sticker_domain = wrapper_h - sticker.outerHeight();
250                        sticker.stop().animate({"top": sticker_domain}, 300);
251                    }else{
252                        sticker.stop().animate({"top": 0}, 300);
253                    }
254                    lock = false;
255                }, 300);
256            });
257        }
258    }
259
260    var onHtmlSubmit = true;
261    window.addEventListener('pageshow', function (event) {
262        // ページがキャッシュから復元された場合でもフラグをリセット
263        onHtmlSubmit = true;
264    });
265    var timeIdHtmlSubmit = 0;
266    if(typeof(window.jqSubmitAlert) === 'undefined'){
267        window.jqSubmitAlert = window.alert;
268        window.alert = function(msg){
269            onHtmlModeSubmit = true;
270            onFnHtmlSubmit = true;
271            if(typeof(onHtmlSubmit) != 'undefined'){
272                onHtmlSubmit = true;
273            }
274            window.jqSubmitAlert(msg);
275        }
276    }
277    $('form').on('submit', function(e){
278        var id = $(this).attr('id');
279        var is_already_cancel = (typeof(e.defaultPrevented) != 'undefined' && e.defaultPrevented) ? true : false;
280        var r = is_already_cancel ? false : onHtmlSubmit;
281        if ( is_already_cancel === false && id != 'form_search' && id != 'login_form' && id != 'member_form' && id != 'login_mypage1' ){
282            if(onHtmlSubmit == false){
283                if( timeIdHtmlSubmit > 0 ){ clearTimeout(timeIdHtmlSubmit); }
284                window.alert = function(msg){};
285                window.jqSubmitAlert("只今処理中です。\nしばらくお待ちください。");
286                timeIdHtmlSubmit = setTimeout(function(){
287                    window.alert = window.jqSubmitAlert;
288                }, 1000);
289            }
290            onHtmlSubmit = false;
291        }
292        return r;
293    });
294});
295
296function pageJump( url, window){
297    if(window === 1){
298        open( url , "_blank" ) ;
299    }else{
300        document.location.href = url;
301    }
302}