var exb_3001=['cb1','cb5','cb7','cb13']
var exb_3002=['cb1','cb2','cb3','cb4','cb5','cb6','cb7','cb8','cb9','cb10','cb11']
var exb_3003=['cb3','cb4','cb5','cb6','cb7','cb8','cb9','cb10','cb12','cb13']
var exb_3004=['cb1','cb2','cb4','cb5','cb7','cb8','cb10','cb11','cb13']
var exb_3005=['cb1','cb2','cb7','cb8','cb11','cb13']
var exb_3006=['cb1','cb2','cb3','cb4','cb5','cb6','cb7','cb8','cb9','cb11','cb13']
var exb_3007=['cb1','cb2','cb4','cb6','cb7','cb9','cb11','cb13']
var exb_3008=['cb1','cb2','cb4','cb6','cb7','cb9','cb11','cb13']
var exb_3009=['cb1','cb2','cb3','cb4','cb7','cb8','cb10','cb11','cb13']
var exb_3010=['cb1','cb2','cb3','cb4','cb5','cb6','cb7','cb8','cb9','cb10','cb11']
var exb_3011=['cb1','cb2','cb3','cb4','cb5','cb6','cb7','cb8','cb9','cb10','cb11','cb12','cb13']
var exb_3012=['cb1','cb2','cb3','cb4','cb5','cb6','cb7','cb8','cb9','cb10','cb11','cb13']
var exb_3013=['cb1','cb2','cb3','cb4','cb5','cb6','cb7','cb8','cb9','cb10','cb11','cb12','cb13']
var exb_3014=['cb1','cb2','cb3','cb4','cb5','cb6','cb7','cb8','cb9','cb10','cb11','cb12','cb13']
var exb_3015=['cb1','cb2','cb3','cb4','cb5','cb6','cb7','cb8','cb9','cb10','cb11','cb12','cb13']
var exb_3016=['']
var exb_3097=['']
var exb_3098=['']
var exb_3099=['']
var exb_3096=['']
var cxb_4001=['fb1','fb2','fb4','fb5','fb6','fb7','fb8','fb9','fb10','fb11','fb12']
var cxb_4002=['fb2','fb4','fb5','fb6','fb7','fb8','fb9','fb10','fb11','fb12']
var cxb_4003=['fb2','fb3','fb6','fb9','fb10','fb11','fb12']
var cxb_4004=['fb2','fb3','fb4','fb6','fb7','fb8','fb9','fb10','fb11','fb12']
var cxb_4005=['fb1','fb2','fb3','fb4','fb6','fb10','fb11','fb12']
var cxb_4006=['fb2','fb3','fb6','fb7','fb8','fb10','fb11','fb12']
var cxb_4007=['fb1','fb2','fb3','fb4','fb5','fb6','fb7','fb8','fb9','fb10','fb11','fb12']
var cxb_4008=['fb2','fb3','fb4','fb5','fb6','fb9','fb10','fb11','fb12']
var cxb_4009=['fb2','fb3','fb6','fb7','fb8','fb10','fb11','fb12']
var cxb_4010=['fb2','fb3','fb4','fb9','fb10','fb11','fb12']
var cxb_4011=['fb2','fb4','fb5','fb6','fb7','fb8','fb9','fb10','fb11','fb12']
var cxb_4012=['fb3','fb11']
var cxb_4013=['fb1','fb3','fb4','fb5','fb6','fb7','fb8','fb9','fb11','fb12']
var cxb_4014=['fb1','fb2','fb3','fb4','fb5','fb6','fb7','fb8','fb9','fb10','fb12']
var cxb_4015=['fb1','fb2','fb3','fb4','fb5','fb6','fb7','fb8','fb9','fb10','fb11','fb12']
var cxb_4016=['fb1','fb2','fb3','fb4','fb5','fb6','fb7','fb8','fb9','fb10','fb11','fb12']
var cxb_4017=['']
var cxb_list={ 'cb1':cxb_4001,'cb2':cxb_4002,'cb3':cxb_4003,'cb4':cxb_4004,'cb5':cxb_4005,'cb6':cxb_4006,'cb7':cxb_4007,'cb8':cxb_4008,'cb9':cxb_4009,'cb10':cxb_4010,'cb11':cxb_4011,'cb12':cxb_4012,'cb13':cxb_4013,'cb14':cxb_4014,'cb15':cxb_4015,'cb16':cxb_4016}
var exb_list={'fb1':exb_3001,'fb2':exb_3002,'fb3':exb_3003,'fb4':exb_3004,'fb5':exb_3005,'fb6':exb_3006,'fb7':exb_3007,'fb8':exb_3008,'fb9':exb_3009,'fb10':exb_3010,'fb11':exb_3011,'fb12':exb_3012,'fb13':exb_3013,'fb14':exb_3014,'fb15':exb_3015}

var fc_colors={'3003':'70ce9b', '3008':'00adc6', '3001':'878a8b', '3002':'e87511', '3007':'b59b0c', '3005':'8a6748', '3004':'4f0093', '3009':'772d6b', '3010':'ce898c', '3011':'566b21', '3006':'422d2d', '3012':'5b4723'}
var Fc_class={'fb1':'3001','fb2':'3002','fb3':'3003','fb4':'3004','fb5':'3005','fb6':'3006','fb7':'3007','fb8':'3008','fb9':'3009','fb10':'3010','fb11':'3011','fb12':'3012','fb13':'3013','fb14':'3014','fb15':'3015','cb1':'4001','cb2':'4002','cb3':'4003','cb4':'4004','cb5':'4005','cb6':'4006','cb7':'4007','cb8':'4008','cb9':'4009','cb10':'4010','cb11':'4011','cb12':'4012','cb13':'4013','cb14':'4014','cb15':'4015','cb16':'4016'}
 var Fc_names={'3003':'清潔卸妝','3008':'保濕滋潤','3001':'淡斑美白','3002':'防曬隔離','3007':'抗痘抑油','3005':'除皺抗老','3004':'抗敏修護','3009':'全效護膚','3010':'美體塑身','3011':'美髮修復','3006':'彩妝遮瑕','3012':'精油香氛','3013':'PLUS加購','3014':'健康PLUS加購','fb15':'不分類','4001':'卸妝','4002':'洗臉','4003':'化妝水','4004':'眼周保養','4005':'原液','4006':'精華/美容液','4007':'凝膠','4008':'乳液','4009':'乳霜','4010':'去角質','4011':'面膜','4012':'彩妝','4013':'身體','4014':'美髮','4015':'隨時隨地','4016':'其他'}
var list_type_names={'0':'產品搜尋','1':'非買不可','2':'美膚精靈建議產品','3':'plus加購','4':'健康plus加購','5':'全產品','6':'特惠商品'}
var skin_pro={'10000000':'乾燥','1000000':'暗沉','100000':'斑點','10000':'皺紋','1000':'痘痘','100':'毛孔','10':'敏感','1':'黑眼圈'}
var skin_pic={'10000000':'4','1000000':'5','100000':'6','10000':'7','1000':'2','100':'3','10':'1','1':'8'}
//功能按鈕背景
    var tb_nor={"cb1":"0 0", "cb2":"0 -27px", "cb3":"0 -52px", "cb4":"0 -77px", "cb5":"0 -103px", "cb6":"0 -129px", "cb7":"0 -154px", "cb8":"0 -180px", "cb9":"0 -206px", "cb10":"0 -232px", "cb11":"0 -257px", "cb12":"0 -283px", "cb13":"0 -309px", "cb14":"0 -334px", "cb15":"0 -360px", "cb16":"0 -386px", "cb17":"0 -412px","fb3":"-107px 0", "fb8":"-107px -27px", "fb1":"-107px -52px", "fb2":"-107px -77px", "fb7":"-107px -103px", "fb5":"-107px -129px", "fb4":"-107px -154px", "fb9":"-107px -180px", "fb10":"-107px -206px", "fb11":"-107px -232px", "fb6":"-107px -257px", "fb12":"-107px -283px", "fb13":"-107px -309px", "fb14":"-107px -334px", "fb16":"-107px -360px", "fb97":"-107px -386px", "fb98":"-107px -412px", "fb99":"-107px -437px", "fb96":"-107px -463px"};
    var tb_hover={"cb1":"-424px 0","cb2":"-424px -27px", "cb3":"-424px -52px", "cb4":"-424px -77px", "cb5":"-424px -103px", "cb6":"-424px -129px", "cb7":"-424px -154px", "cb8":"-424px -180px", "cb9":"-424px -206px", "cb10":"-424px -232px", "cb11":"-424px -257px", "cb12":"-424px -283px", "cb13":"-424px -309px", "cb14":"-424px -334px", "cb15":"-424px -360px", "cb16":"-424px -386px", "cb17":"-424px -412px","fb3":"-532px 0", "fb8":"-532px -27px", "fb1":"-532px -52px", "fb2":"-532px -77px", "fb7":"-532px -103px", "fb5":"-532px -129px", "fb4":"-532px -154px", "fb9":"-532px -180px", "fb10":"-532px -206px", "fb11":"-532px -232px", "fb6":"-532px -257px", "fb12":"-532px -283px", "fb13":"-532px -309px", "fb14":"-532px -334px", "fb16":"-532px -360px", "fb97":"-532px -386px", "fb98":"-532px -412px", "fb99":"-532px -437px", "fb96":"-532px -463px"}
   var tb_disabled={"cb1":"-214px 0","cb2":"-214px -27px", "cb3":"-214px -52px", "cb4":"-214px -77px", "cb5":"-214px -103px", "cb6":"-214px -129px", "cb7":"-214px -154px", "cb8":"-214px -180px", "cb9":"-214px -206px", "cb10":"-214px -232px", "cb11":"-214px -257px", "cb12":"-214px -283px", "cb13":"-214px -309px", "cb14":"-214px -334px", "cb15":"-214px -360px", "cb16":"-214px -386px", "cb17":"-214px -412px","fb3":"-321px 0", "fb8":"-321px -27px", "fb1":"-321px -52px", "fb2":"-321px -77px", "fb7":"-321px -103px", "fb5":"-321px -129px", "fb4":"-321px -154px", "fb9":"-321px -180px", "fb10":"-321px -206px", "fb11":"-321px -232px", "fb6":"-321px -257px", "fb12":"-321px -283px", "fb13":"-321px -309px", "fb14":"-321px -334px", "fb16":"-321px -360px", "fb97":"-321px -386px", "fb98":"-321px -412px", "fb99":"-321px -437px", "fb96":"-321px -463px"}  

//忽略按鈕
var ig_bts=['fb13','fb14','fb16','fb97','fb98','fb99','fb96','cb17']
//需清除全部的按鈕
var clear_all_bts=['fb13','fb14','fb16','fb96','cb17'];
//新舊系列按鈕
var pd_series_bts=['fb97','fb98'];



//加入促銷提醒

