/*
.tw = only in tw

*/
$(function(){

var mfopen=function(){	
   //if(  $(".mfuncbox").hasClass("on") ) return  $(".mfuncbox").removeClass("on");
	$(".mfuncbox").addClass("on");
	$("body").addClass("mfix");
}
$(".mfuncbox .close,.mgotop").on("click",function(){
	$(".mfuncbox").removeClass("on");
	$("body").removeClass("mfix");
})

//his ===================================================================================================
$(".mhis").on("click",function(){
	$(".mfuncbox .inbox").html("");
	
	$(".mfuncbox .inbox").html("");
	$(".mfuncbox .inbox").html( $("<div class='inhis'></div>").append($(".hisitem .plist").html()));
	
	mfopen();
})

$(window).on("resize",function(){
  if( $(window).width()<=640 ) return
  $(".mfuncbox .inbox").html("");
  $(".mfuncbox").removeClass("on");
	
});

//cate =================================================================================================
var cate=new Array();
cate=[
{cid:1,pid:0,title:"商品類別1"},
{cid:2,pid:0,title:"商品類別2"},
{cid:3,pid:0,title:"商品類別3"},
{cid:4,pid:0,title:"商品類別4"},
{cid:5,pid:1,title:"商品類別1a special category length test"},
{cid:6,pid:1,title:"商品類別1b"},
{cid:7,pid:1,title:"商品類別1c"},
{cid:8,pid:1,title:"商品類別1d"},
{cid:9,pid:1,title:"商品類別1e"},
{cid:10,pid:1,title:"商品類別1f"},
{cid:11,pid:1,title:"商品類別1g"},
{cid:12,pid:2,title:"商品類別2a"},
{cid:13,pid:2,title:"商品類別2b"},
{cid:14,pid:3,title:"商品類別3a"},
{cid:15,pid:3,title:"商品類別3b"},
{cid:14,pid:5,title:"商品類別1a1"},
{cid:15,pid:5,title:"商品類別1a2"},
{cid:14,pid:5,title:"商品類別1a3"},
{cid:15,pid:5,title:"商品類別1a4"}
];

var cate2=new Array();

if($(".fmenudata").text().length>0) cate=JSON.parse($(".fmenudata").text());
if($(".fmenudata2").text().length>0) cate2=JSON.parse($(".fmenudata2").text());

$(".mcate").on("click",function(){
    $(".mfuncbox .inbox").html("");
	if($(".mopen").hasClass("active")) $(".mopen").trigger("click");
	
	mcateshow(0);	
	
	mfopen();
})

var mcateshow=function(pid,site){
	var cates=new Array();
	var cnow={cid:0,pid:0, title:$(".musb").text() };//
	var cback,ctitle="",ctitle2="",html="",html2="",isub="";

	if(pid==0||site=="1") {

	for(var i=0;i<cate.length;i++){
     var tcate=cate[i];
	   if(tcate.pid==pid){
		  cates.push(tcate);
		  isub="";
		  if(getsub(tcate.cid,"1")) isub=" <i class='fa fa-angle-right'></i>";
			var tmp="<a cid='%c' class='gosub' t='%tt' ut='%ut' site='1'>%t%s</a>".replace("%c",tcate.cid).replace("%tt",tcate.title).replace("%ut",tcate.utitle).replace("%t",tcate.title).replace("%s",isub);

		  html=html+tmp;
	   }
	   if(tcate.cid==pid) cnow=tcate;		
	}

	ctitle="<div cid='%c' class='ctitle' t='%tt' ut='%ut' site='1' >%t <i class='fa fa-angle-right'></i></div>".replace("%c",cnow.cid).replace("%tt",cnow.title).replace("%ut",cnow.utitle).replace("%t",cnow.title);
	

  }//site1

  if(pid==0||site=="2") {//回到根目錄，得用上cate2 來作迴圈
    var site2txt=$(".dropbtnm[data-tb='tb-2'] a").html().split("<sub>")[0];
		cnow={cid:0,pid:0, title:site2txt };//

  
		for(var i=0;i<cate2.length;i++){
			var tcate=cate2[i];
			if(tcate.pid==pid){
			 cates.push(tcate);
			 isub="";
			 if(getsub(tcate.cid,"2")) isub=" <i class='fa fa-angle-right'></i>";
			 var tmp="<a cid='%c' class='gosub' t='%tt' ut='%ut' site='2'>%t%s</a>".replace("%c",tcate.cid).replace("%tt",tcate.title).replace("%ut",tcate.utitle).replace("%t",tcate.title).replace("%s",isub);
 
			 html2=html2+tmp;
			}
			if(tcate.cid==pid) cnow=tcate;	
	 }
	 ctitle2="<div cid='%c' class='ctitle' t='%tt' ut='%ut' site='2' >%t <i class='fa fa-angle-right'></i></div>".replace("%c",cnow.cid).replace("%tt",cnow.title).replace("%ut",cnow.utitle).replace("%t",cnow.title);
	

	}//site2


	cback="<div class='cback'><i class='fa fa-angle-left'></i> Back</div>";
	if(pid===0) cback="";

	
	
	$(".mfuncbox .inbox").append("<div class='cpane ini'><div class='inhis'></div></div>");
	var cpane=$(".mfuncbox .inbox .cpane").eq( $(".mfuncbox .inbox .cpane").length-1 );
	
	cpane.find(".inhis").append(  cback ).append(  ctitle ).append(html).append(  ctitle2 ).append( html2 );
	setTimeout(function(){ cpane.removeClass("ini") },50);	
	
	
}
function getsub(pid,site){//判斷有沒有子類別

	if(site=="1") for(var i=0;i<cate.length;i++)  if(cate[i].pid==pid) return true;
	if(site=="2") for(var i=0;i<cate2.length;i++)  if(cate2[i].pid==pid) return true;


	return false;
}



$(".mfuncbox").on("click",".cpane .cback",function(){
 $(this).parents(".cpane").addClass("ini");
 setTimeout(function(){  $(this).parents(".cpane").remove(); },500);	
	
});
//console.log("new.fmenu.fix");
$(".mfuncbox").on("click",".cpane .gosub",function(){
  var cid=$(this).attr("cid");
	var site=$(this).attr("site");

  if(getsub(cid,site)) return mcateshow(cid,site);

  if($(this).attr("ut").lenght==0) $(this).attr("ut")=$(this).attr("t");
	//return console.log("cid",cid);
	var gourl="";
	if(site=="1"&&cid=="0")  gourl="/items/";//大標類別
	if(site=="2"&&cid=="0")  gourl=$(".fmenudata2").attr("froot")+"items/";//大標類別


  var url2="";
	if(site=="2") url2= $(".fmenudata2").attr("froot");

  if($(".isrewrite").length>=1&&gourl.length==0) {
	  gourl="/items/"+$(this).attr("cid")+"/"+$(this).attr("ut");
	}
	gourl=url2+gourl;
	//return console.log("gourl",gourl);
  return window.location=gourl;
	

	//return window.location=url2+"/items/"+$(this).attr("cid")+"/"+$(this).attr("ut");//前往的站台
  window.location="?c=items&cid="+$(this).attr("cid")+"&urltitle="+$(this).attr("ut");
})
$(".mfuncbox").on("click",".cpane .ctitle",function(){
  var cid=$(this).attr("cid");
	var site=$(this).attr("site");

	  var url2="";
		if(site=="2") url2= ($(".fmenudata2").attr("froot")+"?").replace("/?","");

	  if(cid=="0") return window.location=url2+"/items/";

	  if($(this).attr("ut").lenght==0) $(this).attr("ut")=$(this).attr("t");
	
	if($(".isrewrite").length>=1) return window.location=url2+"/items/"+$(this).attr("cid")+"/"+$(this).attr("ut");
   window.location="?c=items&cid="+$(this).attr("cid")+"&urltitle="+$(this).attr("ut");
})


/*minq : add in 20/10/02*/
$(".minq").on("click",function(){
	$(".mfuncbox .inbox").html("");
	//trigger get
	$(".mfuncbox .inbox").html( $("<div class='inqlistbox mb'></div>").append($(".inqlistbox").html()));// css in app/app.inquiry.js
	mfopen();	
})



var tpl=function(){
/*
[t]
<style>
.mfix {
overflow:hidden;
position:absolute;
width:100%;
height:100%;	
}

.fmenu {
display:none;	
}
.mfuncbox {
display:none	
}

.cpane {
width:100%;
height:100%;
background:#fff;	
position:absolute;
transition:all .3s;
-webkit-transition:all .3s;
}
.cpane[class~=ini] {
transform: translate(100%,0px);
-webkit-transform: translate(100%,0px);	
}





.cpane a ,.cpane .ctitle ,.cpane .cback{
  display:block;	
  padding:10px 0px;
  font-size:11pt;
  border-bottom:1px dotted #ccc;
  color:#000;
  text-decoration:none;
  position:relative;
}
.cpane a i{
  position:absolute;
  right:-10px;	
  top:10px;
  padding-right:20px;
  box-sizing:border-box;
}


.cpane .cback i {
font-size:12pt	
}
.cpane .ctitle {
font-weight:bold;
font-size:14pt;	
}


@media screen  and (max-width: 960px) {


.fmenu {
display:block;
position:fixed;
width:100%;
left:0px;
bottom:0px;
z-index:302;	
}
.fmenu ul {
display:table;	
width:100%;

}
.fmenu ul li{
display:table-cell;	
text-align:center;
background-color:#000;
color:#fff;
font-size:9pt;
padding:14px 0px;
width:33%;
}

.tw .fmenu ul li {
width:25%;	
}




.fmenu ul li i{

font-size:12pt;
}


.fmenu .minq {
display:none;	
}

.tw .fmenu .minq {
display:table-cell;	
}

.tw .fmenu .minq .inqicon {
  display:inline-block;	
  width:14px;
  height:14px;	   
}
	   




.mfuncbox {
width:100%;
height:100%;
padding:10px;
padding-bottom:70px;
box-sizing:border-box;
position:fixed;
bottom:0px;
left:0px;
background-color:rgba(0,0,0,.5);
z-index:301;
}

.mfuncbox[class~=on] {
display:block;	
}

.mfuncbox .relbox{
 position:relative;
 width:100%;
 height:100%;
 background-color:#fff;	
 overflow:hidden;
 padding:10px;
 box-sizing:border-box;
 
}
.mfuncbox .close{
 position:fixed;
 width:40px;
 height:40px;
 background-color:#000;	
 border-radius:20px; 
 color:#fff;
 top:0px;
 right:0px;
 text-align:center;
 line-height:40px;
}

.mfuncbox .relbox .inbox{
 width:100%;
 height:100%; 
 overflow:hidden;
 border:1px solid #ccc;
 position:relative;
 -webkit-overflow-scrolling: touch;
 
}
.mfuncbox .inhis {
width:100%;
height:100%;
overflow:auto;
padding:10px;
box-sizing:border-box;
}
.mfuncbox .inhis a{
  display:block;	
  padding:10px 0px;
  font-size:11pt;
  border-bottom:1px dotted #ccc;
  color:#000;
  text-decoration:none;
  text-align:center;
}
.mfuncbox .inhis .t{
  display:block;	
  line-height:40px;
  border-bottom:1px solid #ccc;
}

.mfuncbox .inhis .ip{
margin:auto;
}

}




</style>

[t]
*/		
}
$("body").append(tpl.toString().split("[t]")[1]);







	
	
	
});