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


var $item = $('li', '.qrctxt');
var len = $item.length, slide;
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');
    });
}

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();
    window.print();
    return false;
});