/*
 * added by Fenk1
 **/
$(function(){
   
    /* 
     *  прокрутка изображений на главной  
     **/
    
    // предзагрузка изображений

    var waitForImage = function waitForImage( img, callback ) {
        if( typeof img === 'string' ) {
            var obj = new Image();
            obj.src = img;
            img = obj; // >_>
        }

        if( ! img.complete || ( typeof img.naturalWidth != "undefined" && img.naturalWidth == 0 ) ) {
            // Картинка недогружена, ждем дальше
            setTimeout( function () {waitForImage( img, callback );}, 100 );
        } else {
            // Картинка загружена, вызываем callback
            callback.apply( img );
        }
    }

	var cnt = 1;
    function anifader() {
                cnt++;
                    $("[class^=bpic]").fadeOut('slow', function(){
                        $(this).attr('class','').attr('class','bpic'+cnt).fadeIn(350); 
                    });

                    if( cnt == 5 ) {
                        cnt = 1;
                    }
            }

    $('#big-pic').addClass('preloader');
    $('[class^=bpic]').removeClass('bpic1');

    var images = [
        '/static/i/illustration1.jpg',
        '/static/i/illustration2.jpg',
        '/static/i/illustration3.jpg',
        '/static/i/illustration4.jpg'
    ];

    $.each( images, function(k,v){
        k = k+1;

            waitForImage(v, function(){
            });

            if( k == images.length ) {
                $('#big-pic').addClass('bpic1').removeClass('preloader');
                fader = setInterval(anifader, 7000);
            }
    });



var i = 1;
       $('#menu-wrap').hover(
        function(){
            clearInterval(fader);
            clearInterval(fader2);
        },
        function(){
            fader2 = setInterval(anifader, 7000);
        }
    );

});
/* end write Frenk1 */


$(function() {
        $(".ico-number1").hover(
          function () {
            $("#big-pic").removeClass();
            $("#big-pic").addClass("bpic1");
            $("#mnu1").removeClass();
            $("#mnu1").addClass("hover-mnu-act");
          },
          function () {
            $("#mnu1").removeClass();
            $("#mnu1").addClass("hover-mnu");
          }
        );
});

$(function() {
        $("#mnu1").hover(
          function () {
            $("#big-pic").removeClass();
            $("#big-pic").addClass("bpic1");
            $("#mnu1").removeClass();
            $("#mnu1").addClass("hover-mnu-act");
          },
          function () {
            $("#mnu1").removeClass();
            $("#mnu1").addClass("hover-mnu");
          }
        );
});




$(function() {
        $(".ico-number2").hover(
          function () {
            $("#big-pic").removeClass();
            $("#big-pic").addClass("bpic2");
            $("#mnu2").removeClass();
            $("#mnu2").addClass("hover-mnu-act");
          },
          function () {
            $("#mnu2").removeClass();
            $("#mnu2").addClass("hover-mnu");
          }
        );
});

$(function() {
        $("#mnu2").hover(
          function () {
            $("#big-pic").removeClass();
            $("#big-pic").addClass("bpic2");
            $("#mnu2").removeClass();
            $("#mnu2").addClass("hover-mnu-act");
          },
          function () {
            $("#mnu2").removeClass();
            $("#mnu2").addClass("hover-mnu");
          }
        );
});





$(function() {
        $(".ico-number3").hover(
          function () {
            $("#big-pic").removeClass();
            $("#big-pic").addClass("bpic3");
            $("#mnu3").removeClass();
            $("#mnu3").addClass("hover-mnu-act");
          },
          function () {
            $("#mnu3").removeClass();
            $("#mnu3").addClass("hover-mnu");
          }
        );
});

$(function() {
        $("#mnu3").hover(
          function () {
            $("#big-pic").removeClass();
            $("#big-pic").addClass("bpic3");
            $("#mnu3").removeClass();
            $("#mnu3").addClass("hover-mnu-act");
          },
          function () {
            $("#mnu3").removeClass();
            $("#mnu3").addClass("hover-mnu");
          }
        );
});





$(function() {
        $(".ico-number4").hover(
          function () {
            $("#big-pic").removeClass();
            $("#big-pic").addClass("bpic4");
            $("#mnu4").removeClass();
            $("#mnu4").addClass("hover-mnu-act");
          },
          function () {
            $("#mnu4").removeClass();
            $("#mnu4").addClass("hover-mnu");
          }
        );
});

$(function() {
        $("#mnu4").hover(
          function () {
            $("#big-pic").removeClass();
            $("#big-pic").addClass("bpic4");
            $("#mnu4").removeClass();
            $("#mnu4").addClass("hover-mnu-act");
          },
          function () {
            $("#mnu4").removeClass();
            $("#mnu4").addClass("hover-mnu");
          }
        );
});