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
}
}());