function load_knows(bid){

            var page_load=$.cookie('buty_topic_load');
            
            load_book_detail(bid);
            
           if( page_load==0){ 
               $('#topic_content').fadeIn().animate({width:'920px',left:40},1600,function(){
                   $('#knows_content').css('visibility','hidden');
                   $('#topic_content div.buty_knows_topic_con').css('visibility','visible');
                   
                   $('#topic_content div.close').fadeIn();
               });
               
               setTimeout(function (){
                   $('#knows_tabs').css('position','absolute');
                   $('#knows_tabs').animate({left:-160},600);
                        
               },1400);
             $.cookie('buty_topic_load','1');   
          }    
        
                          $.cookie('after_run','0'); 
                          $.cookie('run_fun','')
                          $.cookie('book_id','');
                                            
}

// 美容知識內容
function load_book_detail(bid){
 
        $.ajax({
          	     type: 'post', 
                   url: 'modules/member_data.php',
                   dataType: 'json',      
                   data: {query_op:'buty_knows_detail',book_id:bid
                  },
                 complete :function(){},
                 success: function(rt){
                        var book=rt.buty_knows_detail;
                        var tstr='<div class="buty_knows_topic_con">'+book[0].Doobook_artrNo;
                       var mem_power=$.cookie('mem_power');
                       if(mem_power>='7'){
                                     tstr+='<div style="display:inline;float:right;"><button name="mody_art_bt">編輯</button></div>';
                                 } 
                        tstr+='</div>';
                         tstr= tstr+'<div class="buty_knows_topic_con"><hr>'+book[0].art_con+'</div>';
                         var blank_block='<div style="float:left;width:850px;height:50px;">&nbsp;</div>';
                         
                          $('#topic_content div.topic_content').html(tstr+blank_block);
                          $('#topic_content div.topic_content').fadeIn();
                          var t_height=$('#topic_content div.topic_content').height();
                          if(t_height==0){
                                     t_height=900;
                          }
                          $('#buty_knows').animate({height:(t_height+100)+'px'});
                          
                           $('button[name=mody_art_bt]').click(function (){
                                  
                                       $('#knows_tabs div').each(function (){
                                          var cr_class=$(this).attr('class').split(' ').slice(-1);
                                          if(cr_class=='selected'){
                                                            
                                                                var class_type= $(this).attr('name');    
                                                                show_mody_chapter(class_type,'mody',bid);
                                                                
                                                   }
                                        });                          
                                    
                                 }); 
                    }
                    
               });

}

// 美容知識內容
function reload_book_detail(bid){
 
        $.ajax({
          	     type: 'post', 
                   url: 'modules/member_data.php',
                   dataType: 'json',      
                   data: {query_op:'buty_knows_detail',book_id:bid
                  },
                 complete :function(){},
                 success: function(rt){
                        var book=rt.buty_knows_detail;
                        var tstr='<div class="buty_knows_topic_con" style="visibility:visible">'+book[0].Doobook_artrNo;
                         var mem_power=$.cookie('mem_power');
                       if(mem_power>='7'){
                                     tstr+='<div style="display:inline;float:right;"><button name="mody_art_bt">編輯</button></div>';
                                 } 
                                 
                         tstr+='</div><div class="buty_knows_topic_con"  style="visibility:visible"><hr>'+book[0].art_con+'</div>';
                           var blank_block='<div style="float:left;width:950px;height:50px;">&nbsp;</div>';
                           $('#topic_content div.topic_content').html(tstr+blank_block);
                           $('#topic_content div.topic_content').fadeIn();
                           $('button[name=mody_art_bt]').click(function (){
                                  
                                       $('#knows_tabs div').each(function (){
                                          var cr_class=$(this).attr('class').split(' ').slice(-1);
                                          if(cr_class=='selected'){
                                                            
                                                                var class_type= $(this).attr('name');    
                                                                show_mody_chapter(class_type,'mody',bid);
                                                                
                                                   }
                                        });                          
                                    
                                 }); 
                     }
                    
               });

}

function load_editor(){
     
    $("#chapter_content").cleditor({width:850 , height:500})[0].focus();
 
}

//上傳文章圖片視窗
 function show_upload(bid){
      $("#upload_dialog_"+bid).remove();
    jQuery("<div/>", {id: 'upload_dialog_'+bid}).appendTo("body");
    $("#upload_dialog_"+bid).attr('title','上傳圖片'); 
 
    var d_str='<button id="upload_bt_'+bid+'">選擇檔案</button>';
    $("#upload_dialog_"+bid).html(d_str);
    $("#upload_dialog_"+bid).dialog("destroy");

    $("#upload_dialog_"+bid).dialog({ height: 80, 	modal: false 	});
                              
      var button=$('#upload_bt_'+bid),interval;                           
                                 
      var upload_func=new AjaxUpload(button, {
                      		 	action: 'modules/upload-handler.php', name: 'knows_pic',
                      			 data: { bid :bid,page:'buty_knows'  },
                                  onSubmit : function(file, ext){
                      			  	   button.text('上傳中');
                      				   interval = window.setInterval(function(){
                      				
                      					var text = button.text();
                      					if (text.length < 20){
                      						button.text(text + '.');					
                      					} else {
                      						button.text('上傳中');				
                      					}
                      				}, 200);
                      			
                      			},
                      			onComplete: function(file, response){
                      				button.text('上傳檔案');
                      				window.clearInterval(interval);
                      				this.enable();
                      			 
                             //	var rn=floor_rand(1,2000);
                      				
                      				//$('div [name=small_img_'+eid+']').css('background-image','url(http://butyshop.com/e_news/p'+eid+'_s.png?rn='+rn); 
                      				           if(response.length>0){
                                                  alert(response);
                                                 }
                      							list_chapter_pics(bid);	
                      			}
                      		});
 
          
 }