function onsale_alert(pd_id){
        var alert_mail=$('#alert_mail').val();
        var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
                   
      if(alert_mail.length>0){
        if(pattern.test(alert_mail)){         
              		      $.ajax({
                    	          type: 'post', 
                                  url: 'modules/product.php',
                                  dataType: 'html',      
                                  data: {  query_op:'onsale_alert',pd_id:pd_id,alert_mail:alert_mail,
                                           alert_type:'1'
                                             },
                                  complete :function(){},                             
                                  success: function(rt){
                                            show_tip(rt);    
                                            $('#mail_alert_div').slideUp();   
                                            mail_alert.close();                                                                              
                                    }     
                    	        });    
              		       
                  }else{   
              	           alert('EMAIL格式有誤!'); 
                  }
      }else{
        alert('請輸入email!');
         
      } 
         

}
 //取得分享連結
 function get_share_link(pd_id,moux,mouy){
           
       $('.get_share_link_form').remove();
       var get_str='將連結貼到 電子郵件 或 即時訊息中<br>';
       get_str+='<input name="link_text_'+pd_id+'" type="text" style="width:360px;height:16px;" value="'+web_url+"modules/pd_share.php?query_op=share_pd&pd_id="+pd_id+'">';   
           jQuery("<div/>", {id: "get_share_link_form_"+pd_id}).addClass('get_share_link_form').appendTo("body");
          
            $('#get_share_link_form_'+pd_id).html('<div class="close"></div><div id="get_share_link_form_content_'+pd_id+'" class="link_form_content"></div>');
            $('#get_share_link_form_content_'+pd_id).html(get_str);
            $('#get_share_link_form_'+pd_id).css("left",moux+"px");
            $('#get_share_link_form_'+pd_id).css("top",mouy+"px");
            
            $('#get_share_link_form_'+pd_id).slideDown();
            
            $('#get_share_link_form_'+pd_id+' .close').click(function (){
                $('#get_share_link_form_'+pd_id).slideUp();
                
        }); 
         $('input[name=link_text_'+pd_id+']').click(function (){
            $('input[name=link_text_'+pd_id+']').select();
        
        });
 }
 

//載入產品訊息
function load_pd_detail(pd_id,panel){
         $.ajax({
	          type: 'post', 
              url: 'modules/product.php',
              dataType: 'json',      
              data: {query_op:'load_pd_detail',pd_id:pd_id  },
              complete :function(){},                             
              success: function(rt){
                             var rts=rt.result;
                             var video_file=rts[0].video_file;
                             var pd_info=$('#'+pd_id).data('pd_info');
                             var qty=rts[0].qty;
                             var mem_Mail=rt.mem_Mail;     
                              var pd_prices=rt.pd_prices;   //產品金額
                              var SamplePoint=rt.SamplePoint; //隨身瓶點數
                               var CanExSample=rt.CanExSample; //可以兌換
                              var pro_Con=rts[0].pro_Con;//容量
                              var pd_name=rts[0].pd_name;
                              var pro_EngName=rts[0].pro_EngName; 
                              var Demands_Cht=rts[0].Demands_Cht;
                              var c_Class2=rts[0].c_Class2;
                              var c_Class3=rts[0].c_Class3;
                              var bg_class='pot_'+c_Class2+'_'+c_Class3;
                              var is_mem=$.cookie('is_member');
                             var pd_str='<div class="pd_info_block" style="width:200px;">';
                             //================================================================
                            
                              pd_str+='<div class="thumb_div_b" id="'+pd_id+'">';
                                 pd_str+='<img src="/gallery/'+pd_id+'main.png"  title="'+pd_id+'" rel="#pd_info" />';
                              if(pd_id[0]=='Q'){ //Q系列
                                  pd_str+='<div class="Q_series_big" name="Q_series" ></div>';
                                }   
                              pd_str+='</div>';
                             
                              pd_str+='<div style="width:198px;float:left;height:auto;">'; 
                              pd_str+='<div class="ops_div_big">';
                              //購
                              pd_str+='<div class="buy_bt_big buy_bt_B" name="n_buy_pd_bt" style="cursor:pointer" title="我要購買" > &nbsp</div>';
                              //拼
                               pd_str+='<div class="buy_bt_big pd_cmp_bt_B"   style="cursor:pointer" title="我要比拼">&nbsp</div>';
                              
                              if(video_file!='none'){   //影
                                 pd_str+='<div class="buy_bt_big video_bt_B" name="pd_video"  rel="div.overlay"  style="cursor:pointer" title="產品影片">&nbsp</div>';
                              }
                              pd_str+='</div>'; //end ops_div
                               pd_str+='<div class="pd_info_div"><div class="close" style="padding:0"></div></div>';
                            
                             //================================================================
                             //列出產品各種價格
                               pd_str+='<div class="pd_price_info" name="pd_first_block" >';
                               pd_str+='<div style="width:150px;height:20px;">';
                                  pd_str+='<div class="p_label">‧容&nbsp;&nbsp;&nbsp;量</div><div class="p_info">：'+pro_Con+'</div></div>';
                                for(var i=0;i<pd_prices.length;i++){
                                  var price=pd_prices[i].price_val;
                                  var price_name=pd_prices[i].price_name;
                                  if(price!=0){
                                  pd_str+='<div style="width:150px;height:20px;">';
                                  pd_str+='<div class="p_label">‧'+price_name+'</div><div class="p_info">：'+price+'</div></div>';
                                  }
                                           
                              }
                                       
                            pd_str+='<div style="width:150px;height:30px;">';
                            pd_str+='<div class="p_label" style="width:70px;">‧隨身瓶</div>';
                            if(SamplePoint!=0){
                                 pd_str+='<div  class="p_info">：'+SamplePoint+'點';
                                if(CanExSample=='1'){  pd_str+='<div style="float:right;" class="exchange_bt">&nbsp;</div>';
                                }
                            
                            }else{
                                    pd_str+='<div class="p_info">：無';
                            }
                            
                            pd_str+='</div></div>';
                                           
                            pd_str+='</div>'; 
                             //分享.推薦.取得連結.按鈕
                            pd_str+='<div style="float:left;width:180px;height:180px;">';
                                     
                                    pd_str+='<a class="a2a_dd" href="http://www.addtoany.com/share_save">';
                                     pd_str+='<div class="share_to_social_bt"></div></a>';
                                     pd_str+='<script type="text/javascript">';
                                     pd_str+='var a2a_config = a2a_config || {};';
                                     pd_str+='a2a_config.orientation = "up";';
                                     pd_str+="a2a_onclick = 0; a2a_linkname = '"+rts[0].pd_name+"';";
                                     pd_str+="a2a_track_links='custom';";
                                     pd_str+="a2a_track_links_key ='"+web_url+"modules/pd_share.php?query_op=share_pd&pd_id="+pd_id+"';";
                             pd_str+='</script>';
		                     pd_str+='<script type="text/javascript" src="http://static.addtoany.com/menu/locale/zh-TW.js" charset="utf-8"></script>';
		                     pd_str+='<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>';
		                     
                                     pd_str+='<div class="onsale_alert_me_bt" name="onsale_tell_me" style="margin-top:15px;"></div>';
                                      pd_str+='<div class="get_share_link" name="get_share_link_'+pd_id+'" style="margin-top:15px;"></div>';
                                     
                       
                                      if(is_mem==1 && pd_id[0]=='Q'){
                                            pd_str+='<div  class="pd_push_icon" name="pd_push_bt" style="margin-top:15px;"></div>';
                                      }
                             pd_str+='</div>';
                             pd_str+='</div>';
                             pd_str+='</div>';  // end fist block
                             
                             //sec block
                             pd_str+='<div class="pd_info_block bpd_line"  >';
                             pd_str+='<div style="height:500px;float:left;">&nbsp;</div></div>';
                             //tri block
                             
                             pd_str+='<div class="pd_info_block" style="margin-left:10px" >';
                                    //====================================================================
                                        pd_str+='<div class="product_open_tabs '+bg_class+' pd_info_readme" style="padding-top:20px;">';
                                                      pd_str+='<div style="font-size:15pt;">'+pd_name+'</div>';  
                                                      pd_str+='<div style="font-size:15pt;margin-top:5px">'+pro_EngName+'</div>';
                                        pd_str+='</div>';
                                        pd_str+='<div class="pd_info_readme"  style="color:#A90232;height:30px;">';
                                        pd_str+=Demands_Cht;
                                        pd_str+='</div>';
                                        
                                         pd_str+='<div class="pd_info_readme" style="margin-top:10px">';
                                        pd_str+=rts[0].pro_Detail;
                                        pd_str+='</div>';
                                         pd_str+='<div class="pd_info_readme" style="margin-top:10px">';
                                        pd_str+='主要成份：<br>'+rts[0].pro_comp;
                                        pd_str+='</div>';
                                         pd_str+='<div class="pd_info_readme" style="color:#ED1B23;margin-top:10px">';
                                        pd_str+=rts[0].opened_use_Cht;
                                        pd_str+='</div>';
                                        pd_str+='<div class="pd_info_readme"  >';
                                        pd_str+=rts[0].rec;
                                        pd_str+='</div>';
                                        
                                        pd_str+='<div class="pd_info_readme" style="margin-top:20px;margin-bottom:80px;">';
                                        if(rts[0].Cosmetic_Made_No!=''){
                                        pd_str+='<div style="float:right;clear:right;display:block">衛署粧製字第'+rts[0].Cosmetic_Made_No+'號</div><br>';
                                        }
                                        if(rts[0].CosmeticNo!=''){
                                        pd_str+='<div style="float:right;display:block">衛署粧廣字第'+rts[0].CosmeticNo+'號</div>';
                                        }
                                        pd_str+='</div>';
                                    //====================================================================
                              pd_str+='</div>'; 
                              pd_str+='<div class="pot_bg_tabs pot_bg_'+c_Class2+'" style="left:0;position:absolute;bottom:0;height:55px;width:736px"></div>'; 
                            
                           
                             $("#"+panel).html(pd_str);
                             //推推王
                               $('div[name=pd_push_bt]').click(function (event){
                                         var pd_id=$('.thumb_div_b').attr('id');
                                         $.ajax({
                                        	          type: 'post', 
                                                      url: 'modules/buty_activities.php',
                                                      dataType: 'html',      
                                                      data: {  query_op:'check_buty_member'},
                                                      complete :function(){},                             
                                                      success: function(rt){
                                                             if(rt==1){
                                                                alert('butyshop同仁及相關關係人禁止參加推薦活動！');
                                                             }else{
                                                                 pd_to_push(pd_id,pd_name);
                                                             }                                                                               
                                                        }     
                                       });   
                                         
                              });
                              //取得分享連結
                               $('div[name=get_share_link_'+pd_id+']').click(function (event){
                                         var pd_id=$('.thumb_div_b').attr('id');
                                         var pos=$(this).offset();  
                                         //var moux=event.pageX+35;
                                        // var mouy=event.pageY-35;
                                          var moux=pos.left;
                                        var mouy=pos.top;
                                         
                                        get_share_link(pd_id,moux,mouy);  
                              });
                              
                              //addtoany 
                              $('.share_to_social_bt').hover(function (){
                                 var desc=rts[0].pro_Detail;
                                 $('meta[name=description]').attr('content',desc);
                                   });
                             
                              //組合單品連結
                              $('span.sub_pd_link').click(function (){
                                  var  pd_num=$(this).attr('name');
                                  var link_pd_num=pd_num.substr(0,5);
                                   //fly_out_pd(link_pd_num);
                                   fly_out_sub_pd(link_pd_num); 
                              });
                             //成分連結
                              $('span.dic_search').click(function (){
                                   var ids=$(this).text(); //成分名稱
                                 
                                   //var  mystr=ids.split("&kword=");  
                                   $.cookie('after_run','1');
                                   $.cookie('run_fun','load_word');
                                   $.cookie('rdic_id','');
                                   $.cookie('rdic_name',ids);
                                   $('#pd_detail_box').find('div.close').fadeOut();
                                   $('#pd_detail_box').fadeOut().remove();
                                   //組合單品移除
                                   $('#pd_detail_box_'+pd_id).find('div.close').fadeOut();
                                   $('#pd_detail_box_'+pd_id).fadeOut().remove(); 
                                   $('#page_buty_knowledge').html('');       
                                   var hs=location.hash;
                                   if(hs=="#buty_knowledge"){
                                       location.reload();
                                   }else{
                                    location.hash='buty_knowledge';
                                      }
                              });
                             // alert(rts[0].pro_comp);
                             //購買
                             $('div[name=n_buy_pd_bt]').click(function (event){ 
                                    var pd_id=$('.thumb_div_b').attr('id');
                                    var moux=event.pageX+15;
                                    var mouy=event.pageY+15;
                                    $.cookie('moux',moux);
                                    $.cookie('mouy',mouy);
                                    add_to_cart(pd_id);
                                  
                             });
                              //兌換隨身瓶
                             $('div[class=exchange_bt]').click(function (event){ 
                                    var pd_id=$('.thumb_div_b').attr('id');
                                    add_to_cart_b(pd_id);
                                   
                                    var moux=event.pageX+15;
                                    var mouy=event.pageY+15;
                                    $.cookie('moux',moux);
                                    $.cookie('mouy',mouy)
                               });
                             
                              //促銷通知我
                             $('div[name=onsale_tell_me]').click(function(e){
                                if(mem_Mail!='none'){
                                              var alert_mail_str=mem_Mail;
                                      }else{
                                              var alert_mail_str='';
                                     }    
                                  $.ajax({
                            	          type: 'post', url: 'modules/product.php', dataType: 'json',      
                                          data: {query_op:'add_to_cart',  pd_id:pd_id  },
                                          complete :function(){},                             
                                          success: function(rt){
                                         
                                                   var op=rt.recall_op;
                                                   var pd_num=rt.pd_num;
                                                   //選擇顏色味道
                                                   if(op==0){   alert_type_select_b(pd_num,alert_mail_str);
                                                                return_msg=rt.return_msg;
                                                     }
                                                    //顯示通知輸入
                                                   if(op==1){   show_onsale_tell_me(pd_num,alert_mail_str);  }   
                                                
                                                                                                              
                                                 }
                                                      
                            	           });  
          	    	                  
                             });
                             
                              
                             
                             $('#mvideo_bt').hover(function () {
                                            $('#player').attr('href','pd_video/'+video_file);
                                            });  
                              
                                
                                //影片
                            $('#mvideo_bt').overlay({ 
                                 effect: 'apple', 
                                 onLoad: function() { 
                                        var player = $f("player", "flash_player/flowplayer-3.1.5.swf"); 
                                         player.load();
                                     }, 
                                onClose: function() { 
                                        var player = $f("player", "flash_player/flowplayer-3.1.5.swf");
                                
                                         player.unload(); 
                                      } 
                              });
                                                                                                             
                         }     
	           });



}

 
 
