$(document).ready(function () {


    var searchBook = function () {
        var query = $('.key-word').val();
        if (query.replace(/\s+/, "") === "") {
            return false;
        }
        $.ajax({
            url: 'https://api.douban.com/v2/book/search?alt=xd&q=' + query,
            dataType: "jsonp",
            success: function (json) {
                console.log(json);
                showBooks(json);
            }
        });

    }

    var showBooks = function (json) {
        $('.books').empty().append('<p>共<b>' + json.count + '</b>条结果</p>');
        var books = json.books;
        books = $.isArray(books) ? books : books.toArray()
        for (var i = 0; i < books.length; i++) {
            var book = $('<div class="row-fluid"></div>');
            var coverImage = $('<div class="span2"></div>');
            var info = $('<div class="span5"></div>');
            //info detail
            title = $('<h4>' + books[i].title + '</h4>');
            info.append(title);
            if (books[i].author && books[i].author.length > 0) {
                var author = $('<p>作者：' + books[i].author[0] + '</p>');
                info.append(author);
            }
            if (books[i].isbn13) {
                var isbn = $('<p>ISBN:' + books[i].isbn13 + '</p>');
                info.append(isbn);
            }
            if (books[i].publisher) {
                var publisher = $('<p>出版社：' + books[i].publisher + '</p>');
                info.append(publisher);
            }
            coverImage.append('<img class="cover" src="' + books[i].image + '" />');
            var tempForm = '<div class="span3"><form method="post" action="/books">'
                + '<input hidden="true" name="image" value="' + books[i].image + '"/>'
                + '<input hidden="true" name="title" value="' + books[i].title + '"/>'
                + '<input hidden="true" name="isbn" value="' + books[i].isbn13 + '"/>'
                + '<input hidden="true" name="author" value="' + books[i].author[0] + '"/>'
                + '<select name="is_public" style="margin: 0px 10px 0 0;"><option value="true">公开</option><option value="false">不公开</option></select>'
                + '<button class="btn btn-primary add-to-lib"><i class="icon-plus"></i>添加至书库</button>'
                + '</form></div>';
            var addToLib = $(tempForm);
            book.append(coverImage).append(info).append(addToLib);
            $('.books').append(book).append('<hr>').hide().show('slow');

        }

    }

    $('.search-book').bind('click', searchBook);


});