﻿window.Itera = new function() {
    var pt = new Array();
    this.p = [['ПЭТ-преформа', [['PCO', ['21,8', '23,8', '32', '36', '39', '40,4', '45,8']], ['BPF', ['22', '24', '32,2', '36,2', '38,8', '39,2', '40,8', '46']], ['OIL', ['26', '30']]], ['прозрачный', 'коричневый', 'голубой', 'бирюзовый', 'фиолетовый', 'темно-синий', 'зеленый', 'красный', 'оранжевый', 'белый', 'другой ']], ['ПЭТ-бутылка', [['стандартная', ['0,1 л', '0,25 л', '0,5 л', '1 л', '1,5 л', 'другой']], ['оригинальная']], ['22', '24', '32,2', '36,2', '38,8', '39,2', '40,8'], ['прозрачный', 'коричневый', 'голубой', 'бирюзовый', 'фиолетовый', 'темно-синий', 'зеленый', 'красный', 'оранжевый', 'белый', 'другой ']], ['Колпачок', ['двухкомпонентный', 'однокомпонентный'], ['белый', 'черный', 'коричневый', 'голубой', 'синий', 'темно-синий', 'зеленый', 'светло-зеленый', 'красный', 'бордо', 'желтый', 'оранжевый', 'золотой', 'бронза', 'персик', 'другой'], ['без логотипа', 'с логотипом']]];
    this.a = function(d, a) {
        var e = document.getElementById(d);
        for (var i = 0; i < a.length; i++) {
            var o = Itera.z();
            o.text = a[i];
            e.options.add(o);
        }
    };
    this.b = function(d, a) {
        var e = document.getElementById(d);
        for (var i = 0; i < a.length; i++) {
            var o = Itera.z();
            o.text = a[i][0];
            e.options.add(o);
        }
    };
    this.c = function() {
        var z = Itera.y('p_stan').selectedIndex;
        var e = Itera.y('p_ves');
        while (e.options.length != 0) { e.options.remove(0); }
        Itera.a('p_ves', Itera.p[0][1][z][1]);
    };
    this.d = function() {
        var z = Itera.y('b_stand').selectedIndex;
        var d = Itera.y('b_ob');
        switch (z) {
            case 0:
                {
                    d.innerHTML = '<select id="bs_ob"></select>';
                    Itera.a('bs_ob', Itera.p[1][1][0][1]);
                    break;
                }
            case 1:
                {
                    d.innerHTML = '<input id="bi_ob" type="text" class="input"/>';
                    break;
                }
            default: break;
        }
    };
    this.e = function() {
        var i = Itera.y('s_prod').selectedIndex;
        var d = Itera.y('order_form');
        switch (i) {
            case 0:
                {
                    d.innerHTML = '<label>Стандарт горла:</label><select id="p_stan" onchange="Itera.c();"></select><br/><label>Вес, г:</label><select id="p_ves"></select><br/><label>Цвет:</label><select id="p_col"></select><br/><label>Количество:</label><input type="text" class="input"/><br/>';
                    Itera.b('p_stan', Itera.p[0][1]);
                    Itera.c();
                    Itera.a('p_col', Itera.p[0][2]);
                    break;
                }
            case 1:
                {
                    d.innerHTML = '<label>Форма:</label><select id="b_stand" onchange="Itera.d();"></select><br/><label>Объем, л:</label><div id="b_ob"></div><label>Вес преформы, г:</label><select id="b_ves"></select><br/><label>Цвет:</label><select id="b_col"></select><br/><label>Количество:</label><input type="text" class="input"/><br/>';
                    Itera.b('b_stand', Itera.p[1][1]);
                    Itera.d();
                    Itera.a('b_ves', Itera.p[1][2]);
                    Itera.a('b_col', Itera.p[1][3]);
                    break;
                }
            case 2:
                {
                    d.innerHTML = '<label>Тип:</label><select id="c_stand"></select><br/><label>Цвет:</label><select id="c_col"></select><br/><label>Нанесение логотипа:</label><select id="c_log"></select><br/><label>Количество:</label><input type="text" class="input"/><br/>';
                    Itera.a('c_stand', Itera.p[2][1]);
                    Itera.a('c_col', Itera.p[2][2]);
                    Itera.a('c_log', Itera.p[2][3]);
                    break;
                }
            default: break;
        }
    };
    this.f = function() {
        var d = document.getElementById('main_form');
        d.innerHTML = '<label>Наименование продукции:</label><select id="s_prod" onchange="Itera.e();"></select><br/><div id="order_form"></div>';
        Itera.b('s_prod', Itera.p);
        Itera.e();
    };
    this.g = function() {
        var m = Itera.y('main_form');
        var st = '';
        var ar = new Array();
        for (var i = 0; i < m.childNodes.length; i++) {
            Itera.h(m.childNodes[i], ar);
        }
        pt.push(ar);
        for (var j = 0; j < pt.length; j++) {
            st += '<tr><td style="padding:4px;">';
            for (var k = 0; k < pt[j].length; k = k + 2) {
                st += '<label>' + pt[j][k] + '</label><label>' + pt[j][k + 1] + '</label><br />';
            }
            st += '</td></tr>';
        }
        Itera.y('order_list').innerHTML = '<h2>Ваш заказ</h2><table style="width:400px;">' + st + '</table>';
        Itera.f();
    };
    this.h = function(a, ar) {
        switch (a.nodeName) {
            case 'LABEL': ar.push(a.innerHTML); break;
            case 'SELECT': ar.push(a.options[a.selectedIndex].text); break;
            case 'INPUT': ar.push(a.value); break;
            case 'DIV':
                {
                    for (var i = 0; i < a.childNodes.length; i++) {
                        Itera.h(a.childNodes[i], ar);
                    }
                    break;
                }
            default: break;
        }
    };
    this.i = function() {
        var f = true;
        var s1 = Itera.y('ic');
        var s2 = Itera.y('if');
        var sp2 = Itera.y('ifs');
        var s3 = Itera.y('ip');
        var sp3 = Itera.y('ips');
        var s4 = Itera.y('ie');
        if (s2.value == '')
        { sp2.style.visibility = 'visible'; f = false; }
        else { sp2.style.visibility = 'hidden'; }
        if (s3.value == '')
        { sp3.style.visibility = 'visible'; f = false; }
        else { sp3.style.visibility = 'hidden'; }
        if (f) {
            this.g();
            if ((pt.length != 0)) {
                var d = Itera.y('Order_Data');
                var s = '';
                s = '$%' + s1.value + '$%' + s2.value + '$%' + s3.value + '$%' + s4.value + '$%';
                for (var i = 0; i < pt.length; i++) {
                    s += '[';
                    for (var j = 0; j < pt[i].length; j++) {
                        s += pt[i][j] + '$%';
                    }
                    s += ']';
                }
                d.value = s;
               
                document.forms[0].submit();
            } 
        }
    }
    this.y = function(d) {
        return document.getElementById(d);
    };
    this.z = function() {
        return document.createElement('OPTION');
    };
};
Itera.f();