//列出文章圖片
function list_chapter_pics(bid){
         $.ajax({
          	     type: 'post', 
                   url: 'modules/buty_dic.php',
                   dataType: 'json',      
                   data: {query_op:'list_chapter_pics',bid:bid
                  },
                 complete :function(){},
                 success: function(rt){   
                        
                          var count=rt.count;
                          var pic_str='';
                          if(count>0){
                          pic_str+='<div>圖片網址：<input name="chapter_pic_link" type="text" style="width:500px;"></div>';
                                  var pic_list=rt.pic_list 
                                  for(var i=0;i<pic_list.length;i++){
                                       var pic_name=pic_list[i].name;
                                       var img_id=pic_list[i].img_id;
                                     pic_str+='<div class="ch_pics"><div class="deletex" name="'+img_id+'">X</div>';
                                     pic_str+='<img src="images/book/'+pic_name+'" height=160>';
                                     pic_str+='</div>';
                                  }
                          }else{
                                pic_str+='<div></div>';
                          }
                          $('#knows_pic_list_panel').html(pic_str);
                          $('.ch_pics').click(function (){
                                var slink=$(this).find('img').attr('src');
                              
                              $('input[name=chapter_pic_link]').val(web_url+slink);
                          });
                          
                           $('input[name=chapter_pic_link]').click(function (){
                                $('input[name=chapter_pic_link]').select();
                            
                            });
                            $('.deletex').click(function (){
                            
                               var img_id=$(this).attr('name');
                               if(confirm('確定刪除圖片？')){
                                $.ajax({
                              	     type: 'post', 
                                       url: 'modules/buty_dic.php',
                                       dataType: 'html',      
                                       data: {query_op:'del_chapter_pic',img_id:img_id
                                      },
                                     complete :function(){},
                                     success: function(rt){
                                     
                                            
                                            list_chapter_pics(bid);
                                            }
                                     }); 
                                   }  
                            });
                     }         
            });

} 
//新增修改刪除文章
function show_mody_chapter(class_type,op,bid){
         var mem_power=$.cookie('mem_power');
         if(mem_power>='7'){         
         
          $('#chapter_content').remove();
         
          $('#add_dic_word_form').remove();
          $('#add_dic_word_form_content').remove();
         jQuery("<div/>", {id: "add_dic_word_form"}).addClass('add_dic_word_overlay').appendTo("body");
         $('#add_dic_word_form').html('<div id="add_dic_word_form_content"></div>');
         var dic_str='<div style="float:left;">';
          dic_str+='標題：<input type=text style="width:410px" name="chapter_title"></div>';
          dic_str+='分類<select name="class_type">';
          dic_str+='<option value="1">美容新知分享</option>';
          dic_str+='<option value="2">肌膚保養常識</option>';
          dic_str+='<option value="3">彩妝知識技巧</option>';
          dic_str+='<option value="4">芳療SPA錦囊</option>';
          dic_str+='<option value="5">美髮美體保養</option>';          
          dic_str+='</select>';
          dic_str+='<div style="float:left;"><br><textarea id="chapter_content" style="width:840px;height:500px;z-index:99999" name="chapter_content"></textarea></div>';
          dic_str+='<div style="float:left;width:800px;">';
          dic_str+='<button name="add_chapter_bt"></button>';
          
          if(op=='mody'){ dic_str+='<button name="del_chapter_bt">刪除</button>';
                          dic_str+='<button name="upload_chapter_pic_bt">上傳圖片</button>';
           }
          dic_str+='</div>';
          dic_str+='<div style="display:inline-block;width:840px;position:releative" id="knows_pic_list_panel">';
          dic_str+='</div>';
          $('#add_dic_word_form').width('850px').height('auto');
          $('#add_dic_word_form_content').html(dic_str);
          
         var add_dic_word_form=$('#add_dic_word_form').overlay({ 
                    fixed:false, 
                   oneInstance: true, api: true,
                   onClose:function (){
                       //  $('#chapter_content').remove();
                       //  $('#add_dic_word_form').remove();
                       //  $('#add_dic_word_form_content').remove();
                   },       
                   onBeforeLoad:function (){
                               if(class_type!=''){
                                 $('select[name=class_type]').val(class_type);
                               }
                                if(op=='mody'){
                                     $.ajax({  type: 'post', url: 'modules/member_data.php', dataType: 'json',      
                                           data: {query_op:'buty_knows_detail',book_id:bid },
                                         complete :function(){},
                                         success: function(rt){
                                                var book=rt.buty_knows_detail;
                                                
                                                  $('input[name=chapter_title]').val(book[0].Doobook_artrNo); 	
                                                  $('textarea[name=chapter_content]').val(book[0].art_con);    
                                                  load_editor();    
                                            }
                                            
                                       });
                                         list_chapter_pics(bid);
                                }else{
                                     load_editor();
                                }
                                 
                   }
                   
                   });
        add_dic_word_form.load();
       
        //新增
         if(op=='new'){ $('button[name=add_chapter_bt]').text('新增'); }
         if(op=='mody'){ $('button[name=add_chapter_bt]').text('修改');
         
          }
            $('button[name=add_chapter_bt]').click(function (){
                     var book_art=$('input[name=chapter_title]').val(); 	
                     var art_con=$('textarea[name=chapter_content]').val();   
                     var new_class_type=$('select[name=class_type]').val();
                     var book_class=$('select[name=class_type]').find(":selected").text();
                     var err=0;var err_str='';
                     if(book_art==''){  err++;err_str+='請輸入標題'+"\n";  }
                     if(art_con==''){   err++;err_str+='請輸入內容'+"\n"; }
                     if(err==0){
                        $.ajax({
                              	  type: 'post', 
                                    url: 'modules/buty_dic.php',dataType: 'json',      
                                    data: {query_op:'mody_chapter',book_art:book_art,bid:bid,op:op,
                                    art_con:art_con,class_type:new_class_type,book_class:book_class},
                                    complete :function(){},
                                    success: function(rt){
                                             var add_dic_word_form=$('#add_dic_word_form').overlay();
                                              add_dic_word_form.close();
                                              if(op=='new'){list_topic_list(class_type);}
                                              if(op=='mody'){
                                              list_topic_list(class_type);
                                               reload_book_detail(bid);
                                              
                                              }
                                               
                                         }
                                    });
                       }else{
                       
                          alert(err_str);
                       }             
            });
         
        
          //刪除
        $('button[name=del_chapter_bt]').click(function (){
                 if(confirm('刪除此篇文章？')){
                    $.ajax({
                              	  type: 'post', 
                                    url: 'modules/buty_dic.php',
                                    dataType: 'json',      
                                    data: {query_op:'del_chapter',bid:bid },
                                    complete :function(){},
                                    success: function(rt){
                                              var add_dic_word_form=$('#add_dic_word_form').overlay();
                                              add_dic_word_form.close();
                                               $.cookie('buty_topic_load','0');
                                                var pos=$("#knows_content").position();
                                             var p_left=pos.left;
                                             var p_top=pos.top; 
       
                                               $('#topic_content div.close').fadeOut();
                                              $('#topic_content div.buty_knows_topic_con').css('visibility','hidden');
                                              $('#knows_content').css('visibility','visible');  //列表
                                              $('#topic_content').animate({width:'10px',left:p_left+740},800,function(){
                                                                         $('#topic_content div.topic_content').fadeOut();
                                                                         $(this).fadeOut();
                                                                          $('#buty_knows').css('height','auto');
                                                                     });
                                                setTimeout(function (){ //左側選單歸位 
                                                                         $('#knows_tabs').animate({left:0},600);
                                                                         $('#knows_tabs').css('position','releative');     
                                                                     },200);     
                                               $.cookie('buty_topic_load','0');         
               
                                              list_topic_list(class_type); 
                                              
                                         }
                                    });
                                    
                                 }   
        });
         //上傳圖片
         $('button[name=upload_chapter_pic_bt]').click(function (){ 
         
              
                 show_upload(bid);  
         });
          
           
     }//end power==9              
}