//通知顏色及味道選擇
function alert_type_select_b(pd_id,alert_mail_str){

        $.ajax({
	          type: 'post', 
              url: 'modules/product.php',
              dataType: 'json',      
              data: {query_op:'pd_type_select',pd_id:pd_id  },
              complete :function(){},                             
              success: function(rt){
                                var select_pd_str='<div>請選擇味道顏色<hr><div id="select_pd_list"></div></div>';
                                $('#alert_type_form').remove();
                                jQuery("<div/>", {id: "alert_type_form"}).addClass('select_pd_overlay').appendTo("body");
                                $('#alert_type_form').html(select_pd_str);
                                
                                select_pd_form=$('#alert_type_form').overlay({
                                   oneInstance: true, 
                                   api: true,expose: {color: '#333',loadSpeed: 200,opacity: 0.9},
                                   onBeforeLoad:function (){
                                        var pds=rt.pds;
                                        var ss_Str='';
                                        for(var i=0;i<pds.length;i++){
                                            ss_Str=ss_Str+'<div id="'+pds[i].pd_no+'" class="pd_select_list">'+pds[i].pdname+'</div>';
                                          }
                                   $('#select_pd_list').html(ss_Str);
                                   $('.pd_select_list').click(function (){
                                       var pd_no=$(this).attr('id');
                                       
                                       select_pd_form.close();
                                       show_onsale_tell_me(pd_no,alert_mail_str);  
                                       });
                                   }
                              });
                                       
                               select_pd_form.load();
                                                                                                                
                         }     
	                });
                            


}   //end pd_type_select


//
function show_onsale_tell_me(pd_num,alert_mail_str){

         $('#mail_alert_div').remove();
                                 jQuery("<div/>", {id: "mail_alert_div"}).addClass('fb_share_form_overlay').appendTo("body");
                                
          	    	              mail_alert= $('#mail_alert_div').overlay({
                                   oneInstance: false, 
                                   api: true,
                                   closeOnClick:false,
                                   closeOnEsc:false,
                                   expose: {color: '#333',loadSpeed: 200,opacity: 0.9},
                                   onBeforeLoad:function (){
                                    
                                          var astr='<div style="height:60px;width:300px;">Email:<input type="text" id="alert_mail" value="'+alert_mail_str+'">';
                                          astr+='<button name="alert_me_bt">送出</button><button name="cancel_bt">取消</button></div>';
          	    	                      $('#mail_alert_div').html(astr); 
                                   }
                                  });
                                    mail_alert.load();
                                    
                                     $('button[name=cancel_bt]').click(function (){
                                        
                                       mail_alert.close();
                                   }); 
                                   
                                   $('button[name=alert_me_bt]').click(function(e){
                                        onsale_alert(pd_num);
                                       
                                     
                                  });
                                    $("#alert_mail").keypress(function(e){   
                          
                                             if(e.keyCode==13){
                                                                onsale_alert(pd_num); 
                                                                 
                                                                
                                                              }  
                                   });
}

//組合單品
 function  fly_out_sub_pd(pd_id){
           //========================================================
         $('.get_share_link_form').remove(); 
          var page_name=location.hash;
          //產品介紹 
          if(page_name=='#product'){
               var pa=$('#'+pd_id).parent();
               var page_panel='page_product';
              
          }
          //門市新鮮事
          if(page_name=='#door_info'){
               var pa=$('div[name='+pd_id+']');
               var page_panel='page_door_info';
              
          }     
          //知識家
          if(page_name=='#buty_knowledge'){
               var pa=$('#'+pd_id).parent();
               var page_panel='buty_knowledge';
              
          } 
          //購物車
           if(page_name=='#shopping_cart'){
               var pa=$('#'+pd_id).parent();
               var page_panel='page_shopping_cart';
              
          } 
           //頁面原高度
          var page_pre_height=$('#'+page_panel).height();
           var th=0;
           
             $('#pd_detail_box_'+pd_id).remove();
             $('#pd_detail_content_'+pd_id).html('');
             jQuery("<div/>", {id: "pd_detail_box_"+pd_id}).addClass('pd_detail_box_sub').appendTo("body");
             $('#pd_detail_box_'+pd_id).html('<div class="close"></div><div id="pd_detail_content_'+pd_id+'">&nbsp;</div>');
             $('#pd_detail_box_'+pd_id).addClass('fly_out'); 
             $('#pd_detail_box_'+pd_id).width('720px').height('auto');
               sub_pd_overlay=$('#pd_detail_box_'+pd_id).overlay({
              api:true,oneInstance:false,fixed:false,speed:'slow',closeOnEsc:false,
              onClose:function (){ $('.get_share_link_form').slideUp();  
                                    },
                  onBeforeLoad:function (){
                           load_pd_detail(pd_id,'pd_detail_content_'+pd_id);
                          }
                  });
              sub_pd_overlay.load();
                      
            $('#pd_detail_box_'+pd_id).find('div.close').fadeIn();
                   //關閉產品詳細
            $('#pd_detail_box_'+pd_id).find('div.close').click(function (){
                                
                              if(page_name=='#door_info'){
                                     $('#doors_mesg').css('height','auto');               
                                                      }                     
                               $('#pd_detail_box_'+pd_id).find('div.close').fadeOut();
                               $('#pd_detail_box_'+pd_id).fadeOut().remove();
                               //回復高度
                             
                               $('#'+page_panel).css('height','auto');
                              
                        });        
            //========================================================
      }
 
//產品詳細
function  fly_out_pd(pd_id){
           //========================================================
          
          var page_name=location.hash;
          //產品介紹 
          if(page_name=='#product'){
               var pa=$('#'+pd_id).parent();
               var page_panel='page_product';
              
          }
          //門市新鮮事
          if(page_name=='#door_info'){
               var pa=$('div[name='+pd_id+']');
               var page_panel='page_door_info';
              
          }     
          //知識家
          if(page_name=='#buty_knowledge'){
               var pa=$('#'+pd_id).parent();
               var page_panel='buty_knowledge';
              
          } 
          //購物車
           if(page_name=='#shopping_cart'){
               var pa=$('#'+pd_id).parent();
               var page_panel='page_shopping_cart';
              
          } 
           //頁面原高度
          var page_pre_height=$('#'+page_panel).height();
        
          var th=0;
           
             $('#pd_detail_box').remove();
             jQuery("<div/>", {id: "pd_detail_box"}).addClass('pd_detail_box').appendTo("body");
             $('#pd_detail_box').html('<div class="close"></div><div id="pd_detail_content">&nbsp;</div>');
             $('#pd_detail_box').addClass('fly_out'); 
             $('#pd_detail_box').width('720px').height('auto');
              pd_detail_box_overlay=$('#pd_detail_box').overlay({
              api:true,fixed:false,speed:'slow',closeOnEsc:false,
              onClose:function (){
                           $('.get_share_link_form').slideUp();        
                                    },
                  onBeforeLoad:function (){
                           load_pd_detail(pd_id,'pd_detail_content');
                          }
                  });
              pd_detail_box_overlay.load();
                      
            $('#pd_detail_box').find('div.close').fadeIn();
                   //關閉產品詳細
            $('#pd_detail_box').find('div.close').click(function (){
                                
                              if(page_name=='#door_info'){
                                     $('#doors_mesg').css('height','auto');               
                                                      }                     
                               $('#pd_detail_box').find('div.close').fadeOut();
                               $('#pd_detail_box').fadeOut().remove();
                               //回復高度
                             
                               $('#'+page_panel).css('height','auto');
                              
                        });        
            //========================================================
      }


 

