/* ************************************************************************
Site: MORE GROUP
File: home.js
---
Last Update: 2011/06/10
Create Date: 2011/05/23
************************************************************************ */
var uaIOS;var loadingEndFlg=false;var openingEndFlg="fase1";$(function(){uaIOS=navigator.userAgent.indexOf('iPhone')!=-1||navigator.userAgent.indexOf('iPad')!=-1||navigator.userAgent.indexOf('iPod')!=-1;windowFix();$("p#loader").css({visibility:"hidden"});if(uaIOS){loaderFixIOS();}else{loaderFix();}$("div#homeHeader header h1 img#jp").css({display:"none"});if(uaIOS){$("div.visualOp,div#visualArea,div.mainVisual p img").css({"-webkit-transform-style":"preserve-3d"});}});function loaderFix(){var loaderPosi={x:0,y:0};$("div#moregroup").mouseover(function(e){if(loadingEndFlg==false){$("p#loader").css({visibility:"visible"});fixMove(e);}}).mousemove(function(e){if(loadingEndFlg==false){fixMove(e);}});function fixMove(evet){loaderPosi.x=evet.pageX;loaderPosi.y=evet.pageY;$("p#loader").css({top:loaderPosi.y+12,left:loaderPosi.x+8});}}function loaderFixIOS(){$("p#loader").css({visibility:"visible"});var loaderPosi={x:Math.floor((windowSize.width-$("p#loader").width())/2),y:Math.floor((windowSize.height-$("p#loader").height())/2)};$("p#loader").css({top:loaderPosi.y,left:loaderPosi.x});}function loadingEnd(){$("p#loader").delay(800).fadeOut(500,function(){setTimeout(function(){$("p#loader").remove();openingStart();},1000);loadingEndFlg=true;});}var opVisualPoint=0;var opVisualTime=0;var opNowPoint=0;var rimitArry=[false,false,false];function opVisualTimer(){if(uaIOS){opNowPoint=$("div#visualArea").css("-webkit-transform").replace("matrix(1, 0, 0, 1, ","");opNowPoint=opNowPoint.replace(", 0)","");opNowPoint=eval(opNowPoint);}else{opNowPoint=$("div#visualArea").css("marginLeft").replace("px","");}if(opNowPoint>=-frameSizeW*3&&opNowPoint<-frameSizeW*2){if(rimitArry[2]==false){$("div#mainNavi nav ul li img").eq(2).delay(700).fadeIn(500);rimitArry[2]=true;}}else if(opNowPoint>-frameSizeW*2&&opNowPoint<=-frameSizeW){if(rimitArry[1]==false){$("div#mainNavi nav ul li img").eq(1).delay(50).fadeIn(500);rimitArry[1]=true;}}else if(opNowPoint>-frameSizeW&&opNowPoint<=0){if(rimitArry[0]==false){$("div#mainNavi nav ul li img").eq(0).delay(100).fadeIn(500);rimitArry[0]=true;}}};function openingStart(){if(uaIOS){$("div#visualArea").css({"-webkit-transform":"translateX("+-frameSizeW*3+"px)","-webkit-transform-style":"preserve-3d"});}else{$("div#visualArea").css({marginLeft:-frameSizeW*3});}$("div#visualBox").stop().animate({height:frameSizeH},800,"easeOutExpo",function(){openingA();openingEndFlg="fase2";});}function openingA(){if(uaIOS){setTimeout(function(){$("div#visualArea").css({"-webkit-transform":"translateX(0px)","-webkit-transition":"-webkit-transform 2400ms cubic-bezier(0.94, 0, 0.55, 1)"}).one("webkitTransitionEnd",function(){clearInterval(opVisualPoint);setTimeout(function(){openingB();},500);});},200);}else{$("div#visualArea").delay(200).animate({marginLeft:"0px"},2400,"easeInOutQuint",function(){clearInterval(opVisualPoint);setTimeout(function(){openingB();},500);});}opVisualPoint=setInterval(opVisualTimer,10);$("div#visualArea").mousedown(function(e){e.preventDefault();}).mousemove(function(e){e.preventDefault();}).mouseup(function(e){e.preventDefault();}).mouseout(function(e){e.preventDefault();});}var logoEngAniFlg;function openingB(){logoEngAniFlg="opening";logoEngAniSet();var engAniEndCount=0;function opLogoEng(){$("div#homeHeader header img#eng,div#homeHeader header h1 img#jp").css({visibility:"visible"});var opArray2=["3","6","1","5","8","4","0","2","7"];for(d=0;d<9;d++){$("img.opLogoObj").eq(opArray2[d]).delay(50*d).fadeOut(500,function(){engAniEndCount++;if(engAniEndCount>=9){$("img.opLogoObj").remove();}});}}function opLogoJp(){windowFix();$("nav#subMenu").fadeIn(500);$("div#homeHeader footer").fadeIn(500);$("div#homeHeader header h1 img#jp").fadeIn(500,function(){$("div#visualBox").removeClass("visualOp");setTimeout(function(){openingEndFlg="fase3";openingEnd();},500);});}opLogoEng();opLogoJp();}function openingEnd(){if(openingEndFlg=="fase3"){shopLinkSet();shopChange();shopChangeDrag();mainNaviClick();prevObj=changeTiming;mainNaviChange();}}var opArray;function logoEngAniSet(){if(uaIOS){opArray=[["29","-1"],["32","29"],["25","60"],["23","86"],["27","120"],["25","148"],["30","172"],["26","202"],["23","229"]];for(i=0;i<9;i++){if(logoEngAniFlg=="opening"){$("![]()
",{className:"opLogoObj",src:"./images/opening_logo.gif",style:"width:"+opArray[i][0]+"px;height: 30px;position: absolute;left:"+opArray[i][1]+"px;top: -1px;z-index: 100;"}).appendTo("div#homeHeader header h1");}else if(logoEngAniFlg=="jump"){$("![]()
",{className:"opLogoObj",src:"./images/opening_logo.gif",style:"width:"+opArray[i][0]+"px;height: 30px;position: absolute;left:"+opArray[i][1]+"px;top: -1px;z-index: 100;display: none;"}).appendTo("div#homeHeader header h1");}}}else{opArray=[["27","0"],["30","30"],["23","61"],["21","87"],["25","121"],["23","149"],["28","173"],["24","203"],["21","230"]];for(i=0;i<9;i++){if(logoEngAniFlg=="opening"){$("![]()
",{className:"opLogoObj",src:"./images/opening_logo.gif",style:"width:"+opArray[i][0]+"px;height: 28px;position: absolute;left:"+opArray[i][1]+"px;top: 0px;z-index: 100;"}).appendTo("div#homeHeader header h1");}else if(logoEngAniFlg=="jump"){$("![]()
",{className:"opLogoObj",src:"./images/opening_logo.gif",style:"width:"+opArray[i][0]+"px;height: 28px;position: absolute;left:"+opArray[i][1]+"px;top: 0px;z-index: 100;display: none;"}).appendTo("div#homeHeader header h1");}}}}var linkHref=new Array();function shopLinkSet(){for(i=0;i<$("section.boxShops").length;i++){linkHref[i]=$("h2.shopValue a").eq(i).attr("href");}$('h2.shopValue a[href]').click(function(e){e.preventDefault()});}var baseProportion={width:438,height:576};var windowSize={width:$(window).width(),height:$(window).height()};var frameSizeH;var frameP;var frameSizeW;function windowFix(){windowSize.width=$(window).width();windowSize.height=$(window).height();$("div#moregroup").css({width:windowSize.width,height:windowSize.height});var subMenuPosi={left:windowSize.width-(windowSize.width-$("div#visualBox").css("width").replace("px",""))/2+20,top:($("div#visualBox").height()+eval($("div#visualBox").css("marginTop").replace("px","")))-$("nav#subMenu").height()};$("nav#subMenu").css({left:subMenuPosi.left,top:subMenuPosi.top});frameSizeH=windowSize.height-$("div#mainNavi").css("height").replace("px","")-$("div#homeHeader").css("height").replace("px","")-45;frameP=frameSizeH/baseProportion.height;frameSizeW=Math.round(baseProportion.width*frameP);opNowPoint=$("div#visualArea").css("marginLeft").replace("px","");if(openingEndFlg=="fase2"||openingEndFlg=="fase3"){$("div#visualBox,section.boxShops").css({height:frameSizeH,width:frameSizeW});}else if(openingEndFlg=="fase1"){$("section.boxShops").css({height:frameSizeH,width:frameSizeW});$("div#visualBox").css({width:frameSizeW});}$("div.mainVisual,div.mainVisual p img").css({height:frameSizeH-40,width:frameSizeW-40});$("h2.shopValue").css({width:frameSizeW});$("div#visualArea").css({height:frameSizeH,width:frameSizeW*3});}var waitTime=3000;var changeTime=800;var timeIni;var changeTiming=0;var visualMeasure;function shopChange(){if(uaIOS){timeIni=setTimeout(shopChangeTimer,waitTime);}else{timeIni=setInterval(shopChangeTimer,waitTime);}visualMeasure=$("section.boxShops").length;}function shopChangeTimer(){if(uaIOS){clearTimeout(timeIni);}else{clearInterval(timeIni);}changeTiming+=(changeTiming=4){aniEndB();}});}}function aniEndB(){$("section.boxShops header").css({display:"none"});$("div#homeHeader header h1 img#jp,div#homeHeader footer,div#mainNavi,nav#subMenu").fadeOut(800);$("section.boxShops").animate({height:"0px"},800,"easeOutExpo",function(){actionLimit++;if(actionLimit==1){aniEndJump();}});}function aniEndJump(){setTimeout(function(){window.open(linkHref[jump],"_self");},100);}aniEndA();}if(uaIOS){$(dragObj).bind("touchmove touchstart touchend",onTouch);function onTouch(e){var touch=e.originalEvent.touches[0];if(e.type=="touchstart"){clearTimeout(timeIni);$("div#visualArea").addClass("dragging");dragInTime=setInterval(mouseEventTimer,10);$("div#visualArea").stop();e.preventDefault();$("h2#shopValue a").bind("touchstart");dragFlga=true;strtDrag=touch.pageX;dragTo=touch.pageX-strtDrag;baseTo=new WebKitCSSMatrix(window.getComputedStyle(visualArea).webkitTransform);baseTo=eval(baseTo.e);}else if(e.type=="touchmove"){if(dragFlga==true){$("div#visualArea").stop();dragTo=touch.pageX-strtDrag;$("div#visualArea").css({"-webkit-transform":"translateX("+(baseTo+dragTo)+"px)"});}}else if(e.type=="touchend"){if(dragFlga==true){$("div#visualArea").removeClass("dragging");dragTimeJudg=dragOnTime;clearInterval(dragInTime);dragOnTime=0;clearTimeout(timeIni);dragFlga=false;e.preventDefault();if(dragTimeJudg<=80){var movingPointFit=20;}else{var movingPointFit=4/frameP;}var statusMargin=-frameSizeW*changeTiming;var movingPointNext=Math.round(-frameSizeW/movingPointFit)+statusMargin;var movingPointPrev=Math.round(frameSizeW/movingPointFit)+statusMargin;var dragFlg=eval(dragTo+statusMargin);if(movingPointNext>dragFlg){if(changeTiming0){visualMeasure=$("section.boxShops").length;changeTiming-=(changeTiming=0||dragTo>=-2&&dragTo<=0){logoEngAniFlg="jump";logoEngAniSet();linkAction(changeTiming);}dragFlgMove=true;shopChangeMove();}}}}else{$(dragObj).mousedown(function(e){clearInterval(timeIni);$("div#visualArea").addClass("dragging");dragInTime=setInterval(mouseEventTimer,10);$("div#visualArea").stop();e.preventDefault();dragFlga=true;strtDrag=e.pageX;dragTo=e.pageX-strtDrag;baseTo=eval($("div#visualArea").css("marginLeft").replace("px",""));}).mousemove(function(e){if(dragFlga==true){$("div#visualArea").stop();dragTo=e.pageX-strtDrag;$("div#visualArea").css({marginLeft:baseTo+dragTo});}}).mouseup(function(e){if(dragFlga==true){$("div#visualArea").removeClass("dragging");dragTimeJudg=dragOnTime;clearInterval(dragInTime);dragOnTime=0;clearInterval(timeIni);dragFlga=false;e.preventDefault();if(dragTimeJudg<=80){var movingPointFit=20;}else{var movingPointFit=4/frameP;}var statusMargin=-frameSizeW*changeTiming;var movingPointNext=Math.round(-frameSizeW/movingPointFit)+statusMargin;var movingPointPrev=Math.round(frameSizeW/movingPointFit)+statusMargin;var dragFlg=eval(dragTo+statusMargin);if(movingPointNext>dragFlg){if(changeTiming0){clearInterval(timeIni);visualMeasure=$("section.boxShops").length;changeTiming-=(changeTiming=0||dragTo>=-2&&dragTo<=0){logoEngAniFlg="jump";logoEngAniSet();linkAction(changeTiming);}dragFlgMove=true;shopChangeMove();}}).mouseout(function(e){if(dragFlga==true){$("div#visualArea").removeClass("dragging");dragTimeJudg=dragOnTime;clearInterval(dragInTime);dragOnTime=0;clearInterval(timeIni);dragFlga=false;e.preventDefault();if(dragTimeJudg<=80){var movingPointFit=20;}else{var movingPointFit=4/frameP;}var statusMargin=-frameSizeW*changeTiming;var movingPointNext=Math.round(-frameSizeW/movingPointFit)+statusMargin;var movingPointPrev=Math.round(frameSizeW/movingPointFit)+statusMargin;var dragFlg=eval(dragTo+statusMargin);if(movingPointNext>dragFlg){if(changeTiming0){clearInterval(timeIni);visualMeasure=$("section.boxShops").length;changeTiming-=(changeTiming0){changeTiming-=1;prevObj=changeTiming+1;}else if(changeTiming<=0){changeTiming=visualMeasure-1;prevObj=0;}shopChangeMove();mainNaviChange();break;case 38:case 32:keyLimit++;if(keyLimit==1){logoEngAniFlg="jump";logoEngAniSet();linkAction(changeTiming);}break;}});}shopChangeControl();}var nextObj;var prevObj;function mainNaviClick(){$("div#mainNavi nav ul li a").each(function(e){$(this).click(function(){clearInterval(timeIni);prevObj=changeTiming;changeTiming=e;shopChangeMove();mainNaviChange();});});}function mainNaviChange(){$("div#mainNavi nav ul li a img").eq(prevObj).attr("src",$("div#mainNavi nav ul li a img").eq(prevObj).attr("src").replace(/^(.+)_on(\.[a-z]+)$/,"$1$2"));$("div#mainNavi nav ul li a").eq(prevObj).addClass("navi");$("div#mainNavi nav ul li a img").eq(changeTiming).attr("src",$("div#mainNavi nav ul li a img").eq(changeTiming).attr("src").replace(/^(.+)(\.[a-z]+)$/,"$1_on$2"));$("div#mainNavi nav ul li a").eq(changeTiming).removeClass("navi");}$(window).bind("load",function(){$("div#visualBox").addClass("visualOp");loadingEnd();$('div#mainNavi nav ul li a[href]').click(function(e){e.preventDefault()}).attr('href',' ');});$(window).bind('resize',function(){if(openingEndFlg=="fase3"){clearInterval(timeIni);windowFix();shopChangeMove();}else if(openingEndFlg=="fase1"||openingEndFlg=="fase2"){windowFix();if(uaIOS){loaderFixIOS();}}});$(window).unload(function(){var unload;unload++;});