
function show_media_gallery(cid,mdir,nums){
             
          
   
         $('#media_pic_form').remove();
         $('#ctss').remove();
         jQuery("<div/>", {id: "media_pic_form"}).addClass('media_pic_form_overlay').appendTo("body");
         var ct_str='<div class="close"></div>';
         ct_str+='<div class="media_gallery_scroll">';
                 ct_str+='<div id="m_left_arrow" class="md_arrow">&nbsp;</div>';
                   ct_str+='<div id="media_gallery_scroll">';
                          ct_str+='<div class="madia_items"></div>';
                     ct_str+='</div>'; 
                ct_str+='<div id="m_right_arrow" class="md_arrow">&nbsp;</div>';
         ct_str+='</div>';
        
         ct_str+='<div id="ctss" class="m_pic_content"></div>';
         $('#media_pic_form').html(ct_str);
         $('#ctss').html('<center><img src=""></center>');
           var items='';
         //==========================================================================
          $.ajax({
          		  type: 'post', 
                url: 'modules/about_us.php',
                dataType: 'json',      
                data: {query_op:'load_media_files',mid:mdir   },
                complete :function(){},
                success: function(rt){
                      var count=rt.count;  
                      var page=Math.ceil(count/7); 
                        
                     if(count>0){ 
                        var rtm=rt.m_files;
                        
                       $('#ctss').find('img').attr('src','public_media/items/'+mdir+'/'+rtm[0].mf_id+'.png');
                        var ct=0;
                       for(var j=0;j<page;j++){
                          var pd_str='';      
                          
                          for(var i=1;i<=7;i++){
                            
                             if(ct<count){
                                 var mfid=rtm[ct].mf_id; 
                               
                                   pd_str+='<div class="media_gallery_item" style=" background-image:url(public_media/items/'+mdir+'/s_pic/'+mfid+'.png)" name="'+mfid+'">';
                                   pd_str+='<img src="images/about_buty/photo_bg_02.png" style="width:177px;height:144px;">';
                                   pd_str+='</div>';
                              } 
                             ct++;
                              
                          }
                        
                         items+=pd_str;
                        
                       }       
                      } 
                        $('#media_gallery_scroll .madia_items').html(items);
                         $('.media_gallery_item').click(function(){
                          var mfid=$(this).attr('name');
                          
                          $('#ctss').html('<div style="height:800px;float:left;width:900px;background-color:#f9f9f9">1234</div>');
                          $('#ctss').html('<center><img src="public_media/items/'+mdir+'/'+mfid+'.png"></center>');
                    });  
                  }
                });
         //==================================================================================        
         
          
       
         
         $("#media_gallery_scroll").scrollable({
                              mousewheel: true,
                              next:'#m_right_arrow',
                              prev:'#m_left_arrow'
         });
 
         $('#media_pic_form').width('960px').height('auto').css('margin','0 auto');
             var media_pic_form=$('#media_pic_form').overlay({
              api:true,fixed:false,speed:'slow',expose: {color: '#333',loadSpeed: 200,opacity: 0.9},
                  onBeforeLoad:function (){   }
                  });
              media_pic_form.load();
          
         
}

function show_media_pic(files){
         $('#media_pic_form').remove();
         $('#ctss').remove();
         jQuery("<div/>", {id: "media_pic_form"}).addClass('media_pic_form_overlay').appendTo("body");
         $('#media_pic_form').html('<div class="close"></div><div id="ctss" class="m_pic_content"></div>');
         $('#ctss').html('<img src="public_media/items/'+files+'">');

         $('#media_pic_form').width('960px').height('auto');
              var media_pic_form=$('#media_pic_form').overlay({
              api:true,fixed:false,speed:'slow',expose: {color: '#333',loadSpeed: 200,opacity: 0.9},
                  onBeforeLoad:function (){      }
                  });
              media_pic_form.load();
         
}