//產品列出輸出
function list_product_layout(rt){
                     
                    var total=rt.total;
                    var rts=rt.result;
                   
                    var use_Queue_count=rt.use_Queue_count;
                    
                     if(use_Queue_count>0){
                            var use_Queue=rt.use_Queue;
                     }  
                    // var sql=rt.sql;
                    
                    var list_pd_type=rt.list_pd_type;
                    //美膚問題分類
                    if(list_pd_type==2){  skin_pro2=rt.skin_pro2;   }
                    
                    var fc_classes=rt.fc_classes;
                   
                    
                    var cmp_list_total=rt.cmp_list_total
                    var fc_total=rt.fc_total;
                   
                    var c_width=getBrowserWidth();
                    var c_height=getBrowserHeight();
                     
                    var layout_type=$.cookie('layout_type');
                     //產品類型分類
                     if(list_pd_type==0){
                           var class_content=new Array();  
                           if(fc_total>0){
                              for(var j=0;j<fc_classes.length;j++){
                                   var fcs=fc_classes[j];
                                   class_content[fcs]='';
                         
                               }
                             }  
                      } 
                      
                      //肌膚問題型分類
                     if(list_pd_type==2){
                           var class_content=new Array();  
                           if(skin_pro2.length>0){
                              for(var j=0;j<skin_pro2.length;j++){
                                   var fcs=skin_pro2[j];
                                      class_content[fcs]='';
                                  }
                             }  
                      } 
                    /*產品列出分類   list_pd_type
                        0 類別選擇或搜尋結果     依類型類別分類  /大標 產品搜尋
                        1 推薦產品               無小分類        /大標 推薦產品
                        2 美膚精靈建議產品       依肌膚問題分類  /大標 美膚建議產品
                        3 plus 加購              無小分類        /大標  plus 加購  
                        4 健康plus 加購          無小分類        /大標  健康plus 加購
                        5 健康plus 加購          無小分類        /大標  健康plus 加購 
                        6 特惠商品               無小分類        /大標  特惠商品 
                      */   
                       var title= list_type_names[list_pd_type];
                       var pd_series=$.cookie('pd_series');
                       if(pd_series=='K'&&　list_pd_type==0){
                            title=title+'（只列舊裝）';
                       }
                       if(pd_series=='Q'&&　list_pd_type==0){
                            title=title+'（只列新裝）';
                       }
                       var title_str='';
                       var title_width='960px';
                       if(list_pd_type=='2'){
                             title_str+='<div style="width:960px;margin-bottom:10px;float:left;height:200xp;">';
                             title_str+='<img src="images/product/buty_ex_200.png" width=960 height:200>';
                             title_str+='</div>';
                         }
                         if(layout_type=='b'){title_width='460px'}
                      title_str+='<div id="pd_class_title" style="width:'+title_width+';" class="product_tags pd_tag_'+list_pd_type+'">&nbsp;</div>';  
                         
                      
                       var pd_str='';
                    if(total>0){
                       
                          
                        for(var i=0;i<rts.length;i++){
                            if(list_pd_type==0||list_pd_type==2){  var pd_str='';}
                             
                            var pd_id=rts[i].pd_id;
                            var pd_name=rts[i].pd_name;
                            var con=rts[i].pd_con;
                            var price=rts[i].price;
                            var sale_code=rts[i].sale_code;
                            var video_file=rts[i].video_file;
                            var fc3=rts[i].fc3;
                            var qty=rts[i].pd_stockqty;
                            if(pd_id!=''){ 
                            //===============================================================================
                              if(list_pd_type==2){    //解決問題
                                     var salve_problem=rts[i].salve_problem;
                                }
                                var npd_str=pd_str;
                                
                                pd_str+='<div class="lc_div">';
                                pd_str+='<div class="thumb_div_a" id="'+pd_id+'">';
                                pd_str+='<img src="/gallery/'+pd_id+'smaile.png"   title="'+pd_name+"_"+con+'&nbsp;'+price+'元" rel="#pd_info" />';
                                pd_str+='</div>';
                                pd_str+='<div class="has_cmp_div" name="cmp_icon"><img src="images/button_2.png"></div>';
                                
                                  pd_str+='<div class="ops_div">';
                                   
                                        //購
                                        pd_str+='<div class="buy_bt buy_bt_S" name="buty_pd" title="我要購買">&nbsp</div>';
                                        pd_str+='<div class="buy_bt pd_cmp_bt_S" name="pd_cmp"  title="我要比拼">&nbsp</div>';
                                    if(video_file!='none'){
                                        pd_str+='<div name="pd_video" class="buy_bt video_bt_S" rel="div.overlay">&nbsp;</div>';
                                     }
                             
                                   
                                pd_str+='</div>'; //end ops_div 
                                pd_str+='<div class="info_div_a">';
                                if(pd_id[0]=='Q'){ //Q系列
                                         pd_str+='<div class="Q_series" name="Q_series" style="display:inline"><img src="images/product/product_icon_ex.png"></div>';
                                    }
                                pd_str+=pd_name+'<br>'+con+'&nbsp;'+price+'元';
                                pd_str+='</div>';
                               
                                pd_str+='</div>';
                                pd_str+='<div  class="spd_line" name="spd_line_'+pd_id+'">&nbsp;</div>';
                                
                          if(list_pd_type==1&&layout_type=='b'&& use_Queue_count >0){
                                 if(use_Queue.in_array(pd_id)){
                                  pd_str=npd_str;
                                 }
                            }       
                                 
                           if(list_pd_type==0){
                                     class_content[fc3]=class_content[fc3]+pd_str;
                                   
                            }
                            if(list_pd_type==2){
                                   for(var j=0;j<salve_problem.length;j++){
                                      var fc3=salve_problem[j];
                                      class_content[fc3]=class_content[fc3]+pd_str;
                                  }
                            }
                             if((list_pd_type!=0)&&(list_pd_type!=2)){
                             
                             }
                             
                          //===============================================================================
                          }   
                        } //end for
                        
                        
                       if(list_pd_type==0){   //分類型 
                       var pd_str='';
                                if(fc_total>0){
                                    for(var j=0;j<fc_classes.length;j++){
                                  
                                        var fcs=fc_classes[j];
                                        pd_str+='<div class="p_class_title pct_'+fcs+'" style="float:left;width:960px;margin-top:5px;">&nbsp;</div>';
                                        pd_str+='<div id="fcpanel_'+fcs+'"class="fc_panel" >'+class_content[fcs]+'</div>';
                                      }
                                  } 
                       }
                       
                       if(list_pd_type==1){    
                                  pd_str=title_str+pd_str;
                       }
                       
                       if(list_pd_type==2){   //分肌膚問題 
                                    var pd_str='';
                                    for(var j=0;j<skin_pro2.length;j++){
                                  
                                        var fcs=skin_pro2[j];
                                        pd_str+='<div   style="width:960px;float:left;margin-top:30px;"><div class="product_tags pd_tag_q2_'+skin_pic[fcs]+'">&nbsp;</div></div>';
                                        pd_str+='<div id="fcpanel_'+fcs+'"class="fc_panel">'+class_content[fcs]+'</div>';
                                      }
                                  } 
                     
                      if(list_pd_type==3||list_pd_type==4||list_pd_type==6){    
                                  pd_str=title_str+pd_str;
                       } 
                       
                     if(list_pd_type==0||list_pd_type==2){    pd_str=title_str+pd_str;    }
                         
                        var blank_block='<div style="float:left;width:950px;height:50px;">&nbsp;</div>';
                     //載入內容
                      $('#pd_list').html(pd_str+'&nbsp;'+blank_block);
                    
                      if(cmp_list_total>0){
                         var cmp_list=rt.cmp_list;
                      
                         for(var j=0;j<cmp_list.length;j++){
                             var p_id=cmp_list[j];
                             var pa=$('#'+p_id).parent().find('div[name=cmp_icon]');
                             var tc=pa.show();
                          }
                      }
                       
                        
                        if(layout_type=='a'){
                           
                           $('#pd_intro_bt').hide();
                           $('#pd_use_queue_bt').show();
                           $('#use_queue_div').hide(); 
                           $('#pd_list').width('960px');
                           $('#pd_list').css('height','auto'); 
                          var lpid=$.cookie('last_view_pdid');
                        }
                        //使用流程
                        if(layout_type=='b'){ 
                             $('#pd_intro_bt').show();
                             $('#pd_use_queue_bt').hide();
                             $('#pd_list').width('550px');
                             $('#use_queue_div').width('385px');
                         
                            
                              $('#queue_list_menu').width('385px');
                              $('#mix_use').width('345px');
                              $('#use_queue_div').show();
          	                 
                               list_use_queue();
                          }
                        
                        //產品資料
                         if(total >0) {     
                                        for(var i=0;i<rts.length;i++){
                                            var pd_info ={};
                                            var pd_id=rts[i].pd_id;
                                            pd_info['video_file']=rts[i].video_file;
                                            pd_info['qty']=rts[i].pd_stockqty;
                                            $('#'+pd_id).data('pd_info',pd_info);
                                      }
                                 }
                        //購買
                        $('.ops_div div[name=buty_pd]').click(
                            function (event){
                                var pa=$(this).parent().parent();
                                var pd_id=pa.find(':first-child').attr('id');
                                 
                                
                                      add_to_cart(pd_id);
                                      var moux=event.pageX+15;
                                      var mouy=event.pageY+15;
                                      $.cookie('moux',moux);
                                      $.cookie('mouy',mouy);  
                                   
                            }
                        );
                        //車拼
                        $('.ops_div div[name=pd_cmp]').click(
                            function (event){
                                var pa=$(this).parent().parent();
                                var pd_id=pa.find(':first-child').attr('id');
                                      var moux=event.pageX+15;
                                      var mouy=event.pageY+15;
                                      $.cookie('cmp_moux',moux);
                                      $.cookie('cmp_mouy',mouy);
                                      
                                add_to_cmp_list(pd_id);
                            }
                        );
                         //載入產品資料
                          if(layout_type=='a'){
                           
                             $('#use_queue_div').animate({ top : -108 },600).fadeOut();
                             $('div[name=queue_slideup_bt]').find('img').attr('src','images/down_arrow.gif'); 
                             
                             
                        }
                        //載入產品資料
                        $('.thumb_div_a').click(function (){
                             var id=$(this).attr('id');
                             
                             var pa=$(this).parent(); 
                            if(layout_type=='a'){ 
                                              
                                                fly_out_pd(id) 
                                                $.cookie('last_view_pdid',id);
                                                  
                                              }                 
                            if(layout_type=='b'){ 
                                      add_to_use_queue(id); 
                                    //  pa.remove();
                                    //  $('div[name=spd_line_'+id+']').remove();
                            }
                        });
                        
                       $('.ops_div div[name=pd_video]').hover( 
                        function () {
                                    var pa=$(this).parent().parent();
                                    var pd_id=pa.find(':first-child').attr('id');
                                    var pd_info=$('#'+pd_id).data('pd_info');
                                    var video_file=pd_info['video_file'];
                                    $('#player').attr('href','pd_video/'+video_file);
                                    
                                    
                                      }
                          );   
                        //影片
                       $('.ops_div div[name=pd_video]').overlay({ 
                                 effect: 'apple', 
                                 onLoad: function() { 
                                        var player = $f("player", "flash_player/flowplayer-3.1.5.swf"); 
                                         player.load();
                                     }, 
                                onClose: function() {
                                        var player = $f("player", "flash_player/flowplayer-3.1.5.swf"); 
                                         player.unload(); 
                                      } 
                              });
                    //end total >0    
                    }else{
                        var pd_str='<BR>您選的分類尚無產品！';
                         pd_str=title_str+pd_str;
                         $('#pd_list').html(pd_str);
                    
                    }    

}



 //設定產品選擇分類
function set_prodcut_filter(){
            
    var fc_str='';
    
     $('#fn_bts .fntp_buttons').each(function (){
       //按鈕class
        var cr_class=$(this).attr('class').split(' ').slice(-1); 
        var id=$(this).attr('id');
          if(!ig_bts.in_array(id)){  //不是忽略按鈕 
              //選擇的按鈕加到序列
              if(cr_class =='selected_bt'&&id!='' ){
                  var p_class=$(this).attr('name');     
                  fc_str=fc_str+'-'+p_class; 
              }
           }   
                      
     });
         
       var tp_str='';
      $('#tp_bts .fntp_buttons').each(function (){
          var cr_class=$(this).attr('class').split(' ').slice(-1); 
          var id=$(this).attr('id');
          if(!ig_bts.in_array(id)){  //不是忽略按鈕 
             if(cr_class =='selected_bt'){
                 
                 if(id!=''){
                   var p_class=$(this).attr('name');      
                   tp_str=tp_str+'-'+p_class;
               }
             }
          }
      });
      
      $.cookie('tp_str',tp_str);
      $.cookie('fc_str',fc_str);
     
} 