//分類輸出
function knows_list_layout(rt){
        
                           var count=rt.count;
                           var mem_power=$.cookie('mem_power');
                             var list_str='';
                              var adm_str='';
                           if(count>0){
                               var rts=rt.buty_knows_list;
                             
                               for(var i=0;i<rts.length;i++){
                                 var book_id=rts[i].book_id;
                                 var title=rts[i].Doobook_artrNo;
                                 list_str+='<div class="buty_know_title" name="'+book_id+'">';
                                 list_str+='<div class="title_pointer">&nbsp;</div><div  style="display:inline;float:left;">'+title+'</div>';
                                 
                                 if(mem_power>='7'){
                                     list_str+='<div style="display:inline;float:right;"><button name="mody_art_bt">編輯</button></div>';
                                 }
                                 list_str+='</div>';
                               
                               }    
                           }else{
                                list_str+='<div>抱歉未搜尋到相關文章！</div>';
                           
                           }
                          var blank_block='<div style="float:left;width:850px;height:50px;">&nbsp;</div>';
                         
                          
                          if(mem_power>='7'){
                                     adm_str+='<div style="display:inline;float:left;"><button  name="add_art_bt">新增文章</button></div>';
                                 } 
                           $('#knows_content').html(adm_str+list_str+blank_block);
                           if(mem_power>='7'){
                                //新增
                                 $('button[name=add_art_bt]').click(function (){
                                     $('#knows_tabs div').each(function (){
                                          var cr_class=$(this).attr('class').split(' ').slice(-1);
                                          if(cr_class=='selected'){
                                                                var class_type= $(this).attr('name');    
                                                                show_mody_chapter(class_type,'new','');
                                                   }
                                        });                          
                                    
                                 });
                                 //修改
                                 $('button[name=mody_art_bt]').click(function (){
                                     var bid=$(this).parent().parent().attr('name');
                                     $('#knows_tabs div').each(function (){
                                          var cr_class=$(this).attr('class').split(' ').slice(-1);
                                          if(cr_class=='selected'){
                                                            
                                                                var class_type= $(this).attr('name');    
                                                                show_mody_chapter(class_type,'mody',bid);
                                                                
                                                   }
                                        });                          
                                    
                                 });
                                 
                           
                           }
                           
                            //標題按下
                           $('div.buty_know_title').click(function (){ 
                                      $('div.buty_know_title').each(function (){ 
                                            $(this).removeClass('kt_selected');
                                      });
                                
                                 $(this).addClass('kt_selected');
                                 $('div.buty_know_title').hover();
                            });
                           
                          $('div.buty_know_title').hover(function (){
                                      $(this).find('div:eq(0)').addClass('selected');
                          },function (){
                                var cr_class=$(this).attr('class').split(' ').slice(-1);
                                if(cr_class!='kt_selected'){ 
                                     $(this).find('div:eq(0)').removeClass('selected');
                               }
                          }); 
                            
                           //按下標題 
                           $('div.buty_know_title').click(function (){
                                var tshow=$('#topic_content').css('display');
                                if(tshow=='none'){
                                 var page_load=$.cookie('buty_topic_load');
                                 var buty_knows_pre_height=$('#buty_knows').height();
                                 
                                  $.cookie('buty_knows_pre_height',buty_knows_pre_height);
                                   var bid=$(this).attr('name');
                                   load_book_detail(bid);
                                 if( page_load=='0'){ 
                                     $('#topic_content').fadeIn().animate({width:'920px',left:60},800,function(){
                                         $('#knows_content').css('visibility','hidden');
                                         $('#topic_content div.buty_knows_topic_con').css('visibility','visible');
                                         $('#topic_content div.close').fadeIn();
                                         
                                     });
                                     
                                     setTimeout(function (){
                                         $('#knows_tabs').css('position','absolute');
                                         $('#knows_tabs').animate({left:-100},600);
                                              
                                     },700);
                                   $.cookie('buty_topic_load','1');   
                                }
                               } 
                           });


}
//美容知識列表
function list_topic_list(class_type){

         $.ajax({
          	     type: 'post', 
                   url: 'modules/member_data.php',
                   dataType: 'json',      
                   data: {query_op:'buty_knows_list',class_type:class_type
                  },
                 complete :function(){},
                 success: function(rt){   
                            knows_list_layout(rt);
                     }         
            });
}
//載入美容知識
function loading_buty_knows(){
       $.cookie('buty_topic_load','0');
        var str='<div id="knows_tabs_shell"><div id="knows_tabs">'; 
            str=str+'<div  name="1" id="knows_tabs_1" class="knows_tabs">&nbsp;</div>';
            str=str+'<div  name="2" id="knows_tabs_2" class="knows_tabs">&nbsp;</div>';
            str=str+'<div  name="3" id="knows_tabs_3" class="knows_tabs">&nbsp;</div>';
            str=str+'<div  name="4" id="knows_tabs_4" class="knows_tabs">&nbsp;</div>';
            str=str+'<div  name="5" id="knows_tabs_5" class="knows_tabs">&nbsp;</div>';
        str=str+'</div></div>';
        str=str+'<div id="knows_content"><div style="height:800px;">&nbsp;</div></div>';
        str=str+'<div id="topic_content"><div class="topic_content"></div><div class="close"></div</div>';
          
       $('#buty_knows').html(str); 
       
        $('#knows_tabs div').click(function (){ 
                  //if($('#topic_content').css('display')!="block"){}
                                 var cr= $(this).attr('id');
                                 $('#knows_tabs div').each(function (){
                                                 var ar= $(this).attr('id');
                                                  $(this).removeClass('selected');
                                         });
                             
                                  $('#'+cr).addClass('selected');
                                  var class_type=$(this).attr('name');
                                  list_topic_list(class_type);
          });
                            
       var pos=$("#knows_content").position();
       var p_left=pos.left;
       var p_top=pos.top; 
       $('#topic_content').css({'left':p_left+740,'top':p_top});
       
       //list_topic_list('1');
       list_rand_topic();
        
        $('#knows_tabs_1').addClass('selected');
      
       //回收 
       $('#topic_content div.close').click(function (){
               $.cookie('buty_topic_load','0');
               $(this).fadeOut();
                
               $('#topic_content div.buty_knows_topic_con').css('visibility','hidden');
               
                $('#knows_content').css('visibility','visible');  //列表
                $('#topic_content').animate({width:'10px',left:p_left+740},800,function(){
                                         $('#topic_content div.topic_content').fadeOut();
                                         $(this).fadeOut();
                                          $('#buty_knows').css('height','auto');
                                     });
                setTimeout(function (){ //左側選單歸位 
                                         $('#knows_tabs').animate({left:0},600);
                                         $('#knows_tabs').css('position','releative');     
                                     },200);     
               $.cookie('buty_topic_load','0');                                        
       });
       
       
} 