function load_about_buty_page(cid){   

  var medias=[ 'buty_media','buty_community','buty_responsibility','buty_certification'];
   
    if(medias.in_array(cid) ){ 
            $('#ab_'+cid+'_panel').load('modules/tpl/about_us_tpl.php',{tpl_op:'get_page',page:cid},function(){
                    $('.pulic_media_img').click(function (){
                             var nums=$(this).attr('name');
                             var mtype=$(this).parent().attr('name');
                             var mdir=$(this).parent().parent().attr('name');
                             var mf_id=$(this).parent().parent().attr('ref'); 
                             
                             if(mtype=='pic'){
                                if(nums==1){
                                   show_media_pic( mdir+'/'+mf_id+'.png');
                                 }else{
                                   show_media_gallery(cid,mdir,nums);
                                 }
                             }
                             if(mtype=='video'){
                                  
                                  var fp='public_media/items/'+mdir+'/'+mf_id;
                                 
                                  var sr_height=$(this).find('input[name=sr_height]').val();
                                  var sr_width=$(this).find('input[name=sr_width]').val();
                                    var cr_mem=$.cookie('mem_id');
                                              if(cr_mem=='sakerlin'){
                                                debug_out(fp);
                                              }
                                 show_newhand_video(sr_width,sr_height,fp);
                             }
                    });    
                    
                                
             });
      }
      //關於buty
    if(cid=='buty_about'){
            $('#ab_'+cid+'_panel').load('modules/tpl/about_us_tpl.php',{tpl_op:'get_page',page:cid},function(){
                $('.buty_about_big_pic').click(function (){
                       var pic=$(this).attr('name');
                      show_media_pic('buty_about/'+pic);
                      
                });
                
                $('.font_adj').hover(function (){
                     var cr_class=$(this).attr('class').split(' ').slice(-1);
                               if(cr_class!='ft_selected'){
                                  var pic=$(this).attr('name');
                                  $(this).css('background-image','url(images/about_buty/'+pic+'a.png)')
                               }
                
                },function (){
                       var cr_class=$(this).attr('class').split(' ').slice(-1);
                               if(cr_class!='ft_selected'){
                                  var pic=$(this).attr('name');
                                  $(this).css('background-image','url(images/about_buty/'+pic+'.png)')
                               }
                
                
                });
                $('.font_adj').click(function (){
                       var id=$(this).attr('id');
                       if(id=="font_mid_bt"){
                           $('.buty_about_text').css('font-size','14px');
                           
                       }
                       if(id=="font_sml_bt"){
                           $('.buty_about_text').css('font-size','12px');
                       }
                         $('.font_adj').each(function (){   $(this).removeClass('ft_selected');});
                
                         $(this).addClass('ft_selected');
                         $('.font_adj').each(function (){
                               var cr_class=$(this).attr('class').split(' ').slice(-1);
                               if(cr_class!='ft_selected'){
                                  var pic=$(this).attr('name');
                                  $(this).css('background-image','url(images/about_buty/'+pic+'.png)')
                               }
                         });
                });
     });
     }
     
     //加盟
      if(cid=='buty_join'){
             $('#ab_'+cid+'_panel').load('modules/tpl/about_us_tpl.php',{tpl_op:'get_page',page:cid},function(){
                     $('div[name=join_link_01]').click(  function (){
                       load_about_buty_page('buty_join');
                       }
                     );
                     
                      $('div[name=join_link_02]').click(  function (){
                       load_about_buty_page('join_step2');
                       }
                     );
                     $('div[name=join_link_03]').click(  function (){
                       load_about_buty_page('join_step3');
                       }
                     );
             
             });
      
      }
      //加盟評估
      if(cid=='join_step2'){
                $('#ab_'+cid+'_panel').load('modules/tpl/about_us_tpl.php',{tpl_op:'get_page',page:cid},function(){
                     $('div[name=join_link_01]').click(  function (){
                       load_about_buty_page('buty_join');
                        $("#about_buty_menu").tabs().click(5);
                       }
                     );
                     
                      $('div[name=join_link_02]').click(  function (){
                       load_about_buty_page('join_step2');
                        $("#about_buty_menu").tabs().click(7);
                       }
                     );
                     $('div[name=join_link_03]').click(  function (){
                       load_about_buty_page('join_step3');
                        $("#about_buty_menu").tabs().click(8);
                       }
                     );
                     $('span[name=join_link_03]').click(  function (){
                       load_about_buty_page('join_step3');
                        $("#about_buty_menu").tabs().click(8);
                       }
                     );
             
             });
      } 
      //加盟申請表 
      if(cid=='join_step3'){
               $('#ab_'+cid+'_panel').load('modules/tpl/about_us_tpl.php',{tpl_op:'get_page',page:cid},function(){
                     $('div[name=join_link_01]').click(  function (){
                           load_about_buty_page('buty_join');
                       }
                     );
                     
                      $('div[name=join_link_02]').click(  function (){
                            load_about_buty_page('join_step2');
                            $("#about_buty_menu").tabs().click(7);
                       }
                     );
                     $('div[name=join_link_03]').click(  function (){
                       load_about_buty_page('join_step3');
                       $("#about_buty_menu").tabs().click(8);
                       }
                     );
                     
                     $('button[name=send_cooper_mail]').click(
                       function (){
                           var cooper_type=$('input[name=cooper_type]').val();
                           var cooper_name=$('input[name=cooper_name]').val();
                           var cooper_email=$('input[name=cooper_email]').val();
                           var cooper_tel=$('input[name=cooper_tel]').val();
                           var cooper_addr=$('input[name=cooper_addr]').val();
                           
                           var cooper_area=$('input[name=cooper_area]').val();
                           var cooper_area_use=$('input[name=cooper_area_use]').val();
                           var cooper_rent=$('input[name=cooper_rent]').val();
                           var cooper_owner=$('input[name=cooper_owner]').val();
                           var cooper_why=$('textarea[name=cooper_why]').val();
                           var err=0; var err_Str='';
                            
                          if(cooper_name==''){ err++;err_Str+='請輸入姓名！'+"\n";}
                          if(cooper_email==''){ err++;err_Str+='請輸入Email！'+"\n";}
                          if(cooper_tel==''){ err++;err_Str+='請輸入聯絡電話！'+"\n";}
                         
                          if(err==0){
                           if(confirm('送出加盟申請表？')){
                            $('button[name=send_cooper_mail]').attr('disabled',true);
                            $.ajax({
                    	          type: 'post', 
                                  url: 'modules/member_data.php',
                                  dataType: 'html',      
                                  data: {  query_op:'send_mail_to_rogerch',
                                           cooper_type:cooper_type,
                                           cooper_name:cooper_name,
                                           cooper_email:cooper_email,
                                           cooper_tel:cooper_tel,
                                           cooper_addr:cooper_addr,
                                           cooper_area:cooper_area, 
                                           cooper_area_use:cooper_area_use,
                                           cooper_rent:cooper_rent,
                                           cooper_owner:cooper_owner,
                                           cooper_why:cooper_why 
                                             },
                                  complete :function(){},                             
                                  success: function(rt){
                                            if(rt==1){
                                                
                                                alert('加盟申請表已送出！');
                                                 setTimeout(function (){ $('button[name=send_cooper_mail]').attr('disabled',false);},2500); 
                                               $('#join_step3 input').each(function (){
                                                               var itype=$(this).attr('type');
                                                               if(itype=='text'){
                                                                       $(this).val('');
                                                               }
                                                            });
                                                   $('#join_step3 textarea').each(function (){
                                                                       $(this).val('');
                                                             });
                                            }                                                                      
                                    }     
                    	        });  
                                }
                              }else{
                                 alert(err_Str);
                              }   
                       }
                     );
             
             });
      }    
        if(cid=='buty_proxy'){
               $('#ab_'+cid+'_panel').load('modules/tpl/about_us_tpl.php',{tpl_op:'get_page',page:cid},function(){
                     
             
             });
      }       
     
} 