//列出產品
function list_product(){

        
        var tp_str=$.cookie('tp_str');
        var fc_str=$.cookie('fc_str');
        
         var query_word=$('#query_word').val();
         var pd_page=$.cookie('pd_page');
         var query_word=$('#pd_search_word').val();
         if(query_word=='找產品'){
             query_word='';
         } 
        var skin_type=$.cookie('skin_type');                      
        var skin_pro=$.cookie('skin_pro'); 
          
        var list_type=$.cookie('product_list_type');
        var pd_series=$.cookie('pd_series');  //新舊系列 
        $('#fn_bts').addClass('fn_tp_alpha');
        $('#tp_bts').addClass('fn_tp_alpha');        
          //===============列出一般產品======================     
          if(list_type=='a'){   
                   $.ajax({
      	            type:'post',url:'modules/product.php',dataType:'json',      
                    data: {  query_op:'list_product',fcs:fc_str,tps:tp_str,query_word:query_word,pd_series:pd_series
                               },
                    complete :function(){},                             
                    success: function(rt){
                             var all_pd_mod=$.cookie('all_pd_mod');
                             if(all_pd_mod==0){ 
                               list_product_layout(rt);
                            }else{
                                list_all_product_layout(rt);
                            } 
                      }     
      	        });
                              
           }  
         //===============列出推薦產品======================    
         if(list_type=='b'){
                $.cookie('product_list_type','a');
                 
                 $.ajax({
      	           type: 'post', 
                    url: 'modules/member_data.php',
                    dataType: 'json',      
                    data: {  query_op:'list_prdt_type',skin_type:skin_type,skin_pro:skin_pro},
                    complete :function(){},                             
                    success: function(rt){
                           list_product_layout(rt);
                      }     
      	        });
              
          }           
         //===============列出plus加購======================     
          if(list_type=='c'){   
                $.cookie('product_list_type','a');
                   $.ajax({
      	           type: 'post', 
                    url: 'modules/product.php',
                    dataType: 'json',      
                    data: {  query_op:'list_product_plus',list_pd_type:'3'
                               },
                    complete :function(){},                             
                    success: function(rt){
                              list_product_layout(rt);
                      }     
      	        });
                              
           } 
            //===============列出健康plus加購======================     
          if(list_type=='d'){   
                $.cookie('product_list_type','a');
                   $.ajax({
      	           type: 'post', 
                    url: 'modules/product.php',
                    dataType: 'json',      
                    data: {   query_op:'list_product_plus',list_pd_type:'4'
                               },
                    complete :function(){},                             
                    success: function(rt){
                              
                            list_product_layout(rt);
                      }     
      	        });
                              
           }        
          //===============列出全系列======================     
          if(list_type=='e'){   
                   //$.cookie('product_list_type','a');
                   $.ajax({
      	           type: 'post', 
                    url: 'modules/product.php',
                    dataType: 'json',      
                    data: {   query_op:'list_product',list_pd_type:'5'
                               },
                    complete :function(){},                             
                    success: function(rt){
                              
                            list_product_layout_all(rt);
                      }     
      	        });
                              
           }    
         //===============列出特惠商品======================     
          if(list_type=='f'){   
                   $.cookie('product_list_type','a');
                   $.ajax({
      	           type: 'post', 
                    url: 'modules/product.php',
                    dataType: 'json',      
                    data: {   query_op:'list_product_onsale',list_pd_type:'6'
                               },
                    complete :function(){},                             
                    success: function(rt){
                              
                            list_product_layout(rt);
                      }     
      	        });
                              
           } 
          
         
             
} 
 //加入購物車提示
function has_cmp_tip(rt,cmp_list_total,op,tip_str,pd_no,x,y){
 $('div[name=cmp_icon]').hide();
       if(cmp_list_total>0){
                                     var cmp_list=rt.cmp_list;
                                  
                                     for(var j=0;j<cmp_list.length;j++){
                                       var p_id=cmp_list[j];
                                       var pa=$('#'+p_id).parent().find('div[name=cmp_icon]');
                                       pa.show();
                                      }
                                  } 
       //alert(x+y);
      jQuery("<div/>", {id: "has_cmp_tip"+pd_no}).addClass('has_cmp_tip').appendTo("body");
      $('#has_cmp_tip'+pd_no).html(tip_str);
    
      $('#has_cmp_tip'+pd_no).css({'left':(x-30)+'px','top':(y-60)+'px'}).fadeIn(); 
      $('#has_cmp_tip'+pd_no).animate({ top :(y-110)+'px' },500).fadeOut(function (){
                  
                                  
              
              if(op==1){
                                $("#product_menu").tabs().click(1);
                                   $("#product_sub_menu").tabs().click(2);
                                   list_cmp_product();
                                 
                             }
      
      });
}
 // 加入比較列表
 function add_to_cmp_list(pd_id){
    
      $.ajax({
	          type: 'post', 
              url: 'modules/product.php',
              dataType: 'json',      
              data: {query_op:'add_to_cmp_list',pd_id:pd_id },
              complete :function(){},                             
              success: function(rt){
                            var info=rt.info;
                            var cmp_list_total=rt.cmp_list_total;
                           
                              var op=rt.recall_op;
                               // show_tip(info);
                                 var x=$.cookie('cmp_moux');
                                 var y=$.cookie('cmp_mouy'); 
                                
                            has_cmp_tip(rt,cmp_list_total,op,info,pd_id,x,y);
                            
                                                                                    
                         }     
	           });
 } 







//產品搜尋
function  pd_search(){
   
     location.hash='product';
     $('#pd_intro div button').attr('disabled',false);
     $('#pd_intro div button').removeClass('selected_bt');  
      
     var query_word=$('#pd_search_word').val(); 
   
     $.ajax({
	          type: 'post',url: 'modules/product.php',dataType: 'json',      
              data: {query_op:'pd_search',query_word:query_word  },
              complete :function(){},                             
              success: function(rt){
                    $('#pd_list').html('');
                    list_product_layout(rt);
                }     
	        });  
   
}



 

//=============================================產品使用流程==============================
 //從使用流程移除 
 function remove_from_use_queue(rqu_id){
 
          
        $.ajax({
	          type: 'post', url: 'modules/product.php',   dataType: 'html',      
              data: {query_op:'remove_from_use_queue',pd_id:rqu_id
                         },
              complete :function(){},                             
              success: function(rt){
                         list_product();
                        // list_use_queue();
                                                                                                                
                }     
	        }); 
 
 }
 //清除使用流程 
 function clear_use_queue(){
 
        $.ajax({
	          type: 'post', 
              url: 'modules/product.php',
              dataType: 'html',      
              data: {query_op:'clear_use_queue'
                         },
              complete :function(){},                             
              success: function(rt){
              
                         list_use_queue();
                         list_product();                                                                                       
                }     
	        }); 
 
 }     
 //加到使用流程
 function add_to_use_queue(pd_id){
        
           $.ajax({
	          type: 'post', 
              url: 'modules/product.php',
              dataType: 'html',      
              data: {  query_op:'add_to_use_queue',
                       pd_id:pd_id
                         },
              complete :function(){},                             
              success: function(rt){
              
                         list_use_queue();
                         list_product();                                                                                         
                }     
	        });  
 
 
 
 }
 
//列出使用流程輸出 
 function list_use_queue_layout(rt){
    var total=rt.total; 
    
    var mix=rt.mix_use;
 
    if(total>0){
        var lq_str='';
        for(var i=0;i<mix.length;i++){
            var pd_id=mix[i].pd_id;
            var pd_name=mix[i].pd_name;
            var ord=mix[i].ord;
            var use_for=mix[i].use_for;
             lq_str=lq_str+'<div class="lc_div" style="height:128px;width:115px;" name="for_'+use_for+'">';
             lq_str=lq_str+'<div class="thumb_div_a" name="'+pd_id+'">';
             lq_str=lq_str+'<div class="remove" name="remove_from_use_queue_bt"></div>';
             lq_str=lq_str+'<img src="/gallery/'+pd_id+'main.png" width="50" title="'+pd_id+'"  /></div>';
             lq_str=lq_str+'<div class="info_div_a" style="height:25px;">'+pd_name+'</div>';
              if((i+1)!=mix.length){
              lq_str=lq_str+'<div class="queue_arrow"></div>';
              }
             lq_str=lq_str+'</div>';
        }
    
    }
   
      $('#mix_use').html(lq_str);
      var m_height=$('#mix_use').height();
      $('div[name=clear_use_queue]').click(function(){
                              clear_use_queue();
                            }); 
      $('div[name=remove_from_use_queue_bt]').click(function (){ 
                                var rqu_id=$(this).parent().attr('name');
                                remove_from_use_queue(rqu_id);
                                 list_use_queue();
                            });
 
 }
  //列出使用流程
  function list_use_queue(){
         
       
        $.ajax({
	          type: 'post', 
              url: 'modules/product.php',
              dataType: 'json',      
              data: {query_op:'list_use_queue'},
              complete :function(){},                             
              success: function(rt){
                     
                       if(rt.total==0){
                               $('#queue_readme').show();
                               $("#mix_use").hide();
                               $('#queue_list_menu').hide();
                               $('#queue_slideup_bt').hide();
                                 $('#use_queue_div').css('background-color','#f9f9fa');
                                  $('#mix_use').css('background-color','#f9f9fa');
                       }else{
                          $('#queue_readme').hide();
                          $('#mix_use').css('height','auto');
                          $("#mix_use").show();
                               $('#queue_list_menu').show();
                               $('#queue_slideup_bt').show();
                               
                               var p_height=$('#use_queue_div').height();
                                $('#use_queue_div').css('background-color','#ffffff');
                                 $('#mix_use').css('background-color','#ffffff');
                                $('#queue_slideup_bt').css('height','auto');
                                $('#queue_slideup_bt').find('img').css('margin-top',(p_height/2)+"px");
                                list_use_queue_layout(rt);
                      }   
                                                                                                      
                }     
	        });  
  
  }
//=============================================產品使用流程==============================


//=========================車拼==========================================================
//移除車拼產品 
function remove_cmp_list(pd_id){
       $.ajax({
	          type: 'post', 
              url: 'modules/product.php',
              dataType: 'html',      
              data: {query_op:'remove_cmp_list',pd_id:pd_id },
              complete :function(){},                             
              success: function(rt){
                             list_cmp_product();                                                           
                         }     
	           });


} 


