main

         //watch for change on the

     var fileInput = $( "#file-img" ); // input type=file

         fileInput.change(function() {

        var input_img = this.files[0];

        if ( input_img != 0 ) {

            console.log("photo file has been chosen");
            console.log(input_img.name);
            console.log(input_img.size);

            $('#pop-email').modal('show');
            setTimeout(function () {
                $('body').addClass('modal-open');
            }, 500);
        }

        else {
            input_img.length = 0;
        }

            fileInput.val("");
    });


    // Popup-size

    // под каждый radio button выводим суму, заголовок и изображение положеного размера размера

 var drawSize = $('.size'); // Выводит выбраный размер изображения

 var beginPrice = $('#startPrice'); // Выводит начальную сумму в popup-size
 var typePrice = $('#typePrice'); // Выводит сумму в popup-type
 var result = $('.result'); //  Выводит сумму

 var picType = $('.pic-type');  // Тип картины

 var arrTypePrice = ['7100', '6700', '6500', '6100', '4900', '4200']; // Цена на тип картины, относительны размеру картины

 var priceType = $('.price-type'); // Цена которая выводиться из массива выше за выбраный тип картины

 var picOil = $('#picOil'); // Картина маслом
 var priceOil = $('#priceOil'); // Цена на картину маслом ( исключение для размера 30 x 40)


 var picSimple = $('#picSimple'); // Картина, простая печать
 var priceSimple = $('#priceSimple'); // Цена на простую печать ( Для всех размеров = 0 )



        // По изменению радио кнопок

    $(".radio-size").change(function() {

                // Выводить изображения

            var width = $(this).data("width");
            var height = $(this).data("height");
            $(".output-img").attr("width", width).attr("height", height);

                // Выводит выбраный размер

            var size = $(this).data("size"); // Берет размеры с data атрибута
            drawSize.html(size);

                //

            // $("#pop-type").attr("data-start-price", " ");

            var startPrice = $(this).data("price");  // Берем из дата атрибута стартовую цену и записываем в переменную
            beginPrice.html(startPrice);  // Выводим переменную со стартовой ценной в блок Стоимость
            console.log("Begin price");
            console.log(startPrice);


            typePrice.attr("data-result", startPrice); // Записываем в атрибут data Стартовую стоимось в блок ИТОГО popup-type
            typePrice.html(startPrice);

            // Для размера 30 x 40

        if ($("#radio-1").is(":checked")) {
            picType.attr("data-type-price", arrTypePrice[0]);
            priceType.html(arrTypePrice[0]);
            picOil.attr("data-type-price", 4490); //  Цена в дата атрибуте (исключение)
            priceOil.html(4490); // Цена на самую маленькую картину с маслом ( исключение)
        }

        // Для размера 40 x 60

        if ($("#radio-2").is(":checked")) {
            picType.attr("data-type-price", arrTypePrice[1]);
            priceType.html(arrTypePrice[1]);
        }

        // Для размера 50 x 70

        if ($("#radio-3").is(":checked")) {
            picType.attr("data-type-price", arrTypePrice[2]);
            priceType.html(arrTypePrice[2]);
        }

        // Для размера 60 x 80

        if ($("#radio-4").is(":checked")) {
            picType.attr("data-type-price", arrTypePrice[3]);
            priceType.html(arrTypePrice[3]);
        }

        // Для размера 75 x 105

        if ($("#radio-5").is(":checked")) {
            picType.attr("data-type-price", arrTypePrice[4]);
            priceType.html(arrTypePrice[4]);
        }

        // Для размера 90 x 110

        if ($("#radio-6").is(":checked")) {
            picType.attr("data-type-price", arrTypePrice[5]);
            priceType.html(arrTypePrice[5]);
        }

        priceSimple.html(0);
        picSimple.attr("data-type-price", 0);


    });

         picType.on('click', function () {

            var startPrice =  typePricedata("result");
            var addPrice = $(this).data("type-price");
            var currentPrice = startPrice + addPrice;

             console.log("Begin price");
             console.log(startPrice);
             console.log("Type price");
             console.log(addPrice);

            result.html(currentPrice);
            result.attr("data-start-price", currentPrice);

         });


 // Popup-type

         $('#btn-type').on('click', function() {

            if (picOil.hasClass('pic-type-active')) {

                $('#pop-type').modal('hide');
                $('#pop-krekelur').modal('show');
                setTimeout(function(){
                    $('body').addClass('modal-open');
                }, 600);
            }

            else if (picSimple.hasClass('pic-type-active')) {

                $('#pop-type').modal('hide');
                $('#pop-type-option').modal('show');
                setTimeout(function(){
                    $('body').addClass('modal-open');
                }, 600);
             }

            else {
                $('#pop-type').modal('hide');
                $('#pop-baget').modal('show');
                setTimeout(function(){
                    $('body').addClass('modal-open');
                }, 600);
            }
         });

         // Pick choise

         picType.click(function() {

             if ($(this).hasClass('pic-type-active')) {
                 $(this).removeClass('pic-type-active');
             }
             else {
                 picType.removeClass('pic-type-active');
                 $(this).addClass('pic-type-active');
             }
         });

        // Krekelur-popup


         $('btn-krek').on('click', function () {

             var startPrice = result.data("start-price");
             var addPrice = $(this).data("price");
             var currentPrice = startPrice + addPrice;

             console.log(startPrice);
             console.log(addPrice);

             result.html(currentPrice);
             result.attr("data-start-price", currentPrice);
         });


         // Function hide and show popups
         show_popup($('#btn-email'), $('#pop-email'), $('#pop-phone'));
         show_popup($('#btn-phone'), $('#pop-phone'), $('#pop-size'));
         show_popup($('#btn-size'), $('#pop-size'), $('#pop-type'));
         // show_popup($('#btn-type'), $('#pop-type'), $('#pop-type-option'));
         show_popup($('#btn-type-option'), $('#pop-type-option'), $('#pop-krekelur'));
         show_popup($('#btn-krek'), $('#pop-krekelur'), $('#pop-baget'));
         show_popup($('#btn-baget'), $('#pop-baget'), $('#pop-package'));
         show_popup($('#btn-package'), $('#pop-package'), $('#pop-date'));
         show_popup($('#btn-date'), $('#pop-date'), $('#pop-stock'));
         show_popup($('#btn-stock-prepay'), $('#pop-stock'), $('#pop-prepay'));
         show_popup($('#btn-stock-pay'), $('#pop-stock'), $('#pop-pay'));
         show_popup($('.option-back'), $('#pop-type-option, #pop-krekelur, #pop-baget, #pop-package, #pop-stock'), $('#pop-type'));
         show_popup($('#type-option-no'), $('#pop-type-option'), $('#pop-krekelur'));
         show_popup($('#krekelur-no'), $('#pop-krekelur'), $('#pop-baget'));
         show_popup($('#baget-no'), $('#pop-baget'), $('#pop-package'));
         show_popup($('#package-no'), $('#pop-package'), $('#pop-date'));