/*==============================================

 * js公共库 用于自定义
 * copyright 2016 xb, inc. author wanghao 
 * licensed xiaomingtech
 */

$(document).ready(function(){

  /*页面控制*/
  ;(function($){

      //渲染radio
      // $('.xb-radio').each(function(){
      //     $this = $(this);
      //     var input_hidden = $this.find('input[type=hidden]').eq(0);
      //     //初始化 radio
      //     $(this).find('label').on('click',function(){
      //         $(this).addclass('checked');
      //         $(this).siblings().removeclass('checked');
      //         input_hidden.val($(this).attr('data-value'));
      //     })

      //     $(this).find('label.checked').click();
      // })
      


      //解除浏览器拖拽事件
      var $img = $("img");
      var moving = function(event){
          //something
      }

      //ie下需要在document的mousemove里面取消默认事件;要用原生js的事件不能用jquery
      // document.onmousemove = function(e){
      //     var ev = e || event;
      //     ev.cancelbubble=true;
      //     ev.returnvalue = false;
      // }

      $img.mousedown(function(event){
          //ff下需要在mousedown取消默认操作;
          event.preventdefault();
          event.stoppropagation();
          $(this).bind("mousemove",moving);    
      })
      
      //图片延迟加载提升性能
      $('img.lazy').lazyload({
        effect:'fadein'
      });

      // slider
      var fullslide = $('.full-slide');
      var effectarr = ['cube','cuberandom','block','cubestop','circles','cubespread','blindwidth','circlesinside','fade','horizontal']
        function radom() {
            return parseint(math.random()*10) 
        }
        // fullslide.find('img').each(function(e){
        //     $(this).addclass(effect[radom()]);
        // })
        fullslide.skitter({
            label: false,
            numbers: false,
            theme: 'minimalist',
            show_randomly:true,
            navigation:true,
            with_animations:effectarr
        }); 


      // index focus
      jquery(".slidebox").slide({maincell:".bd ul",autoplay:true,effect:"leftloop"});
      // looking focus
      jquery(".looking-slidebox").slide({maincell:".bd ul",autoplay:true,effect:"leftloop"});


      // 客服
      var kefufull = $('#xb_kefu_full');
      var kefutop = $('#xb_kefu_top');
      var kefuinfo = kefufull.find('#xb_kefu_info');//info


      // info
      kefufull.find('li').hover(function(){
          $(this).find('#xb_kefu_info').css('right','105%');
      },function(){
          $(this).find('#xb_kefu_info').css('right','120%');
      });

      // top close
      $(window).scroll(function() {
        var scrolly = $(document).scrolltop();
        if (scrolly >600){
          kefutop.addclass('xb_kefu_top_css');
          // kefuclose.addclass('xb_kefu_close_css');
        }else {
          kefutop.removeclass('xb_kefu_top_css');
          // kefuclose.removeclass('xb_kefu_close_css');
        }
      });

     kefutop.click(function(){
            $('html,body').animate({scrolltop:0},'slow');
      });

     // 返回顶部
     $('#topclick').click(function(){
            $('html,body').animate({scrolltop:0},'slow');
      });

    // 城市选择
    $('#add-switch').click(function(){
      layer.open({
      type: 1 //page层类型
      ,area: ['500px', 'auto']
      ,title: '选择城市'
      ,shade: 0.6 //遮罩透明度
      ,maxmin: false //允许全屏最小化
      ,anim:0 //0-6的动画形式，-1不开启
      ,content:$('.add-switch'),
      scrollbar: false
      // success: function(layero, index){
      //  layero.find('.send').click(function(){
      //    layer.close(index);
      //  })
      //}
      });
    })

    // 客户反馈
    jquery(".feedback-roll").slide({titcell:".hd ul",maincell:".bd ul",autopage:true,effect:"left",prevcell:".sprev",nextcell:".snext",autoplay:true,vis:4});
    // 客户留言
    jquery(".feedback-list").slide({titcell:".hd ul",maincell:".bd .ulwrap",autopage:true,effect:"left",autoplay:true,vis:1});
    jquery(".focus-gongdi").slide({maincell:"#pic ul",effect:"left", autoplay:false,delaytime:200});
    jquery(".brand-list").slide({titcell:".hd ul",maincell:".bd .ulwrap",autopage:true,effect:"leftloop", autoplay:true,vis:2});
    jquery(".looking-detail").slide({effect:"left"});
    jquery(".threed-model").slide({titcell:".hd ul",maincell:".bd ul",autopage:true,effect:"left",autoplay:true,vis:3,trigger:"click"});
    // 缩略切换
    jquery(".slide-thumbnail").slide({maincell:"ul",vis:6,prevcell:".sprev",nextcell:".snext",effect:"left",autopage:true,autoplay:true});
    // 图像切换
    jquery(".casepics").slide({ maincell:".bd ul",effect:"left",autoplay:true});
    // 工地切换
   /*  $('.list-switch').find('li').mouseover(function(){
      $(this).addclass('active').siblings().removeclass('active');
    }) */
   /*  $('#gongdi-switch').find('#tabs').tabs("#list-gongdi>ul",{event:'mouseover',tab:'div',tabs:'li',effect: 'default',current:'active',fadeinspeed:600}); */
    jquery(".gongdi-progress").slide();

    jquery(".progress-atlas").slide({titcell:".hd ul",maincell:".bd ul",autopage:true,effect:"left",prevcell:".sprev",nextcell:".snext",autoplay:true,vis:3});
    
    // 户型图查看
    $('.list-layout .list-item').click(function(){
      var layimg = $(this).find('.item-media').html();
      var laytitle = $(this).find('.item-content a').html();
      layer.open({
        type: 1,
        title:'查看'+laytitle,
        closebtn: 1,
        area: ['auto', 'auto'],
        skin: 'layui-layer-nobg', //没有背景色
        shadeclose: true,
        content:layimg
      });
    })
    jquery(".designer-album").slide({maincell:".bd ul",effect:"leftloop",prevcell:".daprev",nextcell:".danext",autoplay:true});

    // 灵感图库查看
    // $('.list-screen .list-item').click(function(){
    //   var layimg = $(this).find('.item-media').html();
    //   var laytitle = $(this).find('.item-content a').html();
    //   layer.open({
    //     type: 1,
    //     title:'查看'+laytitle,
    //     closebtn: 1,
    //     area: ['auto', 'auto'],
    //     skin: 'layui-layer-nobg', //没有背景色
    //     shadeclose: true,
    //     content:layimg
    //   });
    // })


    // 缩略切换
    jquery(".designpics-thumbnail").slide({maincell:"ul",vis:7,prevcell:".dpprev",nextcell:".dpnext",effect:"left",autopage:true,autoplay:true});
    // 图像切换
    jquery(".designpics").slide({ maincell:".bd ul",effect:"left",autoplay:true});
     // 栏目切换
    jquery(".nav-experience").slide({ maincell:"ul",vis:5,prevcell:".neprev",nextcell:".nenext",effect:"leftloop"});
    // 学装修封面页切换
    jquery(".study-column").slide();
    jquery(".baike-model").slide({titcell:".hd ul",maincell:".bd ul",autopage:true,effect:"left",autoplay:true,vis:3,trigger:"click"});
    // 历程
    jquery(".list-course").slide({maincell:".bd ul",autopage:true,effect:"left",prevcell:".lcprev",nextcell:".lcnext",autoplay:true,vis:4,trigger:"click"});

    var footyuyue = $('#foot-yuyue');
      var footyuyueform = $('#foot-yuyue').find('#foot-yuyue-form');
      var footyuyueopen = $('#foot-yuyue').find('.openbtn');
      var footyuyueclose = $('#foot-yuyue').find('.closebtn');
      
      footyuyueclose.click(function(){
        footyuyue.animate({'bottom':'-150px'},function(e){
          footyuyueopen.animate({'bottom':'10px'});
          footyuyueopen.click(function(e){
            footyuyueopen.animate({'bottom':'-110px'});
            footyuyue.animate({'bottom':'0px'});
          });

        })
      })

  })(jquery)
//end ready
})