//關於buty初始化 
function  page_about_us_init(){
var tabs= ['buty_about','buty_media','buty_community','buty_responsibility','buty_certification','buty_join','buty_proxy'];
    $('#page_about_us').load('modules/tpl/about_us_tpl.php',{tpl_op:'main_tpl'},function(){       
            //=======================================================================
            var menu_div='about_us_sub_menu';
            $("#about_buty_menu").tabs("div.about_buty_panel",{  effect: 'fade'});
            $("#"+menu_div).tabs("#"+menu_div+" div.cart_panel", {
                	tabs: 'img.cart_tabs', 
                	effect: 'horizontal',onClick:function(index){
                            var idx=$("#"+menu_div).tabs().getIndex();
                             $("#about_buty_menu").tabs().click(idx);    
                             $("#"+menu_div+' .cart_tabs').each(function (){
                                   var vid=$(this).attr('id');
                                   $(this).attr('src','images/about_buty/'+vid+'_48a.png');
                            });
                            var cid=tabs[idx];
                            //分頁檢視追蹤
                                var sl=cid.length-5; 
                                var sub_menu=cid.substr(5,sl);
                               // var pageTracker = _gat._getTracker("UA-17326351-1");
                               // pageTracker._trackPageview("/page/about_us/"+sub_menu);
                             var cr_mem=$.cookie('mem_id');
                              if(cr_mem=='sakerlin'){
                                   debug_out("/page/about_us/"+sub_menu);
                              }
  
                            $('#'+cid).attr('src','images/about_buty/'+cid+'_48c.png');
                              load_about_buty_page(cid); 
                            
                     }
                }); //子選單 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/about_buty/'+bid+'_48b.png');                             
                      }  
               },function (){
                      var tab=$("#"+menu_div).tabs().getCurrentTab().attr('id');
                      var bid=$(this).attr('id');
                      if(tab!=bid){
                                $(this).attr('src','images/about_buty/'+bid+'_48a.png');                             
                      }   
               });
            //=======================================================================
            var go_tab=$.cookie('about_us_go_tab')*1;
             
            if(go_tab!=''){
                 $("#about_us_sub_menu").tabs().click(go_tab);
                 $.cookie('about_us_go_tab','0')
            }
     });
              
}