//成分說明      
function load_dic_desc(dic_id){
        $.ajax({
        	  type: 'post', 
              url: 'modules/buty_dic.php',
              dataType: 'html',      
              data: {query_op:'load_dic_desc',
                     dic_id:dic_id
                 },
              complete :function(){},
              success: function(rt){
                    $('div[name=desc_'+dic_id+']').html('成分說明:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+rt);
                    $('div[name=desc_'+dic_id+']').show();
              }
            });  

}	 

//應用產品
 function creat_app_form(){
      var select_pd_str='<div name="app_content"></div>';
      $('#app_form').remove();
      jQuery("<div/>", {id: "app_form"}).addClass('buty_app_overlay').appendTo("body");
      $('#app_form').html(select_pd_str);
     
    
 }

//顯示隱藏成分說明
function toggle_show_desc(dic_id){

        var tp=$('#pd_detail_box').css('display');
                              
                           
      if(tp!='block'){  
         if($('div[name=desc_'+dic_id+']').css('display')=='none'){
                //$('#'+dic_id).find('div.s_desc').css('visibility','hidden');
                $('#'+dic_id).find('div.s_desc').hide();
                $('#'+dic_id).find('div.e_name').width('auto');
                $('#'+dic_id).find('div.c_name').width('auto');
                var e_width=$('#'+dic_id).find('div.e_name').width();
                var c_width=$('#'+dic_id).find('div.c_name').width();
                if(e_width<=150){ $('#'+dic_id).find('div.e_name').width('150px');}
                if((e_width+c_width)>900){
                      $('#'+dic_id).find('div.e_name').width('480px');
                      $('#'+dic_id).find('div.c_name').width('350px;');
                
                }
                load_dic_desc(dic_id);
          }else{
              $('div[name=desc_'+dic_id+']').hide();
              $('#'+dic_id).find('div.s_desc').show();
              $('#'+dic_id).find('div.e_name').width('150px');
              $('#'+dic_id).find('div.c_name').width('140px');
           }
        }


}

//新增字彙
 
function show_add_dic_word(){

         $('#add_dic_word_form').remove();
         jQuery("<div/>", {id: "add_dic_word_form"}).addClass('add_dic_word_overlay').appendTo("body");
         $('#add_dic_word_form').html('<div id="add_dic_word_form_content"></div>');
         var dic_str='<div style="float:left;">中文：<input type=text style="width:550px" name="new_cname"></div>';
         dic_str+='<div style="float:left;">英文：<input type=text  style="width:550px" name="new_ename"></div>';
         dic_str+='<div  style="float:left;">成分說明:<br><textarea style="width:600px;height:100px;" name="new_desc"></textarea></div>';
          dic_str+='<div style="float:left;"><button name="add_dic_word_bt">新增成分</button></div>';
         $('#add_dic_word_form_content').html(dic_str);
         
         
         var add_dic_word_form=$('#add_dic_word_form').overlay({ 
                   expose: {color: '#333',loadSpeed: 200,opacity: 0.9}, 
                   oneInstance: true, api: true,       
                   onBeforeLoad:function (){
                   
                   }
                   
                   });
        add_dic_word_form.load();
        $('button[name=add_dic_word_bt]').click(function (){
             var c_name=$('input[name=new_cname]').val();
             var e_name=$('input[name=new_ename]').val();
             var new_desc=$('textarea[name=new_desc]').val();
             var err=0;var err_str='';
             if(c_name==''){err++;err_str+='請輸入中文名稱'+"\n";}
             if(e_name==''){err++;err_str+='請輸入英文名稱'+"\n";}
             if(new_desc==''){err++;err_str+='請輸入成分說明'+"\n";}
               if(err==0){
                       $.ajax({
              	            type: 'post', 
                              url: 'modules/buty_dic.php',
                              dataType: 'html',      
                              data: {query_op:'add_dic_word',c_name:c_name,e_name:e_name,new_desc:new_desc  },
                              complete :function(){},                             
                              success: function(rt){
                                $.ajax({
                              	  type: 'post', 
                                    url: 'modules/buty_dic.php',
                                    dataType: 'json',data: {query_op:'buty_dic_search',dic_id:rt,query_word:e_name  },
                                    complete :function(){},
                                    success: function(rt){
                                             dic_query_layout(rt);      
                                         }
                                    });
                                add_dic_word_form.close(); 
                                      
                           }
                        });
               }else{
                   alert(err_str);
               }
           });           
}

//修改字彙
 
function show_mody_dic_word(dic_id){
              
         $('#add_dic_word_form').remove();
         jQuery("<div/>", {id: "add_dic_word_form"}).addClass('add_dic_word_overlay').appendTo("body");
         $('#add_dic_word_form').html('<div id="add_dic_word_form_content"></div>');
         var dic_str='<div style="float:left;">中文：<input type=text style="width:550px" name="new_cname"></div>';
         dic_str+='<div style="float:left;">英文：<input type=text  style="width:550px" name="new_ename"></div>';
         dic_str+='<div  style="float:left;">成分說明:<br><textarea style="width:600px;height:100px;" name="new_desc"></textarea></div>';
          dic_str+='<div style="float:left;"><button name="modify_dic_word_bt">修改成分</button><button name="del_dic_word_bt">刪除成分</button></div>';
          
         $('#add_dic_word_form_content').html(dic_str);
         
         
         var add_dic_word_form=$('#add_dic_word_form').overlay({ 
                   expose: {color: '#333',loadSpeed: 200,opacity: 0.9}, 
                   oneInstance: true, api: true,       
                   onBeforeLoad:function (){
                          $.ajax({
                  	            type: 'post', 
                                  url: 'modules/buty_dic.php',
                                  dataType: 'json',      
                                  data: {query_op:'get_dic_word',dic_id:dic_id  },
                                  complete :function(){},                             
                                  success: function(rt){
                                      var rt=rt.results;
                                      var e_name=rt[0].e_name;
                                      var c_name=rt[0].c_name;
                                      var desc=rt[0].desc;    
                                   $('input[name=new_cname]').val(c_name);
                                    $('input[name=new_ename]').val(e_name);
                                    $('textarea[name=new_desc]').val(desc);
                               }
                            });
                   }
                   
                   });
        add_dic_word_form.load();
          //刪除
        $('button[name=del_dic_word_bt]').click(function (){
        
                    $.ajax({
                              	  type: 'post', 
                                    url: 'modules/buty_dic.php',
                                    dataType: 'json',      
                                    data: {query_op:'del_dic_word',dic_id:dic_id
                                       },
                                    complete :function(){},
                                    success: function(rt){
                                             load_rand_words();
                                             add_dic_word_form.close(); 
                                         }
                                    });
        });
        //修改
        $('button[name=modify_dic_word_bt]').click(function (){
             var c_name=$('input[name=new_cname]').val();
             var e_name=$('input[name=new_ename]').val();
             var new_desc=$('textarea[name=new_desc]').val();
             var err=0;var err_str='';
             if(c_name==''){err++;err_str+='請輸入中文名稱'+"\n";}
             if(e_name==''){err++;err_str+='請輸入英文名稱'+"\n";}
             if(new_desc==''){err++;err_str+='請輸入成分說明'+"\n";}
               if(err==0){
                       $.ajax({
              	            type: 'post', 
                              url: 'modules/buty_dic.php',
                              dataType: 'json',      
                              data: {query_op:'modify_dic_word',dic_id:dic_id,c_name:c_name,e_name:e_name,new_desc:new_desc  },
                              complete :function(){},                             
                              success: function(rt){
                                  $.ajax({
                              	  type: 'post', 
                                    url: 'modules/buty_dic.php',
                                    dataType: 'json',      
                                    data: {query_op:'buty_dic_search',dic_id:dic_id,query_word:e_name
                                       },
                                    complete :function(){},
                                    success: function(rt){
                                             dic_query_layout(rt);      
                                         }
                                    });
                                add_dic_word_form.close(); 
                                      
                           }
                        });
               }else{
                   alert(err_str);
               }
           });           
}
// 字典搜尋結果輸出
function dic_query_layout(rt){
                    var count=rt.count;
                    
                    var rst=rt.results;
                    var q_word=rt.q_word;
                    var dic_type=rt.dic_type;
                    var str='';
                    var mem_power=$.cookie('mem_power');
                    var amd_str='';
                    if(mem_power==9){
                                    amd_str='<button name="add_dic_word">＋</button>';
                                }
                 
                    str+='<div id="left_nil" class="dic_nil">&nbsp;</div>';
                    str+='<div id="right_nil" class="dic_nil">&nbsp;</div>';
          
           
                  if(count>0){
                    if(dic_type=='search'){
                       str=str+'<div class="dic_result dic_result_type"  style="float:left;" >搜尋"'+q_word+'"的結果共：'+count+'筆符合'+amd_str+'</div>';
                    }
                    if(dic_type=='rand'){
                       str=str+'<div class="dic_result dic_result_type"  style="float:left;" >隨機成分'+amd_str+'</div>';
                    }
                      
                      for(var i=0;i<rst.length;i++){
                      var app_nums=0;
                        var full_e_name=rst[i].full_e_name;
                        var full_c_name=rst[i].full_c_name;
                         var dic_id=rst[i].dic_id;
                         var desc=rst[i].description; 
                       var app_nums =rst[i].app_nums;
                       var href_str="http://www.google.com.tw/search?&lr=lang_zh-TW&hl=zh-TW&source=hp&q="+full_e_name;
                        str=str+'<div id="'+dic_id+'" class="dic_result_block">';
                              str=str+'<div class="dic_result">';
                              str=str+'<div class="e_name" title="'+full_e_name+'">'+full_e_name+'</div>';
                               str=str+'<div class="c_name" title="'+full_c_name+'">'+full_c_name+'</div>';
                              if(app_nums>0){ var s_width='450px';}else{
                                        var s_width='490px';
                              }
                             str=str+'<div class="s_desc" style="width:'+s_width+'; " title="'+dic_id+'">'+desc+'</div>';
                              str=str+'<div style="margin-top:1px;float:right"><a href="'+href_str+'" target=_new  > <img src="images/s_google.png" style="vertical-align:middle" width=23 height=23 title="google search"> </a></div>';
                             if(app_nums>0){
                                 str=str+'<div class="buty_app" ref="'+dic_id+'" name="'+app_nums+'" style="float:right">&nbsp;</div> ';
                              }
                              if(mem_power==9){
                                    str+='<button name="mody_dic_word" style="width:10px;float:right">E</button>';
                                } 
                               str=str+'</div>';
                            str=str+'<div class="desc" name="desc_'+dic_id+'"></div>';
                        str=str+'</div>';
                        
                        }
                  }
                        var blank_block='<div style="float:left;width:950px;height:50px;">&nbsp;</div>';
                         
                          $('#buty_dic_result').html(str+blank_block);
                          //擊點展開
                          $('div.dic_result').click(function (){
                              var dic_id=$(this).parent().attr('id');
                              toggle_show_desc(dic_id);
                    
                        });
                          $('button[name=mody_dic_word]').click(function (){
                                var dic_id=$(this).parent().parent().attr('id');
                                    var mem_power=$.cookie('mem_power');
                                    if(mem_power==9){   show_mody_dic_word(dic_id);  }
                          });
                        //新增字典
                        $('button[name=add_dic_word]').click(function (){
                                    var mem_power=$.cookie('mem_power');
                                    if(mem_power==9){   show_add_dic_word();  }
                        });
                      
              //應用產品
              $('div[class=buty_app]').click(function (){
              
                   $('#buty_dic_result div[class=desc]').each(function (){ $(this).hide();});
                    var dic_id=$(this).attr('ref');  
                    var app_nums=$(this).attr('name');
                    creat_app_form();    
                    var app_form=$('#app_form').overlay({
                         oneInstance: true, 
                         closeOnClick:false,
                         api: true,expose: {color: '#3433fc',loadSpeed: 200,opacity: 0.9},
                         onBeforeLoad:function (){
                             //===================================================       
                             $('#app_form').height('140px');      
                             var idex=$('#app_form').css('z-index');
                             
                  			 $.ajax({
                          	  type: 'post', 
                                url: 'modules/buty_dic.php',
                                dataType: 'json',      
                                data: {query_op:'query_apply_product',
                                       dic_id:dic_id
                                   },
                                complete :function(){},
                                success: function(rt){
                                         var total=rt.total;
                                         var pd_str='';
                                         if(total>0){
                                           var rts=rt.result;
                                           
                                           for(var i=0;i<rts.length;i++){
                                               
                                                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 qty=rts[i].pd_stockqty;
                                                
                                                    pd_str=pd_str+'<div class="lc_div" style="border:1px solid #666666;">';
                                                    pd_str=pd_str+'<div class="thumb_div_a" id="'+pd_id+'">';
                                                    pd_str=pd_str+'';
                                                    pd_str=pd_str+'<img src="gallery/'+pd_id+'main.png" width="50"  title="'+pd_id+'" rel="#pd_info" />';
                                                    pd_str=pd_str+'</div>';
                                                    pd_str=pd_str+'<div class="has_cmp_div" name="cmp_icon"><img src="images/button_2.png"></div>';
                                                
                                                    pd_str=pd_str+'<div class="ops_div">';
                                                        
                                                            //購
                                                            pd_str=pd_str+'<div class="buy_bt buy_bt_S" name="buty_pd">&nbsp</div>';
                                                      
                                                        if(video_file!='none'){
                                                            pd_str=pd_str+'<div name="pd_video" class="buy_bt video_bt_S" rel="div.overlay">&nbsp;</div>';
                                                        }
                                                      //  pd_str=pd_str+'<div class="push_to_friend">推</div>';
                                                        
                                                    pd_str=pd_str+'</div>'; //end ops_div 
                                                    pd_str=pd_str+'<div class="info_div_a">'+pd_name+'<br>'+con+'&nbsp;'+price+'元</div>';
                                                   
                                                    pd_str=pd_str+'</div>';
                                              }
                                         
                                         
                                         }
                                          
                                        $('#app_form div[name=app_content]').html(pd_str);  
                                        
                                        $('.thumb_div_a').click(function (){
                                               var id=$(this).attr('id');
                                                fly_out_pd(id) 
                                           });
                                           //購買
                                            $('.ops_div div[name=buty_pd]').click(
                                                function (event){
                                                
                                                    var pa=$(this).parent().parent();
                                                    var cr_class=pa.attr('class').split(' ').slice(-1);
                                                    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);  
                                                       
                                                } 
                                                
                                                );
                                                    
                                     }
                                });
                           //===================================================               
                         }
                    });
                             
                     app_form.load();
              });

}
 //搜尋字典

 function buty_search(query_word) {
     
			 $.ajax({
        	  type: 'post', 
              url: 'modules/buty_dic.php',
              dataType: 'json',      
              data: {query_op:'buty_dic_search',
                     query_word:query_word,
                     dic_id:''
                 },
              complete :function(){},
              success: function(rt){
                       dic_query_layout(rt);      
                   }
              });
		}
		
