//背景(background-color)を変更するためのスクリプト ※jquery.color.jsを使えば不要
(function(d){d.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","color","outlineColor"],function(f,e){d.fx.step[e]=function(g){
if(!g.colorInit){g.start=c(g.elem,e);g.end=b(g.end);g.colorInit=true}g.elem.style[e]="rgb("+[Math.max(Math.min(parseInt((g.pos*(g.end[0]-g.start[0]))+g.start[0]),255),0),Math.max(
Math.min(parseInt((g.pos*(g.end[1]-g.start[1]))+g.start[1]),255),0),Math.max(Math.min(parseInt((g.pos*(g.end[2]-g.start[2]))+g.start[2]),255),0)].join(",")+")"}});function b(f){
var e;if(f&&f.constructor==Array&&f.length==3){return f}if(e=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(f)){
return[parseInt(e[1]),parseInt(e[2]),parseInt(e[3])]}if(e=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(f)){
return[parseFloat(e[1])*2.55,parseFloat(e[2])*2.55,parseFloat(e[3])*2.55]}if(e=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(f)){
return[parseInt(e[1],16),parseInt(e[2],16),parseInt(e[3],16)]}if(e=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(f)){
return[parseInt(e[1]+e[1],16),parseInt(e[2]+e[2],16),parseInt(e[3]+e[3],16)]}if(e=/rgba\(0, 0, 0, 0\)/.exec(f)){return a.transparent}return a[d.trim(f).toLowerCase()]}function c(g,e){
var f;do{f=d.css(g,e);if(f!=""&&f!="transparent"||d.nodeName(g,"body")){break}e="backgroundColor"}while(g=g.parentNode);return b(f)}
var a={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],
darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],
darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],
lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],
orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0],transparent:[255,255,255]}})(jQuery);
//ここまで背景(background-color)を変更するためのスクリプト
//click or Tuch 判定
var clickTuch;
if (window.ontouchstart === undefined){clickTuch=1; }else if (window.ontouchstart === null){clickTuch=0;};
$(function(){
function openingaction(){
$('.sball').css({'opacity':'1'}); $('.home').css({'opacity':'1'});
$({deg:0}).animate({deg:360},{duration:500, progress:function(){$('#box').css({transform:'rotate(' + this.deg + 'deg)'}).fadeIn(400);}});
setTimeout(function(){$('#sball01').animate({'top':'0px','left':'31.75%','width':'36.5%','height':'37.45%','margin-left':'0%','margin-top':'0%','background-color':'#FFCF66'},300,'easeOutCirc');},100);
setTimeout(function(){$('#sball02').animate({'top':'24.16%','left':'63.5%','width':'36.5%','height':'37.45%','margin-left':'0%','margin-top':'0%','background-color':'#E8DF92'},350,'easeOutCirc');},200);
setTimeout(function(){$('#sball03').animate({'top':'62.55%','left':'51.28%','width':'36.5%','height':'37.45%','margin-left':'0%','margin-top':'0%','background-color':'#C6FF4B'},400,'easeOutCirc');},300);
setTimeout(function(){$('#sball04').animate({'top':'62.55%','left':'12.04%','width':'36.5%','height':'37.45%','margin-left':'0%','margin-top':'0%','background-color':'#48E84A'},450,'easeOutCirc');},400);
setTimeout(function(){$('#sball05').animate({'top':'24.34%','left':'0%','width':'36.5%','height':'37.45%','margin-left':'0%','margin-top':'0%','background-color':'#38FFAB'},500,'easeOutCirc');},500);
setTimeout(function(){$('#sball00').animate({'top':'39.51%','left':'36.31%','width':'27.37%','height':'28.09%','margin-left':'0%','margin-top':'0%','background-color':'#FF7A06'},800,'easeOutCirc');},600);
setTimeout(function(){$('#navi00msg').fadeIn(300);},800);
setTimeout(function(){$('#navi03').animate({'top':'179px','left':'398px','width': '200px','height':'200px','background-color':'#34bf50'},500,'easeOutBack');},500);
setTimeout(function(){$('#navi02msg').fadeIn(300);},1000);
setTimeout(function(){$('#navi04').animate({'top':'382px','left':'332px','width': '200px','height':'200px','background-color':'#37c97e'},500,'easeOutBack');},700);
setTimeout(function(){$('#navi03msg').fadeIn(300);},1200);
setTimeout(function(){$('#navi05').animate({'top':'382px','left':'120px','width': '200px','height':'200px','background-color':'#39b296'},500,'easeOutBack');},900);
setTimeout(function(){$('#navi04msg').fadeIn(300);},1400);
setTimeout(function(){$('#navi06').animate({'top':'179px','left':'53px','width': '200px','height':'200px','background-color':'#37c3c9'},500,'easeOutBack');},1100);
setTimeout(function(){$('#navi05msg').fadeIn(300);},1600);
setTimeout(function(){$('#navi02').animate({'top':'51px','left':'226px','width': '200px','height':'200px','background-color':'#3494bf'},500,'easeOutBack');},1300);
setTimeout(function(){$('#navi01msg').fadeIn(300);},1800);
$(this).css({'display':'none'}); $('#closebtn').css({'display':'block'});
};
function closedaction(){
$('.sball').animate({'width': '5.4745%','height':'5.618%','top':'50%','margin-top':'-2.809%','left':'50%','margin-left':'-2.737%','background-color':'#ff0000'},500,'easeOutExpo');
$('.home').animate({'width': '5.4745%','height':'5.618%','top':'50%','margin-top':'-2.809%','left':'50%','margin-left':'-2.737%','background-color':'#ff0000'},500,'easeOutExpo');
$('#box').fadeOut(500);
$('#closebtn').css({'display':'none'}); $('#startbtn').css({'display':'block'});
$('.navimsg').css({'display':'none'});
};
if (clickTuch===1){
$('#startbtn').bind('click', function(){ openingaction();});
$('#closebtn').bind('click', function(){ closedaction();});
}else if(clickTuch===0){
$('#startbtn')
.on('touchstart',function(){isTouch=true;})
.on('touchmove',function(){isTouch=false;})
.on('touchend',function(){if(isTouch == true){ openingaction();};});
$('#closebtn')
.on('touchstart',function(){isTouch=true;})
.on('touchmove',function(){isTouch=false;})
.on('touchend',function(){if(isTouch == true){ closedaction();};});
};
});