// JavaScript Document
$(window).on("load", function() {
console.log("Load complete!");
//------------------------------------------------------------
//逕ｻ髱｢繧ｵ繧､繧ｺ縺ｮ蜿門ｾ�
//------------------------------------------------------------
function getSizing(){
var sw = $(window).width();//逕ｻ髱｢讓ｪ蟷�
var sh = $(window).height();//逕ｻ髱｢鬮倥＆
var s = { sw:$(window).width(), sh:$(window).height() }
//console.log("width = " + s["sw"] + ", height = " + s["sh"] );
return s;
}
//============================================================
//
//繝ｪ繧ｵ繧､繧ｺ繧､繝吶Φ繝亥ｮ御ｺ�ｾ�■髢｢謨ｰ��iPhone蟇ｾ遲厄ｼ�
//
//============================================================
var timer = false;
var execResize = function(e){
if (timer !== false) {
clearTimeout(timer);
}
timer = setTimeout(function() {// 繝ｪ繧ｵ繧､繧ｺ縺檎ｵゆｺ�＠縺滓凾轤ｹ縺ｧ陦後≧蜃ｦ逅�∪縺溘�髢｢謨ｰ繧定ｨ倩ｿｰ
var sld = $("#dr_Menu");
var s = getSizing();//逕ｻ髱｢繧ｵ繧､繧ｺ縺ｮ蜿門ｾ�
sld.css("width", s["sw"] + "px");//繝｡繧､繝ｳ繝｡繝九Η繝ｼ縺ｮ讓ｪ蟷�Μ繧ｵ繧､繧ｺ
}, 200);
}
//============================================================
//
//逕ｻ髱｢縺後Μ繧ｵ繧､繧ｺ縺輔ｌ縺溘→縺�
//
//============================================================
$(window).on("resize", function(){
execResize();
});
opn = false;
var size = getSizing();//逕ｻ髱｢繧ｵ繧､繧ｺ縺ｮ蜿門ｾ�
var dviceWith = size["sw"];//讓ｪ蟷��繧ｵ繧､繧ｺ繧貞叙蠕�
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
//
// CSS transition縺ｧ縺ｮ蛻ｶ蠕｡
//
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
var sld = $("#dr_Menu");
var hdm = $("#hd_Menu");
var clb = $("#btclose_up, #btclose_low");
sld.css("right", "-" + dviceWith + "px");//繝｡繧､繝ｳ繝｡繝九Η繝ｼ縺ｮ菴咲ｽｮ蛻晄悄蛹�
sld.css("width", dviceWith + "px");//繝｡繧､繝ｳ繝｡繝九Η繝ｼ縺ｮ讓ｪ蟷��譛溷喧
$(document).on("click", "#hd_Menu", function() {//陦ｨ遉ｺ繝懊ち繝ｳ謚ｼ荳九＠縺溘ｉ
//console.log("Click complete!");
var menuOpenStep00 = {"display" : "block"}
var menuOpenStep01 = {
"visibility" : "visible"
}
var menuOpenStep02 = {
"right" : "0",
"transition" : "right 0.2s linear",
"-webkit-transition" : "right 0.2s linear",
"-moz-transition" : "right 0.2s linear",
"-o-transition" : "right 0.2s linear",
"-ms-transition" : "right 0.2s linear"
}
//console.log(sld.css("right"));
var h = sld.height();
//console.log("height : " + h);
if(opn === false){
sld.css(menuOpenStep00);
sld.css(menuOpenStep01);
sld.css(menuOpenStep02);
$("body").addClass("noScroll");
opn = true;
}
});
$(document).on("click", "#btclose_up, #btclose_low", function() {
var menuCloseStep00 = {
"right" : -dviceWith,
"transition" : "right 0.2s linear",
"-webkit-transition" : "right 0.2s linear",
"-moz-transition" : "right 0.2s linear",
"-o-transition" : "right 0.2s linear",
"-ms-transition" : "right 0.2s linear"
}
var menuCloseStep01 = {
"visibility" : "hidden"
}
var menuCloseStep02 = {"display" : "none"}
console.log(sld.css("right"));
if(opn === true){
sld.css(menuCloseStep00);
sld.on('oTransitionEnd mozTransitionEnd webkitTransitionEnd transitionend', function () {//繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ螳御ｺ�ｾ�
sld.css(menuCloseStep01);//鬮倥＆菴咲ｽｮ蜷医ｏ縺幢ｼ�撼陦ｨ遉ｺ隗｣髯､
sld.css(menuCloseStep02);//蟾ｦ縺ｸ遘ｻ蜍�
$("body").removeClass("noScroll");
opn = false;
sld.off('oTransitionEnd mozTransitionEnd webkitTransitionEnd transitionend');//繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ螳御ｺ�ｾ後う繝吶Φ繝郁ｨｭ螳夊ｧ｣髯､
});
}
});
});