function buty_search_b() {
           var query_word=$('#buty_dic_query').val();
           if(query_word.length>0){
			 $.ajax({
        	  type: 'post', 
              url: 'modules/buty_dic.php',
              dataType: 'json',      
              data: {query_op:'buty_dic_search',
                     query_word:query_word,
                     dic_id:''
                 },
              complete :function(){},
              success: function(rt){ 
                         dic_query_layout(rt);    
                          
                   }
              });
              }
		}
        
//熱門搜尋
function load_hot_words(){
         $.ajax({
        	  type: 'post', 
              url: 'modules/buty_dic.php',
              dataType: 'json',      
              data: {query_op:'load_hot_words'
                 },
              complete :function(){},
              success: function(rt){ 
                  var rts=rt.hot_words;
                    var h_str='<div style="float:left;;margin-right:5px;">熱門：</div>';
                    for(var i=0;i<rts.length;i++){
                            h_str=h_str+'<div class="hot_word_list" >'+rts[i]+'</div>';
                    
                       }
                       $('#hot_query_words').html(h_str);   
                         $('div.hot_word_list').click(
                           function (){
                                 var q_word=$(this).text();
                                 var panel=$("#buty_knows_menu").tabs().getCurrentPane().attr('id');
                                 if(panel=="buty_dic"){  buty_search(q_word);  }
                                 if(panel=="buty_knows"){  knows_search_b(q_word);  }
                                 $('#buty_dic_query').val(q_word);
                           }
                         );
                        
                   }
              });

}       

