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 show_about_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/'+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_about_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')
}
});
}