var TopJS = (function(){ (function($) { $(document).ready(onTopReady); $(window).resize(onResize); }(jQuery)); /*** ボタンロック復帰時間(ミリ秒) ***/ var lock_time=5000; var st=1; var boxWidth; var centerPos; var leftPos; var rightPos; var startX, startY; var px, py; var dragTimer; var isDrag=false; var isMoving=false; var lang="ja"; var jsonData; var siWi2LoginBtn; var siGuestSendBtn; var siGuestLoginBtn; var siRoamingLoginBtn; var siFreeWiFiConnectBtn; var tabHeight=546; var isChecked=false; function onTopReady(){ /*** hashチェック ***/ var hash=location.hash; if(hash.indexOf("wi2")>-1){ scene="wi2user"; }else if(hash.indexOf("freewifi")>-1){ scene="freewifi"; } if(hash.indexOf("option")>-1){ area="option"; } if(area=="option"){ $("#barArea").css({"background-color":"#FFF000"}); $("#area_title").css({"color":"#009fe8"}); } /*** Cookieチェック ***/ xCheckCookie(); /*** 横スライド ***/ if(swipe){ $(".nav_left").on("click",onClickLeft); $("#left_btn_pc").on("click",onClickLeft); $(".nav_right").on("click",onClickRight); $("#right_btn_pc").on("click",onClickRight); $(".contents").on("touchstart",onMouseDown); $("body").on("touchend",onMouseUp); } /*** ログイン・送信ボタン設定 ***/ $("#login_btn_wi2").on("click",onWi2LoginClick); $("#kiyaku_checkbox").on("click",onKiyakuCheckBoxClick); $("#freewifi_kiyaku_agree").on("click",onKiyakuCheckBoxClick); $(".cover_btn").on("click",onCoverBtnClick); onResize(); onSceneChanged(); /*** JSONロード ***/ $.getJSON("json/basic.json", onJsonLoaded); /*** 言語選択設定 ***/ $("#current_lang").on("click",onCurrentLangClick); $("#select_lang li img").on("click",onSelectLangClick); } function xCheckCookie(){ var cookie_lang = ""; var cookieData = document.cookie.split(";"); for(var i = 0; i < cookieData.length; i++){ var item = cookieData[i].split("="); var key = item[0]; var val = item[1]; if (key.indexOf('lang') !== -1) { cookie_lang = val; break; } } if(cookie_lang!==""){ lang=convertLang(cookie_lang); }else{ lang="ja"; } } function xSetCookie($lang){ var getExpiredDate = function (expireSec) { "use strict"; var cookie,expireDate,limit_date; expireDate = new Date(); expireDate.setTime(expireDate.getTime() + expireSec*1000); var date = expireDate.toGMTString(); return date; }; var pathname = location.pathname.split("?")[0]; var pathitem = pathname.split("/"); var filename = pathitem[pathitem.length - 1]; var path = pathitem.length > 2 ? pathname.substr(0, pathname.length - filename.length - 1) : "/"; document.cookie = "lang="+$lang+";path="+path+";expires="+getExpiredDate(3600);//cookie有効秒数 } function onJsonLoaded(json){ jsonData=json; xSetLang(lang); } function onCurrentLangClick(){ $("#select_lang").slideToggle("300","easeOutExpo"); } function onSelectLangClick(){ var src=$(this).attr("src"); var lang=src.split("_")[1]; xSetLang(lang); } /*** 言語をセットします ***/ function xSetLang($lang){ lang=$lang; $("#current_lang").attr("src","img/language.gif"); $("#select_lang").css({"display":"none"}); $("#alert_msg").html(""); var jsonLangObj=jsonData[0][lang]; for(var key in jsonLangObj){ if(key.indexOf("_ph")>-1){ $("#"+key).attr("placeholder",jsonLangObj[key]); }else if(key.indexOf("link_")>-1){ $("#"+key.split("link_")[1]).attr("href",jsonLangObj[key]); }else{ $("#"+key).html(jsonLangObj[key]); } } if(area=="option"){ $("#area_title").html(jsonLangObj.area_title_option); } if(lang=="ja"){ $("#bannerArea").css({"display":"none"}); if(scene!=="freewifi"){ $(".ft_rules").css({"display":"inline-block"}); }else{ $(".ft_rules").css({"display":"none"}); } $("#wi2_connect").css({"display":"block"}); }else{ $("img").attr("alt",""); $("#bannerArea").css({"display":"block"}); $(".ft_rules").css({"display":"none"}); $("#wi2_connect").css({"display":"none"}); } //画像言語変更 $("img").each(function(i,elem) { var src=$(elem).attr("src"); if(src.indexOf("__")>-1){ var prelang=src.split("__")[1].split(".")[0]; $(elem).attr("src",src.replace("_"+prelang+".","_"+lang+".")); }else{ //日英のみ if(lang=="ja"){ $(elem).attr("src",src.replace("_en.","_ja.")); }else{ $(elem).attr("src",src.replace("_ja.","_en.")); } } }); $("#freewifi_kiyaku").load("terms/terms_"+lang+".txt"); xSetCookie(lang); /*** メッセージ設定 ***/ initLoginMessage(lang); } function onSlided(){ var gheight=Math.max(tabHeight,$("#guest .contents").height()+100); $("#tabHolder").css({"height":gheight+"px"}); } function onResize(){ var wid=$("body").width(); var margin=90; if(wid>660){ boxWidth=600; $("#pc_nav").css({"display":"block"}); $(".nav_left").each(function(i,elem) { $(elem).attr("src",$(elem).attr("src").replace("_left.gif","_left_pc.gif")); }); $(".nav_right").each(function(i,elem) { $(elem).attr("src",$(elem).attr("src").replace("_right.gif","_right_pc.gif")); }); $(".chara").attr("src","img/chara_pc.png"); }else{ boxWidth=wid*0.9; $("#pc_nav").css({"display":"none"}); $(".nav_left").each(function(i,elem) { $(elem).attr("src",$(elem).attr("src").replace("_left_pc.gif","_left.gif")); }); $(".nav_right").each(function(i,elem) { $(elem).attr("src",$(elem).attr("src").replace("_right_pc.gif","_right.gif")); }); $(".chara").attr("src","img/chara_sp.png"); } centerPos=wid*0.5-boxWidth*0.5; leftPos=Math.min(0-boxWidth*0.5,wid*0.5-boxWidth*0.5-margin-boxWidth); rightPos=Math.max(wid*0.5+boxWidth*0.5+margin,wid-boxWidth*0.5); if(scene=="freewifi"){ $("#freewifi").css({"left":centerPos+"px","width":boxWidth}); $("#wi2user").css({"left":rightPos+"px","width":boxWidth}); }else if(scene=="wi2user"){ $("#freewifi").css({"left":leftPos+"px","width":boxWidth}); $("#wi2user").css({"left":centerPos+"px","width":boxWidth}); } } function onMouseDown(e){ $(".contents").on("touchmove",onMouseMove); var original = e.originalEvent; if(original.changedTouches) { startX = original.changedTouches[0].screenX; startY = original.changedTouches[0].screenY; } } function onMouseMove(e){ var original = e.originalEvent; if(original.changedTouches) { px = original.changedTouches[0].screenX; py = original.changedTouches[0].screenY; } var dx=px-startX; var dy=py-startY; if(Math.abs(dx)>40||isDrag){ e.preventDefault(); isDrag=true; var dx=px-startX; var dy=py-startY; var mv=dx/3; $("#tabHolder").css({"margin-left":mv+"px"}); if(mv>40&&scene=="wi2user"){ onClickLeft(); $(".contents").off("touchmove",onMouseMove); return false; }else if(mv<-40&&scene=="freewifi"){ onClickRight(); $(".contents").off("touchmove",onMouseMove); return false; } } if(Math.abs(dy)>2&&!isDrag){ $(".contents").off("mousemove",onMouseMove); isDrag=false; } } function onMouseUp(e){ $(".contents").off("touchmove",onMouseMove); isDrag=false; if(!isMoving){ $("#tabHolder").animate({"margin-left":0+"px"},200); } } function onClickLeft(){ if(isMoving){ return; } isMoving=true; $("#left_btn_pc").css({"display":"none"}); $("#right_btn_pc").css({"display":"block"}); $("#tabHolder").delay(200).animate({"margin-left":0+"px"},100); scene="freewifi"; var gheight=Math.max(tabHeight,$("#guest .contents").height()+100); $("#tabHolder").css({"height":gheight+"px"}); $("#freewifi").delay(20).animate({"left":centerPos+"px"},500,"easeInOutExpo"); $("#wi2user").animate({"left":rightPos+"px"},500,"easeInOutExpo",onSceneChanged); } function onClickRight(){ if(isMoving){ return; } $("#left_btn_pc").css({"display":"block"}); $("#right_btn_pc").css({"display":"none"}); isMoving=true; $("#tabHolder").delay(200).animate({"margin-left":0+"px"},100); scene="wi2user"; $("#tabHolder").css({"height":tabHeight+"px"}); $("#freewifi").animate({"left":leftPos+"px"},500,"easeInOutExpo"); $("#wi2user").delay(20).animate({"left":centerPos+"px"},500,"easeInOutExpo",onSceneChanged); } function onSceneChanged(){ isMoving=false; if(scene=="freewifi"){ $("#left_btn_pc").css({"display":"none"}); $("#right_btn_pc").css({"display":"block"}); if(isLogoChange){ $("#logo_wi2_300").css({"display":"none"}); $("#logo_wi2").css({"display":"block"}); } $(".ft_service").css({"display":"inline-block"}); $(".ft_contact").css({"display":"none"}); $(".ft_contact_guest").css({"display":"inline-block"}); $(".ft_rules").css({"display":"none"}); $(".ft_kiyaku").css({"display":"none"}); $(".ft_guestservice").css({"display":"none"}); $("#freewifi .cover_btn").css({"display":"none"}); $("#wi2user .cover_btn").css({"display":"block"}); }else if(scene=="wi2user"){ $("#left_btn_pc").css({"display":"block"}); $("#right_btn_pc").css({"display":"none"}); if(isLogoChange){ $("#logo_wi2_300").css({"display":"block"}); $("#logo_wi2").css({"display":"none"}); } $(".ft_service").css({"display":"inline-block"}); $(".ft_contact").css({"display":"inline-block"}); $(".ft_contact_guest").css({"display":"none"}); if(lang=="ja"){ $(".ft_rules").css({"display":"inline-block"}); }else{ $(".ft_rules").css({"display":"none"}); } $(".ft_kiyaku").css({"display":"inline-block"}); $(".ft_guestservice").css({"display":"none"}); $("#freewifi .cover_btn").css({"display":"block"}); $("#wi2user .cover_btn").css({"display":"none"}); } } /*** Wi2 ログインボタン ***/ function onWi2LoginClick(){ var val_id=$("#input_wi2_id").val(); var val_pass=$("#input_wi2_pass").val(); var errorMsg=""; if(val_id===""){ errorMsg+="IDを入力してください。
";//TODO EN } if(val_pass===""){ errorMsg+="パスワードを入力してください。
";//TODO EN } if(errorMsg===""){ //送信アクションをここに記述 //コールバック後にxUnLockWi2LoginBtn()を実行して下さい。 /*** Wi2認証 ***/ submitUserForm(); xLockWi2LoginBtn(); }else{ $("#alert_msg").html(errorMsg); } } function xLockWi2LoginBtn(){ $("#login_btn_wi2").off("click",onWi2LoginClick); $("#login_btn_wi2").css({"opacity":0.4,"cursor":"default"}); siWi2LoginBtn=setTimeout(xUnLockWi2LoginBtn,5000); } function xUnLockWi2LoginBtn(){ clearInterval(siWi2LoginBtn); $("#login_btn_wi2").on("click",onWi2LoginClick); $("#login_btn_wi2").css({"opacity":1,"cursor":"pointer"}); } /*** KiyakuCheckBoxボタン ***/ function onKiyakuCheckBoxClick(){ if(isChecked){ isChecked=false; $("#kiyaku_checkbox").attr("src","img/check_btn_off.png"); $("#connect_btn_freewifi").attr("src","img/connect_btn_off__"+lang+".png"); $("#connect_btn_freewifi").off("click",onFreeWiFiConnectClick); $("#connect_btn_freewifi").removeClass("over"); }else{ isChecked=true; $("#kiyaku_checkbox").attr("src","img/check_btn_on.png"); $("#connect_btn_freewifi").attr("src","img/connect_btn_on__"+lang+".png"); $("#connect_btn_freewifi").on("click",onFreeWiFiConnectClick); $("#connect_btn_freewifi").addClass("over"); } } /*** WiFiConnect ログインボタン ***/ function onFreeWiFiConnectClick(){ var errorMsg="規約をチェックしてください。"; if(isChecked){ //送信アクションをここに記述 //コールバック後にxUnFreeWiFiConnectBtn()を実行して下さい。 /*** ワンクリック認証 ***/ submitOnetapForm(); xLockFreeWiFiConnectBtn(); }else{ $("#alert_msg").html(errorMsg); } } function xLockFreeWiFiConnectBtn(){ $("#connect_btn_freewifi").off("click",onFreeWiFiConnectClick); $("#connect_btn_freewifi").css({"opacity":0.4,"cursor":"default"}); siFreeWiFiConnectBtn=setTimeout(xUnFreeWiFiConnectBtn,lock_time); } function xUnFreeWiFiConnectBtn(){ clearInterval(siFreeWiFiConnectBtn); $("#connect_btn_freewifi").on("click",onFreeWiFiConnectClick); $("#connect_btn_freewifi").css({"opacity":1,"cursor":"pointer"}); } function onCoverBtnClick(){ return false; } return{ st:st } }());