////隨機十篇知識
function list_rand_topic(){

   $.ajax({
          	       type: 'post', 
                   url: 'modules/buty_dic.php',
                   dataType: 'json',      
                   data: {query_op:'list_rand_topic'    },
                 complete :function(){},
                 success: function(rt){   
                            knows_list_layout(rt);
                     }         
            });



}
//隨機十個成分
function load_rand_words(){
 
    $.ajax({
        	  type: 'post', 
              url: 'modules/buty_dic.php',
              dataType: 'json',      
              data: {query_op:'load_rand_words' 
                 },
              complete :function(){},
              success: function(rt){ 
                         dic_query_layout(rt);    
                          
                   }
              });

 
} 		
//載入查字典
function loading_buty_dic(){
       var cc=$('#buty_dic').html();
       if(cc==''){ 
         var str='<div id="buty_dic_result" style="position:releative;float:left; ">';
        
         $('#buty_dic').html(str);
         load_rand_words();
       }
       load_hot_words();
       
        
}
 function  load_word(dic_id,q_word){
 
       $('#buty_dic_query').val(q_word);
       
        $.ajax({
        	  type: 'post', 
              url: 'modules/buty_dic.php',
              dataType: 'json',      
              data: {query_op:'buty_dic_search',
                     dic_id:dic_id,
                     query_word:q_word
                 },
              complete :function(){},
              success: function(rt){ 
                          dic_query_layout(rt);  
                          $.cookie('after_run','0'); 
                          $.cookie('run_fun','')
                          $.cookie('rdic_id','');
                          $.cookie('rdic_name','');    
                   }
              });
 
 }
 function rand ( n )
{
  return ( Math.floor ( Math.random ( ) * n + 1 ) );
}

