// 定义

// 搜索组件

$.fn.UIsearch = function(){

    var ui = $(this)

    $('.ui-search-selected',ui).on('click',function () {

        $('.ui-search-select-list').show();

        return false;

    })

    $('.ui-search-select-list a',ui).on('click',function () {

        $('.ui-search-select-list').hide();

        $('.ui-search-selected').text($(this).text());

        return false;

    })

    $('body').on('click',function () {

        $('.ui-search-select-list').hide();

    })

}

// ui-tab  定规

/**

 * @param {string} header TAB组件，所有选项卡  .item

 * @param {string} content TAB组件，内容区域所有 .item

 * @param {string} focus_prefix   选项卡高亮样式前缀  可选

 **/

$.fn.UiTab = function (header,content,focus_prefix) {

    var ui = $(this);

    var tabs = $(header,ui);

    var cons = $(content,ui);

    var focus_prefix = focus_prefix || '';

    tabs.on('click',function () {

        var index = $(this).index();

        console.log(index);

        tabs.removeClass(focus_prefix + 'item_focus').eq(index).addClass(focus_prefix + 'item_focus');

        // cons.css('display','none').eq(index).css('display','block');

        cons.hide().eq(index).show();

        return false;

    })

}

// ui-slider

/**

 * 1. 左右箭头需要能控制翻页

 * 2. 翻页的时候，进度点，要联动进行focus

 * 3. 翻到第三页的时候，下一页需要回到  第一页，翻到第一页的时候，同理

 * 

 * 4. 进度点，在点击的时候，需要切换到对应的页面

 * 

 * 5.没有（进度点点击、翻页操作）的时候需要进行自动滚动

 * 6.滚动过程中，屏蔽其他操作（自动滚动、左右翻页、进度点点击）

 * 

 * 7.高级无缝滚动

 */

$.fn.Uislider = function () {

    var ui = $(this);

    var wrap = $('.ui-slider-wrap');

    var prev = $('.ui-slider-arrow .left');

    var next = $('.ui-slider-arrow .right');

    var items = $('.ui-slider-wrap .item');

    var tips = $('.ui-slider-process .item');

    // 预定义

    var current = 0;

    var size = items.length;

    var width = items.eq(0).width();

    // console.log(wrap);

//    具体操作

    wrap.on('move_prev',function () {

        current = current - 1;

        if (current < 0) {

            current = size - 1;

        }

        wrap.triggerHandler('move_to',current)

    })

    .on('move_next',function () {

        current = current + 1;

        if (current > size - 1) {

            current = 0;

        }

        wrap.triggerHandler('move_to',current)

    })

    .on('move_to',function (evt,index) {

        wrap.css("left",index*width*-1);

        tips.removeClass('item_focus').eq(index).addClass('item_focus');

    })

    // 事件

    prev.on('click',function () {

        // current = current - 1;

        wrap.triggerHandler('move_prev');

    });

    next.on('click',function () {

        wrap.triggerHandler('move_next');

    });

    tips.on('click',function () {

        var index = $(this).index();

        current = index;

        wrap.triggerHandler('move_to',index)

    });

}

$.fn.UiBackTop = function (){

    var ui = $(this);

    var el = $('<a href = "#" class="ui-backtop"></a>');

    ui.append(el);

    var windowHeight = $(window).height();

    $(window).on('scroll',function () {

        var top = $('body,html').scrollTop();

        if (top > windowHeight) {

            el.show();

        } else {

            el.hide();

        }

    })

    el.on('click',function () {

        $('body,html').animate($('body,html').scrollTop() = 0)

    })

}

// 页面脚本逻辑

$(function () {

    $('.ui-search').UIsearch();

    $('.content-tab').UiTab('.caption > .item','.block > .item');

    $('.block > .item').UiTab('.block-caption > a','.block-content > .block-wrap','block-caption-');

    $('body').UiBackTop();

    $('ui-slider').Uislider()

})