//移除所有車拼產品 
function remove_all_cmp_pds(){
       $.ajax({
	          type: 'post', 
              url: 'modules/product.php',
              dataType: 'html',      
              data: {query_op:'remove_all_cmp_pds' },
              complete :function(){},                             
              success: function(rt){
                             list_cmp_product();                                                           
                         }     
	           });


} 
//列出車拼產品  
function  list_cmp_product(){
      
  $.ajax({
	          type: 'post', 
              url: 'modules/product.php',
              dataType: 'json',      
              data: {query_op:'list_cmp_product' },
              complete :function(){},                             
              success: function(rt){
                            
                            var total=rt.total;
                            var rts=rt.result;
                            var cmp_str='';
                            var show_readme=$.cookie('cmp_readme_show');
                            if(total<=1&&show_readme==0){
                            //載入車拼說明
                            creat_cmp_pd_readme_form();
                            cmp_pd_readme_ov= $('#cmp_pd_readme_form').overlay({
                                                       oneInstance: true, 
                                                       api: true,expose: {color: '#333',loadSpeed: 200,opacity: 0.9},
                                                       onBeforeLoad:function (){
                                                            
                                                           }
                                                       });
                                     $.cookie('cmp_readme_show','1')  
                                     cmp_pd_readme_ov.load();  
                            }
                            if(total>0){
                             cmp_str+='<div style="width:960px;height:23px;float:left;">';
                             cmp_str+='<div id="pk_03" name="remove_all_cmp_pds" class="pk_tabs"></div>';
                             cmp_str+='<div id="pk_02" name="backto_pd_intro_bts" class="pk_tabs"></div>';
                             cmp_str+='<div id="pk_01" name="cmp_pd_readme_bts" class="pk_tabs"></div></div>';
                             cmp_str=cmp_str+'<table cellpadding=0 cellspacing=0 id="pd_cmp_table">';
                             
                              
                               cmp_str=cmp_str+'<tr>';
                               for(var i=0;i<rts.length;i++){
                                     var pd_id=rts[i].pd_id;
                                     var pd_name=rts[i].pd_name;
                                     if(i==0){ var cstr='lr_border tp_border';}else{var cstr=' tp_border';}
                                var  pd_str= '<div class="lc_div" style="margin-left:10px;width:120px" id="'+pd_id+'">';
                                     pd_str+='<div class="thumb_div_a" ><img src="/gallery/'+pd_id+'main.png" /></div>';
                                     pd_str+='<div class="info_div_a">';
                                     if(pd_id[0]=='Q'){ //Q系列
                                         pd_str+='<div class="Q_series" name="Q_series" style="display:inline"><img src="images/product/product_icon_ex.png"></div>';
                                      }
                                     pd_str+=pd_name+' </div>';
                                     pd_str+='<div class="remove_cmp_list_bt">&nbsp;</div>';
                                   pd_str+='</div>';
                                 
                                
                                   cmp_str=cmp_str+'<td class="'+cstr+'" style="height:100xp;width:152px">'+pd_str;
                                   
                                    
                                }
                                 
                               
                                cmp_str=cmp_str+'</tr>';  
                               
                                cmp_str=cmp_str+'<tr> ';
                               for(var i=0;i<rts.length;i++){
                               if(i==0){ var cstr='lr_border';}else{var cstr='';}
                                    var Demands_Cht=rts[i].Demands_Cht;
                                    
                                    cmp_str=cmp_str+'<td class="'+cstr+'"  style="padding:5px;height:150px;font-size:12px;line-height:16px;text-align:left">'+Demands_Cht+'<br></td>';
                                    
                                }
                                cmp_str=cmp_str+'</tr>';
                               cmp_str=cmp_str+'<tr> ';
                               for(var i=0;i<rts.length;i++){
                               if(i==0){ var cstr='lr_border';}else{var cstr='';}
                                    
                                     var pd_id=rts[i].pd_id;
                                     var pro_Con=rts[i].pro_Con;
                                     var spc_price=rts[i].spc_price;
                                    cmp_str=cmp_str+'<td class="'+cstr+'"  name="'+pd_id+'" style="padding:10px;height:150px;font-size:12px;line-height:16px;text-align:center">容量：'+pro_Con+'<br>';
                                    cmp_str=cmp_str+'特惠價:'+spc_price+'<br>';
                                    cmp_str=cmp_str+'<center><div name="buy_pd" class="buy_bt_big buy_bt_B" style="float:none;cursor:pointer;"> </div></center></td>';
                                 }
                                cmp_str=cmp_str+'</tr>';
                                     
                                  cmp_str=cmp_str+'</table>';
                            }else{
                            
                                
                                cmp_str+='<div style="width:960px;height:23px;float:left;">';
                             cmp_str+='<div id="pk_02" name="backto_pd_intro_bts" class="pk_tabs"></div>';
                             cmp_str+='<div id="pk_01" name="cmp_pd_readme_bts" class="pk_tabs"></div></div>';
                            
                            
                            }
                           
                          
                           blank_block='<div style="float:left;width:950px;height:50px;">&nbsp;</div>';
                            $('#cmp_pd_list').html(cmp_str+blank_block);   
                            //產品資料 
                        $('div[class=thumb_div_a]').click(function (){
                          var pd_id=$(this).parent().attr('id');
                             fly_out_pd(pd_id);
                        });                                                           
                         
                            //購買
                        $('div[name=buy_pd]').click(
                            function (event){
                                var pd_id=$(this).parent().parent().attr('name');
                                
                                 add_to_cart(pd_id);
                                      var moux=event.pageX+15;
                                      var mouy=event.pageY+15;
                                      $.cookie('moux',moux);
                                      $.cookie('mouy',mouy); 
                            }
                        );
                          //移除
                        $(' div[class=remove_cmp_list_bt]').click(
                            function (){
                                var pd_id=$(this).parent().attr('id');
                                remove_cmp_list(pd_id);
                            }
                        );
                           //到產品頁面
                        $('div[name=backto_pd_intro_bts]').click(
                            function (){
                              // location.hash='product';
                                 // $("#product_menu").tabs().click(0);
                                  $("#product_sub_menu").tabs().click(3);
                            }
                        );
                        
                        //全部清除
                        $('div[name=remove_all_cmp_pds]').click(
                            function (){
                                //alert('1234');
                                remove_all_cmp_pds();
                            }
                        );
                        //車拼產品說明
                        
                        $('div[name=cmp_pd_readme_bts]').click(
                            function (){
                               creat_cmp_pd_readme_form();
                               cmp_pd_readme_ov= $('#cmp_pd_readme_form').overlay({
                                                       oneInstance: true, 
                                                       api: true,expose: {color: '#333',loadSpeed: 200,opacity: 0.9},
                                                       onBeforeLoad:function (){
                                                            
                                                           }
                                                       });
                                       
                                     cmp_pd_readme_ov.load();  
                            }
                        ); 
                         
                     }     
	           });
     
      

}

//車拼說明
 function creat_cmp_pd_readme_form(){
      var forgot_str='<img src="images/product/pk.png">';
  
     
       $('#cmp_pd_readme_form').remove();
       jQuery("<div/>", {id: "cmp_pd_readme_form"}).addClass('cmp_pd_readme_overlay').appendTo("body");
       $('#cmp_pd_readme_form').html(forgot_str);
      
 }
 //列出全系列輸出
 function list_all_product_layout(rt){
                        
                         var total=rt.total;
                      
                         var rts=rt.result;
                         var fc_classes=['3003','3008','3001','3002','3007','3005','3004','3009','3010','3011','3006','3012'];
                         var class_content=new Array();  
                       
                         for(var j=0;j<fc_classes.length;j++){
                                 var fcs=fc_classes[j];
                                 class_content[fcs]='';
                           }
                  
                          var v_str='';
                       if(total>0){    
                         for(var i=0;i<rts.length;i++){
                             var pd_str='';
                             var pd_id=rts[i].pd_id;
                             var pd_name=rts[i].pd_name;
                             var fc2=rts[i].fc2;
                             pd_str+='<div style="float:left;width:180xp;">';
                             if(pd_id[0]=='Q'){ //Q系列
                                pd_str+='<div class="Q_series_all" name="Q_series" ><img src="images/product/product_icon_ex.png"></div>';
                                }
                              pd_str+='<div id="'+pd_id+'" class="all_pd_item" title="'+pd_name+'" ';
                              if(pd_id[0]!='Q'){ pd_str+=' style="width:168px;"';}
                              pd_str+='>'+pd_name;
                              pd_str+='</div>';
                               
                              
                              pd_str+='</div>';
                              class_content[fc2]=class_content[fc2]+pd_str;
                           }
                         }else{
                              pd_str+='<div id="" class="all_pd_item" title="'+pd_name+'">&nbsp;';
                              pd_str+='</div>';
                              class_content[fc2]=class_content[fc2]+pd_str;
                         
                         }
                            pd_str='';
                     
                            var tc=1;
                            
                          
                         for(var j=0;j<fc_classes.length;j++){
                              var fcs=fc_classes[j];
                              pd_str+='<div class="all_pd_class_div" style="background-color:#'+fc_colors[fcs]+'">';
                              pd_str+='<div class="all_class_title" >'+Fc_names[fcs]+'</div>';
                              pd_str+='<div class="fc_panel_out_bound" style="margin-left:10px" >';
                              pd_str+='<div id="fcpanel_'+fcs+'" class="fc_panel"  style=" border:2px solid #'+fc_colors[fcs]+';">'+class_content[fcs]+'</div>';
                              pd_str+='</div>';
                              pd_str+='</div>';
                             
                         }
                          
                            $('#pd_list').css('height','auto');
                            var blank_block='<div style="float:left;width:950px;height:50px;">&nbsp;</div>';
                            $('#pd_list').html(pd_str+blank_block);   
                            $('#use_queue_div').hide(); 
                           var max_height=0;
                           for(var j=0;j<fc_classes.length;j++){
                           
                                  var fcs=fc_classes[j];
                                  var f_height=$('#fcpanel_'+fcs).height();
                                  if(f_height>max_height) {max_height=f_height;}
                           }
                           
                          $('div.fc_panel').height(max_height);
                          $('div.all_pd_item').click(function(){
                           
                              var pd_id=$(this).attr('id');
                              fly_out_pd(pd_id); 
                          });
 
 }
 //列出全系列
 function list_all_product(){
             
     $.ajax({
                type: 'post',
                url: 'modules/product_sk.php',
                dataType: 'json',
                data: {  query_op:'list_all_product'},complete :function(){ },
                success: function(rt){
                         var total=rt.total;
                         
                         var rts=rt.result;
                         var fc_classes=rt.fc_classes;
                         var class_content=new Array();  
                       
                         for(var j=0;j<fc_classes.length;j++){
                                 var fcs=fc_classes[j];
                                 class_content[fcs]='';
                           }
                  
                          var v_str='';
                           
                         for(var i=0;i<rts.length;i++){
                             var pd_str='';
                             var pd_id=rts[i].pd_id;
                             var pd_name=rts[i].pd_name;
                             var fc2=rts[i].fc2;
                          
                              pd_str+='<div id="'+pd_id+'" class="all_pd_item" title="'+pd_name+'">'+pd_name;
                              pd_str+='</div>';
                              class_content[fc2]=class_content[fc2]+pd_str;
                         }
                            pd_str='';
                     
                            var tc=1;
                         for(var j=0;j<fc_classes.length;j++){
                              var fcs=fc_classes[j];
                              pd_str+='<div class="all_pd_class_div" style="background-color:#'+fc_colors[fcs]+'">';
                              pd_str+='<div class="all_class_title" >'+Fc_names[fcs]+'</div>';
                              pd_str+='<div class="fc_panel_out_bound" style="margin-left:10px" >';
                              pd_str+='<div id="fcpanel_'+fcs+'" class="fc_panel"  style=" border:2px solid #'+fc_colors[fcs]+';">'+class_content[fcs]+'</div>';
                              pd_str+='</div>';
                              pd_str+='</div>';
                             
                         }
                            $('#pd_list').css('height','auto');
                            $('#pd_list').html(pd_str);   
                            $('#use_queue_div').hide(); 
                           var max_height=0;
                           for(var j=0;j<fc_classes.length;j++){
                           
                                  var fcs=fc_classes[j];
                                  var f_height=$('#fcpanel_'+fcs).height();
                                  if(f_height>max_height) {max_height=f_height;}
                           }
                           
                          $('div.fc_panel').height(max_height);
                          $('div.all_pd_item').click(function(){
                           
                              var pd_id=$(this).attr('id');
                              fly_out_pd(pd_id); 
                          });
                  }
       });
 
 
 }
 
 