//載入隨機知識/ 成分
function load_rand_knows(){
   var rwidth= ["540", "600", "660","500"];
             $.ajax({
        	  type: 'post', 
              url: 'modules/buty_dic.php',
              dataType: 'json',      
              data: {query_op:'load_rand_knows' 
                 },
              complete :function(){},
              success: function(rt){ 
                   //===============================================================
                    var count=rt.count;
                    
                    var rst=rt.results;
                    var books=rt.books;
                    var q_word=rt.q_word;
                    var str='';
                    
                  if(count>0){
                  
                      for(var i=0;i<rst.length;i++){
                      var tw=rand(3);
                      
                        var full_e_name=rst[i].full_e_name;
                        var full_c_name=rst[i].full_c_name;
                        var dic_id=rst[i].dic_id;
                         
                            var desc=rst[i].description; 
                            str=str+'<div name="'+dic_id+'" class="kw_dic_result_block" style="width:'+rwidth[tw]+'px">';
                            str=str+'<div class="dic_tube kw_dic_result" name="dic" style="width:'+(rwidth[tw]-25)+'px">';
                            str=str+'<div class="kw_content" style="width:'+(rwidth[tw]-55)+'px" >'+full_e_name+full_c_name+desc+'</div>';
                            str=str+' </div>';
                            str=str+'<div class="tails"></div>';
                            str=str+'</div>';
                        }
                       for(var i=0;i<books.length;i++){
                       var tw=rand(3);
                        var book_art=books[i].book_art;
                        var book_id=books[i].book_id;
                         var art_con=books[i].art_con;     
                            str=str+'<div name="'+book_id+'" class="kw_dic_result_block" style="width:'+rwidth[tw]+'px">';
                            str=str+'<div class="knows_tube kw_dic_result" name="knows" style="width:'+(rwidth[tw]-25)+'px">';
                            str=str+'<div class="kw_content" style="width:'+(rwidth[tw]-55)+'px" >【'+book_art+"】&nbsp;"+art_con+'</div>';                            
                            str=str+'</div>';
                            str=str+'<div class="tails"></div>';
                            str=str+'</div>';
                       
                       } 
                  }
                  
                       
                       $('#rand_knows_panel').html(str);
                       $('.kw_dic_result_block').hover(function (){
                                var fs=$(this).find('div:eq(0)').attr('name');
                                if(fs=='dic'){
                                     $(this).find('div:eq(2)').css('background-image','url(images/butyknows/know_tail_o.png)');
                                     $(this).find('div:eq(0)').css('background-image','url(images/butyknows/tube_o.png)');
                                }
                               if(fs=='knows'){
                                      $(this).find('div:eq(2)').css('background-image','url(images/butyknows/know_tail_p.png)');
                                      $(this).find('div:eq(0)').css('background-image','url(images/butyknows/tube_p.png)');
                                     //var cc=$(this).find('div:eq(2)').attr('class');
                                     //alert(cc);
                                }
                        },function (){
                             var fs=$(this).find('div:eq(0)').attr('name');
                             if(fs=='dic'){
                                    $(this).find('div:eq(0)').css('background-image','url(images/butyknows/tube_oi.png)');
                             }
                             if(fs=='knows'){
                                    $(this).find('div:eq(0)').css('background-image','url(images/butyknows/tube_pb.png)');
                             }
                                     $(this).find('div:eq(2)').css('background-image','url(images/butyknows/know_tail_w.png)');
                        }
                        
                        );
                       $('div.kw_dic_result').click(function (){
                             var kclass=$(this).attr('name');
                             if(kclass=='dic'){
                             var dic_id=$(this).parent().attr('name');
                             var q_word=$(this).find('div.e_name').text();
                                   $.cookie('after_run','1');
                                   $.cookie('run_fun','load_word');
                                   $.cookie('rdic_id',dic_id);
                                   $.cookie('rdic_name',q_word); 
                                    $("#buty_knows_sub_menu").tabs().click(2);
                                   $("#buty_knows_menu").tabs().click(2);
                             } 
                          if(kclass=='knows'){
                                 var book_id=$(this).parent().attr('name');
                                   $.cookie('after_run','1');
                                   $.cookie('run_fun','load_knows');
                                   $.cookie('book_id',book_id);
                                 $('#buty_knows').html('');
                                 $("#buty_knows_sub_menu").tabs().click(1);  
                                 $("#buty_knows_menu").tabs().click(1);
                                   
                          }        
                                   
                       });
                       
                   //=============================================================== 
                   }
              });

} 
// 愛美知識搜尋
function knows_search(){
           var query_word=$('#buty_dic_query').val();
           if(query_word.length>0){
			 $.ajax({
        	  type: 'post', 
              url: 'modules/buty_dic.php',
              dataType: 'json',      
              data: {query_op:'knows_search',
                     query_word:query_word
                 },
              complete :function(){},
              success: function(rt){ 
                        knows_list_layout(rt); 
                   }
              });
            }


}
function knows_search_b(query_word){
        $.ajax({
        	  type: 'post', 
              url: 'modules/buty_dic.php',
              dataType: 'json',      
              data: {query_op:'knows_search',
                     query_word:query_word
                 },
              complete :function(){},
              success: function(rt){
                         knows_list_layout(rt);    
                   }
              });

}
//切換搜尋
function  bind_search(type){
    
      if(type=='dic'){ var query_op='buty_dic_sugest'; 
              $('button[name=search_dic_bt]').click(buty_search_b);	
            	$('#buty_dic_query').keypress(function(e){   
                             if(e.keyCode==13){    buty_search_b(); }  
                           });
      
      }
      if(type=='knows'){ var query_op='buty_knows_sugest'; 
                $('button[name=search_dic_bt]').click(knows_search );	
            	$('#buty_dic_query').keypress(function(e){   
                             if(e.keyCode==13){    knows_search(); }  
                           });
      
      }
              //============================================================================
               
                     
            		$("#buty_dic_query").autocomplete({
            			source: function(request, response) {
            				$.ajax({
            					url: "modules/buty_dic.php",
            					dataType: "json",
            					data: {
            					    query_op:query_op,
            					  	maxRows: 12,
            						  query_word: request.term
            					},
            					success: function(data) {
            						response($.map(data.results, function(item) {
            							return {
            								label: item.name ,
            								value: item.name
            							}
            						}))
            					}
            				})
            			},
            			minLength: 2,
            			select: function(event, ui) {
            			    if(type=='dic'){    buty_search(this.value); }
            			    if(type=='knows'){  knows_search_b(this.value); }
            			},
            			open: function() {
            				$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
            			},
            			close: function(event, ui) {
            				$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
            				if(type=='dic'){  buty_search(this.value); }
            			    if(type=='knows'){  knows_search_b(this.value); }
            			}
            		});
               //============================================================================
     
     
} 
 
