var web_mid_left = "";

$(function () {
	if(web_mid_left == ""){			
		web_mid_left = $("#web_mid_left").html();
	}
    htmlauto();
})

window.onresize = function(){
    htmlauto();
}
function htmlauto() { 
    $("#head_m").remove();
    $("#m_news").remove();
    $("#web_foot_m").remove();
    var ww = $(window).width();
    if (ww < 640) {
        //$("body").prepend("<div id='head_m'><div class='mlogo'><div class='logo_menu'  onclick='fenlei();'><a class='m_menu_logo'><img src='img/m/menu.png'></a></div><div class='logo_pic'><a href='/'><img width='173' src='/admin/logo.jpg?2022'></a></div><div class='logo_right'  onclick='searchs();'><a href='javascript:;'><img width='32' src='img/m/search.png'></a></div><div class='search_warp'><form class='sousuo' action='/seachlist.aspx' method='get'><input name='seach' type='text' placeholder='検索商品' /><input type='submit' value='検索' /></form></div></div><div class='mmdh' style='padding-top:10px;'><a class='aa1' href='/information-1.html'><span>会社概要</span></a><a class='aa2' href='/information-2.html'><span>購入方法</span></a><a class='aa3' href='/information-3.html'><span>個人情報</span></a><a class='aa4' href='/information-4.html'><span>EMS追跡</span></a><a class='aa5' href='/information-5.html'><span>返品返金</span></a><a class='aa6' href='/information-6.html'><span>FAQ</span></a></div>");
		$("body").prepend("<div id='head_m'><div class='mlogo'><div class='logo_menu'  onclick='fenlei();'><a class='m_menu_logo'><img src='img/m/menu.png'></a></div><div class='logo_pic'><a href='/'><img width='173' src='/admin/logo.jpg?2022'></a></div><div class='logo_right'  onclick='searchs();'><a href='javascript:;'><img width='32' src='img/m/search.png'></a></div><div class='search_warp'><form class='sousuo' action='/search.html' method='get'><input name='seach' type='text' placeholder='検索商品' /><input type='submit' value='検索' /></form></div></div><div class='submenu'><a class='aa1' href='/watch.html'>時計</a><a class='aa3' href='/bag.html'>バッグ</a><a class='aa2' href='/wallet.html'>財布·服</a><a class='aa4' href='/topics.html'>特集</a></div><div class='submenus'><a>人気：</a><a href='/brandcopy-category-1.html'>ルイヴィトン</a><a href='/brandcopy-category-2.html'>エルメス財布</a><a  href='/brandcopy-category-3.html'>オメガ</a><a href='/brandcopy-category-4.html'>シャネル</a><a href='/brandcopy-category-5.html'>ロレックス</a></div>");
        $("body").append("<div class='bot'></div><div class='botmenu'><div><a class='m_top_btn1' title='ホーム' href='javascript:fenlei();'>&nbsp;</a></div><div ><a class='m_top_btn2' title='カートを見る' href='/cart.html'>&nbsp;</a></div><div ><a class='m_top_btn3' title='返回' href='javascript:atop();'>&nbsp;</a></div></div>");

		var web_foot_m_text = $("#web_foot_m_text").html();
        if(web_foot_m_text != null || web_foot_m_text != undefined){			
			$("body").append('<div id="web_foot_m">'+$("#web_foot_m_text").html()+'</div>');
		}
		
        try{
			$("#m_news").html("<div class='news_title'><br>&nbsp;最新情報</div>"+$("#news").html());
			$("#prod_pic_more").html($("#prod_pic_more_text").html());
		}catch(e){};
		
    }
}

function fenlei() {
    if ($(".fmenu").length > 0) {
        $(".fmenu").animate({ "left": "-510px" }, function () {
            $(".fmenu,.zz").remove();
			$("html").removeClass("noscroll");
			$("body").removeClass("noscroll");
        });
    }
    else {
		if(web_mid_left != null || web_mid_left != undefined){
			$(".fmenu,.zz").remove();
			$("html").addClass("noscroll");
			$("body").addClass("noscroll");
			$("body").append("<div class='fmenu' style='left:-1000px;'><div>" + $("#web_mid_left").html() + "</div><span onclick='fenlei()'>X</span></div>");
			$("body").eq(0).append("<div class='zz' onclick='zhezhao();' style=' width:100%;height:100%;z-index:29999; background:#000000;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5;  position:fixed;left:0px; top:0px;'></div>");
			
			$(".fmenu").height($(window).height()).animate({ "left": "0px" });
			$(".zz").on("touchmove",function(){
		　　　　event.preventDefault();
			});
		}
    }
}

function zhezhao() {
	if ($(".fmenu").length > 0) {
		$(".fmenu").animate({ "left": "-510px" }, function () {
			$(".fmenu,.zz").remove();
			$("html").removeClass("noscroll");
			$("body").removeClass("noscroll");
		});
	}
	else {
		if (web_mid_left != null || web_mid_left != undefined) {
			$(".fmenu,.zz").remove();
			$("html").addClass("noscroll");
			$("body").addClass("noscroll");
			$("body").append("<div class='fmenu' style='left:-1000px;'><div>" + $("#web_mid_left").html() + "</div><span onclick='fenlei()'>X</span></div>");
			$("body").eq(0).append("<div class='zz' onclick='zhezhao();' style=' width:100%;height:100%;z-index:29999; background:#000000;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;opacity: 0.5;  position:fixed;left:0px; top:0px;'></div>");

			$(".fmenu").height($(window).height()).animate({ "left": "0px" });
			$(".zz").on("touchmove", function () {
				event.preventDefault();
			});
		}
	}
}


function atop() {
   $('html, body').animate({ scrollTop: 0 }, 'slow');
}
function abot() {
    var h = $(document).height() - $(window).height();
    $(document).scrollTop(h);
}
function searchs(){
    if($('.search_warp').hasClass("open")){
		/* $('.search_warp').slideUp(function(){});*/
		$('.search_warp').removeClass("open");
		$('.search_warp').css('display', 'none');

	} else {
		/*$('.search_warp').slideDown(function(){});*/
		$('.search_warp').addClass("open");
		$('.search_warp').css('display', 'block');
	};
}