//綁定選單事件
 function  search_menu_bind(){
            var cookie_list={"fb13":"c","fb14":"d","fb16":"f","fb97":"Q","fb98":"K"}   
               
              //按鈕按下
              $('.fntp_buttons').click(function (){
                  $('#pd_search_word').val('');
                  var bid=$(this).attr('id');
                  
                  if(clear_all_bts.in_array(bid)){     //加購/健康加購/特惠 
                          var allpd_class=$('#fb99').attr('class').split(' ').slice(-1);  
                          clear_select();  //清除選擇
                          if(bid!='cb17'){
                                 $.cookie('product_list_type',cookie_list[bid]);
                          }else{
                                $.cookie('tp_str','');
                                $.cookie('fc_str','');
                              if(allpd_class =='selected_bt'){   set_fnbt('fb99','hover');   }  
                          }  
                        
                  }else{   //加購/健康加購/特惠  設為一般狀態                                                                 
                         for(var i=0;i<clear_all_bts.length;i++){
                              var tid=clear_all_bts[i];
                              set_fnbt(tid,'nor');
                         }
                   }
                 var nr_class=$(this).attr('class').split(' ').slice(-1);
                 if(nr_class !='fb_disabled'){
                       if(nr_class =='selected_bt'){   set_fnbt(bid,'nor');   }
                       if(nr_class !='selected_bt'){   set_fnbt(bid,'hover'); }
                  }          
                 //新舊系列    
                if(bid=="fb97"||bid=="fb98"){ 
                         if(bid=="fb97"){var op_bid='fb98';}else{var op_bid='fb97';}
                        
                         var tp_str=$.cookie('tp_str');
                         var fc_str=$.cookie('fc_str');
                            
                         var nr_class=$(this).attr('class').split(' ').slice(-1);
                         if(nr_class !='selected_bt'){   
                           $.cookie('pd_series','');
                       
                        }else{ 
                                if((tp_str!=''||fc_str!='')&&(tp_str!=null||fc_str!=null)){
                                      $.cookie('pd_series',cookie_list[bid]); 
                                      set_fnbt(op_bid,'nor');
                                }else{
                                        $.cookie('pd_series','');
                                       alert('請先選擇產品分類！');
                                       set_fnbt(bid,'nor');
                                  } 
                          }
                       }
                       //全系列
                 if(bid=="fb99"){       
                       var  all_pd_mod=$.cookie('all_pd_mod');
                      if(all_pd_mod==0){
                              $.cookie('all_pd_mod','1');
                               set_fnbt(bid,'hover');
                               select_all_funs();
                                for(var i=0;i<clear_all_bts.length;i++){
                                 var tid=clear_all_bts[i];
                                 set_fnbt(tid,'nor');
                              }
                               set_fnbt('fb98','nor');
                               set_fnbt('fb97','nor');
                         
                      }else{  $.cookie('all_pd_mod','0'); set_fnbt(bid,'nor');}
                   
                 } 
                 if(nr_class !='fb_disabled'){
                        check_mk_state(bid);  //設定按鈕狀態
                        list_product();       //列出產品
                 }                   
               });  
                //按鈕滑過
              $('.fntp_buttons').hover(function (){
                    var bid=$(this).attr('id');
                    var bgpos=tb_hover[bid];
                     
                    var nr_class=$(this).attr('class').split(' ').slice(-1);
                    
                    if(nr_class!='fb_disabled'){     //變紅
                       $('#'+bid).css('background-position',bgpos);
                     }   
                     
              },function (){
                      
                      var bid=$(this).attr('id');
                      var bgpos=tb_nor[bid];
                      var nr_class=$(this).attr('class').split(' ').slice(-1);
                      
                     if(nr_class!='selected_bt' && nr_class!='fb_disabled'){ 
                          $('#'+bid).css('background-position',bgpos);
                           
                     }
              });
              
               
                
              
          $.cookie('search_menu_bind','1');
 }
 
 
 //顯示找產品選單
 function show_pd_menu(){
 
       var tp_str=$.cookie('tp_str');
       var fc_str=$.cookie('fc_str');
      
     if(tp_str==null){  $.cookie('tp_str','');  }else{
         var str=$.cookie('tp_str'); 
         var tps=str.split("-");
         $('#tp_bts .fntp_buttons').each(function (){
               var bid=$(this).attr('name');
               var tpid=$(this).attr('id');
               if(tps.in_array(bid)){
                  
                  set_fnbt(tpid,'hover');
                  check_mk_state(tpid);
               }
         });
   }
   //找產品mark
  if(fc_str==null){  $.cookie('fc_str','');  }else{
      var str=fc_str; 
      var fcs=str.split("-");
        
        $('#fn_bts .fntp_buttons').each(function (){
               var bid=$(this).attr('name');
               var fcid=$(this).attr('id');
               if(fcs.in_array(bid)){
                     
                   set_fnbt(fcid,'hover');
                   check_mk_state(fcid);
               }
                  
     });
   }     
   
                  $.cookie('product_list_type','a'); 
                   var pos = $('#page_product').offset();
                   var dv_top=pos.top+52;
              	   var dv_left=pos.left+950;
              	      
              	   var f_width=$('#fn_bts').width();
              	   var f_height=$('#fn_bts').height();
              	   var t_height=$('#tp_bts').height();
              	    
              	   //定義選單初始位置
              	   
              	   $('#fn_bts').css("top",dv_top + "px").css("left",(dv_left-90) + "px").hide();
              	   //選單進場
              	    $('#fn_bts').slideDown(function(){
              	       
                            //==========================================================
                    var pos2 = $('#fn_bts').position();
                    var dv_top=pos2.top;
              	    var dv_left=pos2.left;
              	       $('#tp_bts').hide();
                       $('#tp_bts').css("top",(dv_top-2) + "px").css("left",(dv_left) + "px");
                       $('#tp_bts').fadeIn(200).animate({left: (dv_left-120)+"px" },350,function (){
                         $('#fn_bts div.close').fadeIn();
                       });
                    
                   var fb_bts_load=1;
                      //==========================================================//
                            
                });
                
                           
                  $.cookie('pd_menu_load','1');
 }
  //關閉選單
  function hide_pd_menu(){
          $('#tp_bts').slideUp(function(){
                        $('#fn_bts div.close').fadeOut();
                        // $('#fn_bts').animate({ left : (c_width-120)+'px'},250).fadeOut(250);
                         $('#fn_bts').slideUp();
                         var fb_bts_load=0;
                    });
       $.cookie('pd_menu_load','0');             
  
  }
  
  //美膚小精靈
  function creat_buty_elf_form(){
      var forgot_str='';
        
       forgot_str+='<div id="buty_elf_panelx"></div>';
       $('#buty_elf_form').remove();   
       jQuery("<div/>", {id: "buty_elf_form"}).addClass('buty_elf_form_overlay').appendTo("body");
       $('#buty_elf_form').html(forgot_str);
      
 }
 //載入使用者膚質問題記錄 
function load_skin_record(){
          $.ajax({
	            type: 'post', 
                url: 'modules/member_data.php',
                dataType: 'json',      
                data: {query_op:'skin_get'  },
                complete :function(){},                             
                success: function(rt){
                    var skin=rt.OrderSkin;
                     var mem_skin=skin.mem_skin;
                     var mem_prob=skin.salve_problem;
                   // $('#my_skin_type').find('input[name=skin_type]')[mem_skin].checked = true;
                    if(mem_skin!="null"){
                      $('#skin_type_slider').slider({value:mem_skin});
                      $('input[name=skin_type]').val(mem_skin); 
                   } 
                  for(var i=0;i<mem_prob.length;i++){
                        
                       if(mem_prob[i]==1){
                          var no=i+1;
                       
                         $('#my_skin_prob_p'+no).addClass('bk_selected');
                         $('#my_skin_prob_p'+no).css('background-image','url(images/buty_skin/q2_'+no+'_m.png)');
                       }
                  }
                        
             }
          });


}  
 //美膚小精靈
 function show_buty_elf_form(){
            creat_buty_elf_form();
            $('#use_queue_div').hide();
           var buty_elf_form=$('#buty_elf_form').overlay({ 
                   expose: {color: '#333',loadSpeed: 200,opacity: 0.9}, 
                   oneInstance: false, api: true,closeOnClick:false,
                   onBeforeLoad:function (){
                   //==============================================================
                    $('#buty_elf_panelx').load('modules/tpl/recommend_pds_tpl.php',function(){  
                      var is_mem=$.cookie('is_member');
                        $('#skin_type_slider').slider({
                                              orientation: "vertical",
                                             min: 0,
                                  			 max: 3,
                                  			 value:1,
                                  			 slide: function(event, ui) {
                                  			     $('input[name=skin_type]').val(ui.value);
                                  			}
                                  		});
                     
                     
                     
                        
                       if(is_mem==1){ load_skin_record();   }
                       $('.g_level').click(function (){
                             var lv=$(this).attr('name');
                               $('#skin_type_slider').slider({value:lv});
                             $('input[name=skin_type]').val(lv); 
                      });
                      $('#my_skin_prob .quest').click(function (){
                                var cr_class=$(this).attr('class').split(' ').slice(-1);
                                if(cr_class!='bk_selected'){    $(this).addClass('bk_selected');
                               }else{  $(this).removeClass('bk_selected');   }
                               var no=1;
                             $('#my_skin_prob .quest').each(function (){
                                 var cr_class=$(this).attr('class').split(' ').slice(-1);
                                if(cr_class=='bk_selected'){ 
                                   $(this).css('background-image','url(images/buty_skin/q2_'+no+'_m.png)');
                               }else{
                                 $(this).css('background-image','url(images/buty_skin/q2_'+no+'.png)');
                               } 
                               no++;
                             });  
                      });
                     $('#my_skin_prob .quest').hover(function (){
                                 var cr_class=$(this).attr('class').split(' ').slice(-1);
                                 var no=$(this).attr('name');
                                if(cr_class!='bk_selected'){ 
                                    $(this).css('background-image','url(images/buty_skin/q2_'+no+'_m.png)');
                                 }else{
                                     $(this).css('background-image','url(images/buty_skin/q2_'+no+'.png)');
                                 }  
                               
                             },function (){
                             
                                 var cr_class=$(this).attr('class').split(' ').slice(-1);
                                 var no=$(this).attr('name');
                                if(cr_class!='bk_selected'){ 
                                    $(this).css('background-image','url(images/buty_skin/q2_'+no+'.png)');
                                 }else{
                                      $(this).css('background-image','url(images/buty_skin/q2_'+no+'_m.png)');
                                 }
                             
                             
                             });   
                       //送出以後       
                       $('#send_answer_bt').click(function (){
                             
                              var skin_type=$('input[name=skin_type]').val();
                              var skin_pro='';
                              var skin_pros=new Array(8);
                            $('#my_skin_prob .quest').each(function (){
                                  var cr_class=$(this).attr('class').split(' ').slice(-1);
                                 
                                  var no=$(this).attr('name')*1-1;
                                  
                                if(cr_class=='bk_selected'){ 
                                      
                                       skin_pros[no]='1';
                                  }else{
                                        skin_pros[no]='0';
                                  } 
                                 
                             }); 
                                    for(var i=7;i>=0;i--){
                                       skin_pro+=skin_pros[i];
                                    }
                                   
                            //=============================================================================
                             //記錄資訊
                              
                             $.ajax({
                        	            type: 'post', 
                                      url: 'modules/member_data.php',
                                      dataType: 'html',      
                                      data: {query_op:'skin_record',skin_pro:skin_pro,skin_type:skin_type  },
                                      complete :function(){},                             
                                      success: function(rt){
                                           //轉向產品頁面
                                         if(rt){
                                           buty_elf_form.close();
                                            $.cookie('product_list_type','b');
                                            $.cookie('skin_type',skin_type);
                                            $.cookie('skin_pro',skin_pro);
                                            $("#product_menu").tabs().click(0);
                                            list_product();
                                          }
                                      }     
              	                });
              	               
                            //=============================================================================
                          
                       });
                       
                      
                       //列出推薦產品
                       //略過
                       $('#skip_answer_bt').click(function (){
                               buty_elf_form.close();
                              $("#product_menu").tabs().click(0);  
                              list_product();
                            
                       });
                   
                   });
                   //==============================================================     
                   }
                                           
           });
                           
             buty_elf_form.load();
 
 }