//愛美知識家初始化
function page_buty_knowledge_init(){

      var tabs=['knowledge_buty','knowledge_skin','knowledge_dictionary']; 
      $('#page_buty_knowledge').load('modules/tpl/buty_knowledge_tpl.php',function (){
          var buty_menu=$("#buty_knows_menu").tabs("div.buty_panel",{  effect: 'fade',onClick:function(index){
          var panel=$("#buty_knows_menu").tabs().getCurrentPane().attr('id');
          
                     if(panel=='buty_dic'){
                     
                              $('button[name=search_dic_bt]').text('查字典');
                              $('#buty_knows_search_form').show();
                              bind_search('dic'); 
                               var tc=$('#buty_dic').html();
                               if(tc==''){     loading_buty_dic();     }
                               
                               if($.cookie('after_run')==1){
                                         if($.cookie('run_fun')=='load_word'){
                                               var dic_id=$.cookie('rdic_id');
                                               var q_word=$.cookie('rdic_name'); 
                                               var tb= buty_menu=$("#buty_knows_menu").tabs();
                                                tb.click(2);
                                               load_word(dic_id,q_word);
                                          }
                                    }
              
                            }
                    if(panel=='buty_knows'){
                      $('button[name=search_dic_bt]').text('找知識');
                      $('#buty_knows_search_form').show();
                      bind_search('knows'); 
                            var tc=$('#buty_knows').html();
                            if(tc==''){
                                       loading_buty_knows(); 
                                  }
                               if($.cookie('after_run')==1){
                                   if($.cookie('run_fun')=='load_knows'){
                                          var book_id=$.cookie('book_id');
                                          load_knows(book_id);
                                    }
                                }    
                       }
                     if(panel=='buty_knows_home'){
                             
                             $('#buty_knows_search_form').hide();
                     }         
             }});
             
                var menu_div='buty_knows_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();
                           
                               $("#buty_knows_menu").tabs().click(idx);  
                             $("#"+menu_div+' .cart_tabs').each(function (){
                                   var vid=$(this).attr('id');
                                   $(this).attr('src','images/butyknows/'+vid+'_48a.png');
                            });
                            var cid=tabs[idx];
                            $('#'+cid).attr('src','images/butyknows/'+cid+'_48c.png');
                            
                            
                     }
                }); //子選單 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/butyknows/'+bid+'_48b.png');                             
                      }  
               },function (){
                      var tab=$("#"+menu_div).tabs().getCurrentTab().attr('id');
                      var bid=$(this).attr('id');
                      if(tab!=bid){
                                $(this).attr('src','images/butyknows/'+bid+'_48a.png');                             
                      }   
               });
              /*
              $("#buty_knows_sub_menu").tabs("#buty_knows_sub_menu div.buty_knows_panel", {
                                   tabs: 'button',current:'buty_knows_current',
                                   effect: 'horizontal',onClick:function(index){
                                        var idx=$("#buty_knows_sub_menu").tabs().getIndex();
                                        
                                              $("#buty_knows_menu").tabs().click(idx);
                                    }
                  });
                  
               */   
                  
                    load_hot_words(); 
                    load_rand_knows();
                   
                  if($.cookie('after_run')==1){
                      if($.cookie('run_fun')=='load_word'){
                       
                          //$("#buty_knows_menu").tabs().click(2);
                          $("#buty_knows_sub_menu").tabs().click(2);
                     }
              }
              
      });
}