var $ = require('yoho-jquery');
var Slide = require('../plugins/yohoui/YH.slide');


var $item = $('li', '.qrctxt');
var len = $item.length, slide;

require('../common');

// var src=/url\("([^'"]*)"\)/g.exec($(".print_qrcode").css("background"))[1];
// $(".print_qrcode").find("img").attr("src",src);

function slideDo(to) {
    $item.each(function(index) {
        index === to ? $(this).stop().animate({
            opacity: 1,
            zIndex: 1
        }, 400) : $(this).stop().animate({
            opacity: 0,
            zIndex: 0
        }, 400);
        to === 0 ? $('.prev').addClass('gray') : $('.prev').removeClass('gray');
        to === len - 1 ? $('.next').addClass('gray') : $('.next').removeClass('gray');

        $('#qrid').html($item.eq(to).find('.bianhao').find('i').html());
    });
}

slideDo(0);

slide = new Slide({
    length: len,
    loop: false,
    auto: false,
    timeout: 2,
    index: 0
});
slide.on('change', function(data) {
    slideDo(data.to);
});
$('.prev', '.qrcmain-switch').click(function() {
    slide.prev();
});
$('.next', '.qrcmain-switch').click(function() {
    slide.next();
});
$('.btn-qcode').click(function() {
    var html = ['<ul>'];
    $('.center', '.qrctxt').each(function() {
        html.push('<li>');
        var src = $(this).find('img').attr('src');
        html.push('<img src=\'' + src + '\'/>');
        var bianhao = $(this).find('.bianhao').text();
        html.push('<p>' + bianhao + '</p>');
        var zuoweihao = $(this).find('.zuoweihao').text();
        if (zuoweihao) {
            html.push('<p>' + zuoweihao + '</p>');
        }
        html.push('</li>');
    });
    html.push('</ul>');

    $('.print_content').html(html.join(''));
    document.body.innerHTML = $('#print_wrap').show().html();
    setTimeout(function(argument) {
        window.print();
    },1000);
    return false;
});