$(document).ready(
    function() {
    
        var myId, my_index, mySrc1, myId4, myKadr, flag, left1, kadrVisible, myBodyW, i, my_index2, my_index3, my_index4, my_index5;
    
        // делаем раздвигающийся блок в каталоге
    
        my_index3 = 0;
        // щелкаем по иконке "развернуть"
        $('.toogle img')
        .click(
                function(eventObject) {
                    my_index3 = ($('.toogle img')
                            .index(this));
                    if ($('.div_onoff').eq(my_index3).attr(
                    'class') == 'div_onoff') {
                        $('.div_onoff').eq(my_index3)
                        .addClass('div_on');
                        $('.toogle img').eq(my_index3)
                        .attr('src',
                        '/img/div_on.gif');
                    } else {
                        $('.div_onoff').eq(my_index3)
                        .removeClass('div_on');
                        $('.toogle img').eq(my_index3)
                        .attr('src',
                        '/img/div_off.gif');
                    }
    
                });
            // щелкаем по span который в span1 находится
            my_index4 = 0;
            var kol_a2 = 0;
            $('.li1 span.li1_span').click(
                    function(eventObject) {

                        kol_a2 = 0;
                        my_index4 = ($('.li1 span.li1_span')
                                .index(this));

                        $('li.li1').eq(my_index4).addClass('i');
                        kol_a2 = $('li.i li.li2 a').size();
                        $('li.li1').eq(my_index4).removeClass('i');

                        if (kol_a2 > 0) {
                            eventObject.preventDefault();

                            if ($('.div_onoff').eq(my_index4).attr(
                            'class') == 'div_onoff') {
                                $('.div_onoff').eq(my_index4).addClass(
                                'div_on');
                                $('.toogle img').eq(my_index4).attr(
                                        'src', '/img/div_on.gif');
                            } else {
                                $('.div_onoff').eq(my_index4)
                                .removeClass('div_on');
                                $('.toogle img').eq(my_index4).attr(
                                        'src', '/img/div_off.gif');
                            }

                        }

                    });

            // автоматика выставления иконок "развернуть"

            my_index5 = 0;
            var kol_a = 0;
            $('#ul1 .div_onoff li.li1').each(
            function() {
                my_index5 = ($('#ul1 .div_onoff li.li1')
                        .index(this));
                $(this).addClass('i');
                kol_a = $('li.i li.li2 a').size();
                if (kol_a > 0) {
                    $('.toogle img').eq(my_index5)
                    .addClass('img_visible');
                } else {

                }
                $(this).removeClass('i');

                if ($('.div_onoff').eq(my_index5).attr(
                'class') == 'div_onoff') {

                    $('.toogle img').eq(my_index5)
                    .attr('src',
                    '/img/div_off.gif');
                } else {
                    $('.toogle img').eq(my_index5)
                    .attr('src',
                    '/img/div_on.gif');
                }

            }
            );

            // появление больших картинок при наведении на маленькие

            var my_index6 = 0;
            $('#katalog_kateg a img').hover(
                function(eventObject) {
                    my_index6 = ($('#katalog_kateg a img')
                            .index(this));
                    $('#katalog_kateg .class_img_big')
                    .eq(my_index6).show();
    
                },
                function() {
                    $('#katalog_kateg .class_img_big')
                    .eq(my_index6).hide();
                }
            );
});/* конец ready */