/**
 * author mr wanghao 2016-06-02
 * 滑动跳转构造函数
 */
function ascroll(id,event) {  
  var h = $('#' + id).offset().top;//- parseint($('.header').css('height'))-60;
  $("html, body").stop(true,true).animate({
      scrolltop: h + "px"
    }, 
    {
      duration: 600,
      easing: "swing"
    });

  return false;
}  

/**
 * 弹出式图集相册基于unitegallery制作2016-06-02
 * author mr wanghao
 * @id： 分类id
 * @element： 事件对象
 * @_index:对象索引
 * @_url:ajax url
 * 数据格式： json：'<img alt="'+ json.alt +'" src="'+ json.thumbs +'" data-image="'+ json.dataimage +'" data-description="'+json.datadescription+'">';
 */
//构造函数
function showgallery(id,element,_index,_url){

  //相册画廊
  var gallery = '<div class="gallery-container" id="gallery-container">';
      gallery+='     <div id="gallery" style="display:none;">';
      gallery+='     </div>';
      gallery+='     <a href="javascript:" title="上一个图集" class="ug-btn-prev">\<<a><a class="ug-btn-next" title="下一个图集" href="javascript:" class="ug-btn-next">\><a>';
      gallery+='</div>';
  
  //遮罩层
  var maskhtml = '<div id="pagemask" style="display:table;background: rgba(0, 0, 0, 0.6) !important;background-color: #000000;filter: alpha(opacity=60);position:fixed;left:0;top:0;">'+ gallery +'</div>';
  
  //创建遮罩和相册
  $('body').append(maskhtml);
  
  //*添加图集数据  可以是外部数据，例如ajax
  var datalist = '';
    //datalist += '<img alt="preview image 1" src="images/thumbs/thumb1.jpg" data-image="images/big/image1.jpg" data-description="preview image 1 description">';
  var len ;
  // 构造函数
  function getdata (id,url){
    datalist=null;//清空数据

    $.ajax({ 
      type: "get",
      url: url+'?id='+id, 
      datatype: "json",
      success: function(data){
        $.each(data,function(index,json){ 
          
          datalist += '<img alt="'+ json.alt +'" src="'+ json.thumbs +'" data-image="'+ json.dataimage +'" data-description="'+json.datadescription+'">';
        }) 
        
        len = data.length;
        $('#gallery').append(datalist);
      }
    });
  }

  //初始化
  getdata(id,_url);
  //请求完毕-》渲染相册
  $(document).ajaxsuccess(function(){
      //alert("ajax 请求完成");
      var api = jquery("#gallery").unitegallery();
    //适应浏览器宽高
    var galleryheight; //相册高度
    var gallerycontainer; //相册容器
    var pagemask = $('#pagemask'); //遮罩
    var gallerybox = $('#gallery'); //相册
    var btncontrol = $('#btncontrol');
    var btnprev = $('.ug-btn-prev'); //控制
    var btnnext = $('.ug-btn-next');  
    var myelement = $(element);

    function fit(galleryheight){
      win_height = $(window).height();
      win_width = $(window).width();
      galleryheight = gallerybox.css('height');
      //alert(galleryheight)
      $('#pagemask').css({'width':win_width,'height':win_height});
      gallerycontainer = $('#gallery-container');
      gallerycontainer.css({
        'width':win_width,
        'height':'auto',
        'top':'50%',
        'margin-top':-parseint(galleryheight)/2
      }); 
    }
    //初始化fit
    fit();
    //窗口变化的时候
    $(window).resize(function() {
      galleryheight = gallerybox.css('height');
      fit(galleryheight);
      
    })
    //点击遮罩关闭
    pagemask.click(function(event){
      $(this).off();
      btnprev.off();
      btnnext.off();
      $(this).remove();
    })
    //阻止点击冒泡
    gallerybox.click(function(event){
      
      event.stoppropagation();
    })

    //下一个图集
    btnnext.on('click',function(e){
      //api.previtem();
      event.stoppropagation();
      //元素索引++
      elementindex++;
      if (elementindex>=myelement.length) {
         elementindex = myelement.length-1;  
      };
      //id
      var cid = myelement.eq(elementindex).attr('cateid');
      console.log(cid);
      jquery("#gallery").empty();
        getdata(cid,_url);
        settimeout(function (){
        api = jquery("#gallery").unitegallery();
      },200)
      
    })

    btnprev.on('click',function(e){
      //api.previtem();
      event.stoppropagation();
      elementindex--;
      if (elementindex<=myelement.length-1) {
        elementindex = 0; 
      };

      //id;
      var cid = myelement.eq(elementindex).attr('cateid');
      
      jquery("#gallery").empty();
        getdata(cid,_url);
        settimeout(function (){
        api = jquery("#gallery").unitegallery();
      },200)  

    })
  });


}
//end show gallary