fineuploader

<div id="restricted-fine-uploader"></div>
            <div style="clear:both;"></div>
                        <div style="clear:both;"></div>

            <script>
                $(document).ready(function() {

                    $('.qq-upload-delete').on('click', function(evt) {
                        evt.preventDefault();
                        var parent = $(this).parent()
                        var result = confirm('Это действие не может быть отменено. Вы уверены, что хотите продолжить?');
                        var urlrequest = '';
                        if($(this).attr('ajaxfile')!=undefined) {
                            urlrequest = 'ajax_photo='+$(this).attr('ajaxfile');
                        } else {
                            urlrequest = 'id='+$(this).attr('photoid')+'&item='+$(this).attr('itemid')+'&code='+$(this).attr('photoname')+'&secret='+$(this).attr('photosecret');
                        }
                        if(result) {
                            $.ajax({
                                type: "POST",
                                url: 'http://site.com/index.php?page=ajax&action=delete_image&'+urlrequest,
                                dataType: 'json',
                                success: function(data){
                                    parent.remove();
                                }
                            });
                        }
                    });

                    $('#restricted-fine-uploader').on('click','.primary_image', function(event){
                        if(parseInt($("div.primary_image").index(this))>0){

                            var a_src   = $(this).parent().find('.ajax_preview_img img').attr('src');
                            var a_title = $(this).parent().find('.ajax_preview_img img').attr('alt');
                            var a_input = $(this).parent().find('input').attr('value');
                            // info
                            var a1 = $(this).parent().find('span.qq-upload-file').text();
                            var a2 = $(this).parent().find('span.qq-upload-size').text();

                            var li_first =  $('ul.qq-upload-list li').get(0);

                            var b_src   = $(li_first).find('.ajax_preview_img img').attr('src');
                            var b_title = $(li_first).find('.ajax_preview_img img').attr('alt');
                            var b_input = $(li_first).find('input').attr('value');
                            var b1      = $(li_first).find('span.qq-upload-file').text();
                            var b2      = $(li_first).find('span.qq-upload-size').text();

                            $(li_first).find('.ajax_preview_img img').attr('src', a_src);
                            $(li_first).find('.ajax_preview_img img').attr('alt', a_title);
                            $(li_first).find('input').attr('value', a_input);
                            $(li_first).find('span.qq-upload-file').text(a1);
                            $(li_first).find('span.qq-upload-size').text(a2);

                            $(this).parent().find('.ajax_preview_img img').attr('src', b_src);
                            $(this).parent().find('.ajax_preview_img img').attr('alt', b_title);
                            $(this).parent().find('input').attr('value', b_input);
                            $(this).parent().find('span.qq-upload-file').text(b1);
                            $(this).parent().find('span.qq-upload-file').text(b2);
                        }
                    });

                    $('#restricted-fine-uploader').on('click','.primary_image', function(event){
                        $(this).addClass('over primary');
                    });

                    $('#restricted-fine-uploader').on('mouseenter mouseleave','.primary_image', function(event){
                        if(event.type=='mouseenter') {
                            if(!$(this).hasClass('primary')) {
                                $(this).addClass('primary');
                            }
                        } else {
                            if(parseInt($("div.primary_image").index(this))>0){
                                $(this).removeClass('primary');
                            }
                        }
                    });


                    $('#restricted-fine-uploader').on('mouseenter mouseleave','li.qq-upload-success', function(event){
                        if(parseInt($("li.qq-upload-success").index(this))>0){

                            if(event.type=='mouseenter') {
                                $(this).find('div.primary_image').addClass('over');
                            } else {
                                $(this).find('div.primary_image').removeClass('over');
                            }
                        }
                    });

                    window.removed_images = 0;
                    $('#restricted-fine-uploader').on('click', 'a.qq-upload-delete', function(event) {
                        window.removed_images = window.removed_images+1;
                        $('#restricted-fine-uploader .flashmessage-error').remove();
                    });

                    $('#restricted-fine-uploader').fineUploader({
                        request: {
                            endpoint: 'http://site.com/index.php?page=ajax&action=ajax_upload'
                        },
                        multiple: true,
                        validation: {
                            allowedExtensions: ['png','gif','jpg','jpeg'],
                            sizeLimit: 10240000,
                            itemLimit: 50                        },
                        messages: {
                            tooManyItemsError: 'Слишком много товаров ({netItems}) будет загружено. Предел {itemLimit}.',
                            onLeave: 'Файлы загружаются, если вы оставите сейчас закачка будет отменена.',
                            typeError: '{file} имеет недопустимое расширение. Разрешенные расширения: {extensions}.',
                            sizeError: '{file} слишком большой, максимальный размер файла {sizeLimit}.',
                            emptyError: '{file} пустой, выберите файлы еще раз без этого.'
                        },
                        deleteFile: {
                            enabled: true,
                            method: "POST",
                            forceConfirm: false,
                            endpoint: 'http://site.com/index.php?page=ajax&action=delete_ajax_upload'
                        },
                        retry: {
                            showAutoRetryNote : true,
                            showButton: true
                        },
                        text: {
                            uploadButton: 'Нажмите или перетащите для загрузки изображений',
                            waitingForResponse: 'Процесс...',
                            retryButton: 'Повторить',
                            cancelButton: 'Отмена',
                            failUpload: 'Ошибка загрузки',
                            deleteButton: 'Удалить',
                            deletingStatusText: 'Удаление...',
                            formatProgress: '{percent}% из {total_size}'
                        }
                    }).on('error', function (event, id, name, errorReason, xhrOrXdr) {
                            $('#restricted-fine-uploader .flashmessage-error').remove();
                            $('#restricted-fine-uploader').append('<div class="flashmessage flashmessage-error">' + errorReason + '<a class="close" onclick="javascript:$(\'.flashmessage-error\').remove();" >X</a></div>');
                    }).on('statusChange', function(event, id, old_status, new_status) {
                        $(".alert.alert-error").remove();
                    }).on('complete', function(event, id, fileName, responseJSON) {
                        if (responseJSON.success) {
                            var new_id = id - removed_images;
                            var li = $('.qq-upload-list li')[new_id];
                                                        if(parseInt(new_id)==0) {
                                $(li).append('<div class="primary_image primary"></div>');
                            } else {
                                $(li).append('<div class="primary_image"><a title="Выберите главное изображение"></a></div>');
                            }
                                                        $(li).append('<div class="ajax_preview_img"><img src="http://site.com/oc-content/uploads/temp/'+responseJSON.uploadName+'" alt="' + responseJSON.uploadName + '"></div>');
                            $(li).append('<input type="hidden" name="ajax_photos[]" value="'+responseJSON.uploadName+'"></input>');
                        }
                                        });
                                });

            </script>
        </div>



                 <div class="actions">
                    <div id="photos"></div>
                <a href="#" onclick="addNewPhoto(); return false;">Добавить ещё фото</a>
            </div>
                        <div class="publish-hook">
            <script type="text/javascript">
    var catPriceEnabled = new Array();
    catPriceEnabled[98] = 1;catPriceEnabled[96] = 1;catPriceEnabled[97] = 1;catPriceEnabled[99] = 0;    $("#catId").change(function(){
        var cat_id = $(this).val();
                var url = 'http://site.com/index.php';
                var result = '';

        if(cat_id != '') {
            if(catPriceEnabled[cat_id] == 1) {
                $("#price").closest("div").show();
                                // trigger show-price event
                                $('#price').trigger('show-price');
            } else {
                $("#price").closest("div").hide();
                $('#price').val('') ;
                                // trigger hide-price event
                                $('#price').trigger('hide-price');
            }

            $.ajax({
                type: "POST",
                url: url,
                data: 'page=ajax&action=runhook&hook=item_form&catId=' + cat_id,
                dataType: 'html',
                success: function(data){
                    $("#plugin-hook").html(data);
                }
            });
        }
    });
    $(document).ready(function(){
        var cat_id = $("#catId").val();
                var url = 'http://site.com/index.php';
                var result = '';


        if(cat_id != '') {
            if(catPriceEnabled[cat_id] == 1) {
                $("#price").closest("div").show();
            } else {
                $("#price").closest("div").hide();
                $('#price').val('') ;
            }

            $.ajax({
                type: "POST",
                url: url,
                data: 'page=ajax&action=runhook&hook=item_form&catId=' + cat_id,
                dataType: 'html',
                success: function(data){
                    $("#plugin-hook").html(data);
                }
            });
        }
    });
</script>