jQuery(function($) {
    
    function clearTip(){
        $t = $(this);
        if ($t.hasClass('tip')) {
            $t.removeClass('tip').val('');
        }
        
    }

    $('form#product_fastsearch').show().submit(function(){
        if (!$(this).hasClass('changed')) {
            return false;
        }
        return true;
    });
    $('.product_autocomplete').addClass('tip').click(clearTip).focus(clearTip).change(function() {
        $('form#product_fastsearch').addClass('changed');
    }).autocomplete('/api/products/product_search/', {
        width: '250px',
        scrollHeight: '600px',

        parse: function(data) {
            var parsed = [];
            var rows = eval('(' + data + ')');

            $.each(rows, function(idx) {
                parsed[parsed.length] = {
                    data: this,
                    value: this.article_number,
                    result: this.article_number
                };
            });

            return parsed;
        },
        formatItem: function (row) {
            var t = '';

            if (row.thumbnail) {
                t = '<img src="' + row.thumbnail + '" />';
            }

            return '<div class="title">' + row.name + '</div>' +
            '<div class="article_number">' + row.article_number + '</div>' +
            '<div class="thumbnail">' + t + '</div>' +
            '<div class="info">' +
                '<table>' +
                    '<tr>' + 
                        '<td>Pris</td>' +
                        '<td>' + row.price_f + '</td>' +
                    '</tr>' +
                    
                    '<tr>' + 
                        '<td>Lagersaldo</td>' +
                        '<td>' + row.amount + '</td>' +
                    '</tr>' +
                '</table>' +
            '</div>';
        }
    });

});