$(document).ready(function(){
	/* init seelcted  */
	if((typeof(catid) != "undefined") && $("#menu_"+catid).length > 0)
	{
		$("#menu_"+catid).addClass("mm-selected");
		$("#menu_"+catid).addClass("mm-opened");
	}
	//console.log(siteid);
	
	var code = [];
	var sec_link    = $(".breadcrumb > a:eq(1)").attr('href');
	var thrid_link  = $(".breadcrumb > a:eq(2)").attr('href');
	
	if(self_page == "/cate-26451.htm")
	{
		sec_link = "/cate-26451.htm";
	}
	
	/*---------- 01.Logo --------*/
	if( typeof(mobile_logo) == "undefined" ) {
		var mobile_logo = $('.logo img').attr('src');
	}
	if(siteid == 177){
		var mobile_logo = "/uploadfiles/177/logo_mobile.png";
	}
	if(siteid == 227){
		var mobile_logo = "/uploadfiles/227/logo01.png";
	}
	if(siteid == 213){
		var mobile_logo = "/uploadfiles/213/logo/logo01.png";
	}
	
	if(mobile_logo) code[2]  = '<li id="rwd_logo"><a href="index.html"><img src="%27%20%2b%20mobile_logo%20%2b%20%27.html"></a></li>';
	
	/*---------- 02.Search --------*/
	if($('.search').length>0)
	{
		var html_search = $('.search').html();
	}else if($('#search_form').length>0) {
		var html_search = $('#search_form').html();
	}
	if(html_search) code[1] = "<li class='searchBox'>" + html_search + "</li>";
	
	code[3] = "";
		
	/*---------- 03.語系 --------*/
	if($('#langlist > option').length > 1)
	{
		var lang_str = "<li><a href='javascript:void();'><i class='fa fa-language'></i> &nbsp; "+lang_text+"</a></li>";
		$('#langlist > option').each(function(){
			var lang_text = $(this).text();
			var lang_code = $(this).attr('_code');
			var lang_url  = $(this).val();
			var lang_icon = $(this).attr('_icon');
			var lang_html = "<a href='_%2blang_url%2b_.html'><img src="%2b%20lang_icon%20%2b.html" align=\"absmiddle\"> "+ lang_text+"</a>";
			if(lang == lang_code)
			{
				lang_str+= '<li style="padding-left: 20px;" class="mm-selected">'+lang_html+'</li>' ;
			}else{
				lang_str+= '<li style="padding-left: 20px;">'+lang_html+'</li>' ;
			}
		});
		$(".rwd-menu-r-ul").html("<ul>"+lang_str+"</ul>");
		$("#rwd-menu-right").show();
	}else if($('.lagH li a').length > 1) { 
		var lang_str = "<li><a href='javascript:void();'><i class='fa fa-language'></i> &nbsp; "+lang_text+"</a></li>";
		//$('.lagH li a').each(function(){
		//$('.lagH > ul > li > a:first-child').each(function(){
		//upd by hank 2016.10.6	
		$('.lagH li a:first-child').each(function(){		
			var lang_text = $(this).attr('title');
			var lang_code = $(this).attr('_code');
			var lang_link = $(this).attr('href');
			var img_src   = $(this).children().attr('src');
			/*
			//var lang_html = $(this).html();
			lang_html = lang_html.replace(/(<IMG )/g, '<img '); // IE8's debug
			lang_html = lang_html.replace(/(<img )/g, ' <img align="top" ');
			lang_html = lang_html.replace(/(<\/A>)/g, '</a>');  // IE8's debug
			lang_html = lang_html.replace(/(<\/a>)/g, ' '+lang_text+'$1');
			*/
			//console.log(img_src);
			if(typeof(img_src) != "undefined")
			{
				var _html = '<a title="'+lang_text+'" href="%27%2blang_link%2b%27.html"><img align="absmiddle" src="%27%2bimg_src%2b%27.html"> '+lang_text+"</a>";
			}else{
				var _html = '<a title="'+lang_text+'" href="%27%2blang_link%2b%27.html">'+lang_text+"</a>";
			}
			
			if(lang == lang_code)
			{
				lang_str+= '<li style="padding-left: 20px;" class="mm-selected">'+_html+'</li>' ;
			}else{
				lang_str+= '<li style="padding-left: 20px;">'+_html+'</li>' ;
			}
		});
		$(".rwd-menu-r-ul").html("<ul>"+lang_str+"</ul>");
		$("#rwd-menu-right").show();
	}
	 
	//console.log($('.lagH > select > option').length);
	
	/*---------- 04.Register ------*/
	var html_register = '';
	if($('.register').html()) html_register = $('.register').html();
	html_register = html_register.replace(/(\|)/g, '');
	html_register = html_register.replace(/(class="cartView")/g, 'class="mm-cart"');
	html_register = html_register.replace(/("\/login\.html">)/g, '$1<i class="fa fa-user"></i> &nbsp;');
	html_register = html_register.replace(/("\/register\.html">)/g, '$1<i class="fa fa-user"></i> &nbsp;');
	html_register = html_register.replace(/("\/cart\.htm">)/g, '$1<i class="fa fa-shopping-cart"></i> &nbsp;');
	code[4] = "<ul id='loginbox'>" + html_register + "</ul>";
	
	
	/*---------- 05.次選單 --------*/
	var html2 = '';
	if($('.sideCate li').length>0)
	{
		html2 = $('.sideCate').html();
		html2 = html2.replace(/(<span class=\"superTitle\">|<\/span>)/g, '');
		html2 = html2.replace(/(<span>|<\/span>)/g, '');
		html2 = html2.replace(/(display:none;)/g, ''); 
		html2 = html2.replace(/(<a class\="tree .*" href\="javascript:void\(0\);")/g, '');
		html2 = html2.replace(/(><\/a>)/g, '');
		html2 = html2.replace(/(<li><a class="active" )/g, '<li class="mm-selected"><a ');
		html2 = html2.replace(/(active)/g, ' mm-selected ');
		html2 = html2.replace(/(title=\".+\">)(.+<\/a>)/g, '$1<i class="fa fa-caret-right"></i> &nbsp;$2');
		//html2 = html2.replace(/( ><a )/g, '<a ');
	}
	//var sec_link = "cate-26265.html";
	//console.log(html2);
	//console.log(sec_link);
	//console.log("self_page ==> "+self_page);
	//console.log(html2);
	
	/*---------- 06.主選單 --------*/
	var html = '';
	if($('#navMenu').html()) html = html + $('#navMenu').html();
	if(html == '')  html = $('#navMenu2').html();
	//console.log(auto_sub_menu);
	if(auto_sub_menu == 1)
	{
		html = html.replace(/(<ul><\/ul>)/g, '');
		html = html.replace(/(<a class="level1" href="(187f.html?[^\"])">)/g, '$1<i class="fa fa-folder"></i> &nbsp;');
		//console.log(html);
		
		if(siteid == 177){
			html = html.replace(/(<a class="level1" href="http://2017all/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-bicycle "></i>');
			html = html.replace(/(<a class="level1" href="http://list//crafts/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-gears"></i>');
			html = html.replace(/(<a class="level1" href="http://cate/-37335/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-users"></i>');
			html = html.replace(/(<a class="level1" href="http://globalmap/.htm">)<i class="fa fa-folder">/g, '$1&nbsp;<i class="fa fa-map-marker"></i>');
			html = html.replace(/(<a class="level1" href="http://list//cate/-37702/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-laptop"></i>');
			html = html.replace(/(<a class="level1" href="http://list//cate/-37707/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-newspaper-o"></i>');
			html = html.replace(/(<a class="level1" href="http://list//cate/-38083/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-line-chart"></i>');
		}
		
		html = html.replace(/(<a class="level1" href="\/">)<i class="fa fa-folder">/g, '$1<i class="fa fa-home"></i>');
		html = html.replace(/(<a class="level1" href="http://product/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-reorder">');
		html = html.replace(/(<a class="level1" href="http://hot/-product/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-reorder">');
		html = html.replace(/(<a class="level1" href="http://qa/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-comments">');
		html = html.replace(/(<a class="level1" href="http://news/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-comment">');
		html = html.replace(/(<a class="level1" href="http://about/-us/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-university">');
		html = html.replace(/(<a class="level1" href="http://contact/-us/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-envelope">');
		//html = html.replace(/(<div>)/g, '');
		//html = html.replace(/(<\/div>)/g, '');
		//console.log(html);
	}else if( typeof(html) != 'undefined'){
		html = html.replace(/(<a class="level1" href="(187f.html?[^\"])">)/g, '$1<i class="fa fa-folder"></i> &nbsp;');
		html = html.replace(/(<a class="level1" href="\/">)<i class="fa fa-folder">/g, '$1<i class="fa fa-home"></i>');
		html = html.replace(/(<a class="level1" href="http://product/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-reorder">');
		//html = html.replace(/(<a class="level1" href="javascript:void(0);">)<i class="fa fa-folder">/g, '$1<i class="fa fa-reorder">');
		html = html.replace(/(<a class="level1" href="http://hot/-product/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-reorder">');
		html = html.replace(/(<a class="level1" href="http://qa/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-comments">');
		html = html.replace(/(<a class="level1" href="http://news/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-comment">');
		html = html.replace(/(<a class="level1" href="http://about/-us/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-university">');
		html = html.replace(/(<a class="level1" href="http://contact/-us/.htm">)<i class="fa fa-folder">/g, '$1<i class="fa fa-envelope">');
		html = html.replace(/(<ul><\/ul>)/g, '');
		//html = html.replace(/(<div>)/g, '');
		//html = html.replace(/(<\/div>)/g, '');
		html = html.replace(/(onmouseover="child_menu\('.+', '.+', this\);")/g, '');
	}
	//console.log("sec_link => "+sec_link);
	//console.log("self_page => "+self_page);
	//console.log("str1 => "+str1);
	//console.log(html);
	
	if(html && $(".mm-selected").length == 0)
	{
		var str3 = "(><a class=\"level1\" href=_(_.html + sec_link + "|" + self_page+ ")\">)";
		var re3  = new RegExp(str3,"g");
		html = html.replace(re3, 'class="mm-selected mm-opened" ' + '$1');
	}
	
	if(html2)
	{
		//console.log(0);
		if(auto_sub_menu == 1)
		{
			//var str2 = "(<a class=\"level1\" href=_(_.html + sec_link + "|" + self_page+ ")\">.+</a>)(<ul>.+</ul>)";
			//console.log( siteid);
			if(self_page == "/globalmap.htm")
			{
				var str1 = "( href=\"(" + sec_link + "|" + self_page+ ")\">.+</a>)";
				var re = new RegExp(str1,"g");
				code[5] = html.replace(re, '$1<ul>'+html2+'</ul>');
				//console.log(code[5]);
			}else{
				var str2 = "(<a class=\"level1\" href=__.html + sec_link + "\">.+</a>)(<ul>.+</ul>)";
				var re2  = new RegExp(str2,"g");
				html  = html.replace(re2, '$1');
				code[5] = html;
			}
			//console.log(html);
			//console.log(1);
		}else{
			var str1 = "( href=\"(" + sec_link + "|" + self_page+ ")\">.+</a>)";
			var re = new RegExp(str1,"g");
			code[5] = html.replace(re, '$1<ul>'+html2+'</ul>');
		}
		if(code[4])
		{
			var str3 = "(><a href=_(_.html + sec_link + "|" + self_page+ ")\")(>.+</a>)";
			var re3 = new RegExp(str3,"g");
			code[4] = code[4].replace(re3, ' class="mm-selected mm-opened"$1$3<ul>'+html2+'</ul>');
		}
		
	}else{
		code[5] = html;
	}
	code[5] = "<h3>"+lang_menu+"</h3><ul id='menubox'>" + code[5] + "</ul>";
	
	/*------ 05. 聯絡資訊 ------*/
	//code[6] = "<li id='contact_menu'><a href='javascript:void();'><i class='fa fa-globe'></i>&nbsp; " +lang_continfo+ "</a></li>";
	code[6] = "<li class='contact_info'>";
	if(lang_tel && var_tel){
		code[6]+= "<i class='fa fa-phone'></i> <a href='tel:" +var_tel+ "' class='reset'>"+var_tel+"</a></BR>"; 
	}
	if(lang_fax && var_fax){
		code[6]+= "<i class='fa fa-fax'></i> "+ var_fax + "</BR>"; 
	}
	if(var_email){
		code[6]+= "<i class='fa fa-envelope-o'></i>  <a href='mailto:"+ var_email+ "' class='reset'>"+var_email+"</a>"; 
	}
	code[6]+= "</li>";
	
	/*------ 06. 社群 ------*/
	code[7] = "";
	if(var_site_facebook) {
		code[7]+= "<li class='social_menu'>";
		code[7]+= "<span class='fb'><a href='_%2b%20var_site_facebook%2b%20_.html' target='_blank'>Facebook</a></span>"; 
		code[7]+= "</li>";
	}
	
	/*------ Finally ------*/
	var html_str = "<ul>";
	for	(i = 0; i < code.length; i++) {
		if(code[i]) html_str+= code[i];
	}
	html_str+= '</ul>';
	$(".rwd-menu-ul").html(html_str);
	
	/*------ exec mmenu ------*/
	
	$('nav#rwd-menu').mmenu({
		classes: "mm-slide",
		//zposition : "front",
		slidingSubmenus: false
		//searchfield: true,
		//counters: true
	});
	
	if(siteid != 177)
	{
		$('nav#rwd-menu-r').mmenu({
			//position:'right',
			position  : "bottom",
			zposition: 'front'
			//slidingSubmenus: false
			//searchfield: true,
			//counters: true
		});
	}
	
	if($('#rwd-menu-2').length > 0 )
	{
		var add_html = '<li><a href="#rwd-menu-2" class="fancybox-close" title="Close" id="my-close" style="right:10px;top:5px;"></a></li>';
		$("#rwd-menu-2 .rwd-menu-ul").prepend(add_html);
		
		$('#rwd-menu-2').mmenu({
			position:'right',
			extensions: ["effect-menu-slide", "effect-listitems-slide"],
			slidingSubmenus: false,
			zposition: 'front'
		});
		
		var API2 = $("#rwd-menu-2").data("mmenu");
		$("#my-close").click(function() {
			API2.close();
		});
		/*
		var API = $("#rwd-menu").data("mmenu");
		$("#rwd-menu").click(function() {
			API.close();
		});
		*/
	}
	
	
	/**
	 * 解決 滿版下拉的Html差異性
	 *	@ Hank 2016.8.30
	 */
	 if( siteid==262 ){
		$('#menubox .mm-list.mm-panel .menu_list_block').unwrap();
		$('#menubox .mm-list.mm-panel .menu_list_block .menu_img').remove();
		$('#menubox .mm-list.mm-panel .menu_list_block .menu_text').contents().unwrap();
	 }
	
	
});