//載入採購攻略
function load_product_raiders(){

    var ct=$('#raiders_panel').html();
    var pages=2; 
    if(ct==''){
    //==============================================================
    $('#raiders_panel').load('modules/tpl/product_raider_tpl.php',{rpage:'main'},function (){
                $(".raider_scrollable").scrollable({ disabledClass:'disabled', vertical: true, 
                              mousewheel: true, next:'#raider_arrow_down', prev:'#raider_arrow_up',                             
                              onSeek:function (){  
                                       var idx=$(".raider_scrollable").scrollable().getIndex();
                                  
                                      if(idx!=0){
                                          $('#raider_arrow_up').css('visibility','visible');
                                         
                                      }else{
                                          $('#raider_arrow_up').css('visibility','hidden');
                                          $(".raider_scrollable").css('margin-top','30px');
                                      }
                                      if(idx!=pages-1){
                                      
                                       $('#raider_arrow_down').css('visibility','visible');
                                         
                                      }else{
                                          $('#raider_arrow_down').css('visibility','hidden');
                                           
                                        
                                      }
                                     
                              } 
                        }).navigator({navi:'#raider_navi'}); 
                 $('#raider_arrow_up').css('visibility','hidden');
                 $(".raider_scrollable").css('margin-top','30px');
                 function render_info(r_name){
                   
                   $("#raider_info").load('modules/tpl/product_raider_tpl.php',{rpage:r_name},function(){
                   
                          $('#raider_info .hidden_block').click(function (){
                                var pd_num=$(this).attr('name');
                                var pd_id=pd_num.substr(0,5);
                                 fly_out_pd(pd_id);    
                           });
                   
                   
                   });
                 }
                  render_info('01'); 
                 $(".raider_bt").click(function (){
                    var r_name=$(this).attr('name');
                    render_info(r_name) 
                        
                   });  
      });
      
     //==============================================================
    }

}
 
 
 //產品頁面初始化  
function page_product_init(){
           $.cookie('pd_series','');
           $('#pd_cmp_bt').show();
           $('div[name=pd_page_fun_bt]').show();
           $('#pd_intro_bt').show();
           $('#pd_use_queue_bt').hide();        
           var c_width=getBrowserWidth();
           var c_height=getBrowserHeight();
           $.cookie('layout_type','a');
          var fb_bts_load=0;
           var tabs= ['product_recommend','product_process','product_pk','product_find','product_raiders'];
           $('#page_product').load('modules/tpl/product_tpl.php',function(){
         
           //===================================頁面初始化===================================
            var product_menu_tabs=$("#product_menu").tabs("div.product_mpanel",{  effect: 'fade'}); 
            fb_bts_load=0;
             //清除找產品選擇
             $('#fn_bts button').attr('disabled',false);
             $('#fn_bts button').removeClass('selected_bt');
             $('#tp_bts button').attr('disabled',false);
             $('#tp_bts button').removeClass('selected_bt');
             var menu_div='product_sub_menu';               
             $("#"+menu_div).tabs("#"+menu_div+" div.cart_panel", {
                	tabs: 'img.cart_tabs', 
                	effect: 'horizontal',onClick:function(index){
                            var idx=$("#"+menu_div).tabs().getIndex();
                              
                             $("#"+menu_div+' .cart_tabs').each(function (){
                                   var vid=$(this).attr('id');
                                   $(this).attr('src','images/product/'+vid+'_48a.png');
                            });
                            var cid=tabs[idx];
                            $('#'+cid).attr('src','images/product/'+cid+'_48c.png');
                               if(idx==0){
                                        list_product();
                               }
                            if(idx==1||idx==3){  //找產品使用步驟
                                           $("#product_menu").tabs().click(0); 
                                            if(idx==1){$.cookie('layout_type','b');}
                                            if(idx==3){$.cookie('layout_type','a');}
                                            list_product();
                                        }
                             if(idx==2){         //產品比拼
                                         $("#product_menu").tabs().click(1); 
                                         list_cmp_product(); 
                                          $('#use_queue_div').hide(); 
                                        }
                             if(idx==4){         //採購攻略
                                         $("#product_menu").tabs().click(3); 
                                         $('#use_queue_div').hide(); 
                                         load_product_raiders();
                                       }           
                                          hide_pd_menu();  
                            
                     }
                }); //子選單 end
             $("#"+menu_div+' img.cart_tabs').hover(function (){
                      var tab=$("#"+menu_div).tabs().getCurrentTab().attr('id');
                      var bid=$(this).attr('id');
                      if(tab!=bid){
                                $(this).attr('src','images/product/'+bid+'_48b.png');                             
                      }  
               },function (){
                      var tab=$("#"+menu_div).tabs().getCurrentTab().attr('id');
                      var bid=$(this).attr('id');
                      if(tab!=bid){
                                $(this).attr('src','images/product/'+bid+'_48a.png');                             
                      }   
               });                    
               $("#product_sub_menu").tabs().click('3');
               
               
           //===========================================================================
            //找產品選單
             $.cookie('pd_menu_load','0');
            if($.cookie('search_menu_bind')==0){   search_menu_bind();  } 
             var timeout; 
             $('#product_find').click( function(){
                      $('div[name=close_fn_bts]').click(function(){  hide_pd_menu(); });
        			    clearTimeout(timeout);
        			
        				timeout = setTimeout(function(){
        				 var pd_menu_load=$.cookie('pd_menu_load');
        		         	if(pd_menu_load==0){ show_pd_menu(); }else{   hide_pd_menu();   }
        			      },500);
                });
	        $('#product_find_panel').css('cursor','pointer');  
	        $('#product_find_panel').click( function(){
                      $('div[name=close_fn_bts]').click(function(){  hide_pd_menu(); });
        			    clearTimeout(timeout);
        			
        				timeout = setTimeout(function(){
        				 var pd_menu_load=$.cookie('pd_menu_load');
        		         	if(pd_menu_load==0){ show_pd_menu(); }else{   hide_pd_menu();   }
        			      },500);
                });
           //============================================================================
             //達人推薦   
           if( $.cookie('buty_elf_load')==0){  
                    show_buty_elf_form();$.cookie('buty_elf_load','1');
                    $.cookie('layout_type','a'); 
                     }
         
           $('#product_recommend').click(function (){ show_buty_elf_form(); $.cookie('layout_type','a');     });
           $('#product_recommend_panel').css('cursor','pointer');
           $('#product_recommend_panel').click(function (){ show_buty_elf_form();$.cookie('layout_type','a');     });
           //===========================================================================
           //全系列產品 
           
            
                        
           //使用程序左右滑動
           $('#queue_slideup_bt').click(function(){
                 
                   var img_src=$(this).find('img').attr('src');
                      //縮小
                      var qh=$('div[name=queue_readme]').height();
                     
                   if(img_src=='images/arrow-right-double.png'){
                   
                          //使用流程產品列表
                          var pd_list_width=500;
                          var use_div_width=382; 
                           $('#pd_class_title').css('width','500px');
                          var ani_time=600;   //縮放時間
                        //產品列表
                          $('#queue_list_menu').animate({width :(use_div_width-2)+'px'},ani_time);
                         $('#mix_use').animate({ width : (use_div_width-40)+'px'},ani_time);
                                    
                           $('#use_queue_div').animate({width :use_div_width+'px'},ani_time,function (){
                                     var m_height=$('#use_queue_div').height();
                                    $('#queue_slideup_bt').animate({height:m_height});
                                    $('#queue_slideup_bt').find('img').css('margin-top',(m_height/2)+"px");
                              });
                                    
                           $('#pd_list').animate({ width:pd_list_width+'px'},ani_time);
                           $(this).find('img').attr('src','images/arrow-left-double.png');
                     
                            
                            
                     }
                     if(img_src=='images/arrow-left-double.png'){
                      //放大
                          
                          var pd_list_width=332;
                          var use_div_width=620; 
                          $('#pd_class_title').css('width','332px');
                                 var ani_time=1200;   //縮放時間
                                    //流程面板寬度
                                 $('#use_queue_div').animate({width :use_div_width+'px'},ani_time);
                                 $('#queue_list_menu').animate({width :(use_div_width-2)+'px'},ani_time);
                                 $('#mix_use').animate({ width : (use_div_width-40)+'px' },ani_time,function (){
                                    var m_height=$('#use_queue_div').height();
                                    $('#queue_slideup_bt').animate({height:m_height},ani_time);
                                    $('#queue_slideup_bt').find('img').css('margin-top',(m_height/2)+"px");
                                  });
                         
                         $('#pd_list').animate({ width:pd_list_width+'px'},ani_time);
                         $(this).find('img').attr('src','images/arrow-right-double.png');
                          
                           
                     }
                     
           
           });
           
           
           
           //使用程序選項
           $('.queue_list_bt').click(function (){
           
                   var b_name=$(this).attr('name');
                 
                $('.queue_list_bt').each(function (){
                           var bn=$(this).attr('name');
                           $(this).css('background-image','url(images/product/'+bn+'_bt.png)');
                           
                      });
                 $(this).css('background-image','url(images/product/'+b_name+'_bt_s.png)');      
                  if(b_name!='clear_use_queue'){
                       
                         $('#mix_use div.lc_div').each(function (){    $(this).show(); });
                 
                   if(b_name=='mix_use'){
                    $('#mix_use div.lc_div').each(function (){
                           var use_for=$(this).attr('name');
                            if(use_for!='for_0'){
                                   $(this).hide();
                           }
                      });
                   }
                   
                   //=============================================================
                   if(b_name=='day_use'){
                       $('#mix_use div.lc_div').each(function (){
                           var use_for=$(this).attr('name');
                           if(use_for=='for_2'){
                                   $(this).hide();
                           }
                       });
                   
                   
                   }
                  
                  //=============================================================
                   if(b_name=='night_use'){
                       $('#mix_use div.lc_div').each(function (){
                           var use_for=$(this).attr('name');
                           if(use_for=='for_1'){
                                   $(this).hide();
                           }
                      }); 
                 
                   }   
                  //============================================================= 
                  }//end b_name!='clear_use_queue_bt' 
                  
                  
              
           });
           
            
                 
             }); 
             setTimeout(function (){
                var ct=$('#pd_list').html();
                if(ct==''){
                    list_product();
                }
             },500);	 
              
                var after_run=$.cookie('after_run'); 
               
                if(after_run==1){
                        var pd_id=$.cookie('share_pd_id') ;
                      
                        var run_fun=$.cookie('run_fun');
                        if(run_fun=='show_product'){
                          fly_out_pd(pd_id);
                           
                            $.cookie('share_pd_id','');
                            $.cookie('run_fun','');
                            $.cookie('after_run',''); 
                       } 
                
                }
              //=======================================分頁設定end=============================== 
  


}