$(document).ready(function() {
    var kitchWrapper = $("div.kitchens_onMain");
    var bodyW = kitchWrapper.width();
    var oneKitchen = kitchWrapper.find("> div > div.oneKitchen");
    var oneKitchenW = oneKitchen.width();
    var otstupFromLeft = (bodyW - oneKitchenW) / 2;
    var num = 0;
    type_kitchen = $("ul.kitchenMenu > li");
    
    nums_page = type_kitchen.length;
    num = $.random(nums_page);
    subNum = 1;
    var kitchensMainArr = [
                            ["kitchen_frame_1.jpg"],
                            ["kitchen_film_1.jpg", "kitchen_film_2.jpg", "kitchen_film_3.jpg", "kitchen_film_4.jpg"],
                            ["kitchen_paint_1.jpg", "kitchen_paint_2.jpg", "kitchen_paint_3.jpg"],
                            ["kitchen_shpon_2.jpg", "kitchen_shpon_1.jpg"],
                            ["kitchen_wood_1.jpg", "kitchen_wood_2.jpg", "kitchen_wood_3.jpg"]
                          ]
    var kitchensMainArrLen = kitchensMainArr.length;                              
    
    scrolling();
    function scrolling() {
        type_kitchen.removeClass("active").find("div > i").removeClass("active");
        type_kitchen.eq(num).addClass("active").find("div > i").eq(subNum).addClass("active");
        kitchWrapper.find("> div").animate({ marginLeft: -(num * oneKitchenW - otstupFromLeft) + "px" }, 500);
        oneKitchen.addClass("notActive").filter(":eq(" + num + ")").removeClass("notActive");
    }
    $(window).load(function() {
        kitchWrapper.find("> div").css("marginLeft", otstupFromLeft + "px");
        //в цикле заносим тэги "<i>" в "ul.kitchenMenu > li" в зависимости от количества фото в каждом разделе
        for(k = 0; k < kitchensMainArrLen; k++) {
            for(j = 0; j < kitchensMainArr[k].length; j++) {
                type_kitchen.eq(k).find("> div").append("<i></i>");
            }
        }
        type_kitchen.find("> div > i:first-child").addClass("active");
        kitchWrapper.find("> div").animate({ marginLeft: -(num * oneKitchenW - otstupFromLeft) + "px" }, 500);
        oneKitchen.addClass("notActive").filter(":eq(" + num + ")").removeClass("notActive");
    })
    
    $("#next").click(function() {  
        if (kitchensMainArr[num][subNum + 1]) { 
            subNum++;
        }
        else if (num < nums_page - 1) {
            num++;
            subNum = 0;
        }            
        else {
            num = 0;
            subNum = 0;
        }        
        scrolling()
        changeMenuPhoto()
    });
    $("#prev").click(function() {
        if (subNum == 0 && num > 0) {
            num--;
            subNum = kitchensMainArr[num].length - 1;
        }
        
        else if (num == 0 && subNum == 0){ 
            num = kitchensMainArr.length - 1;
            subNum = kitchensMainArr[num].length - 1;
        }
        else {
            subNum--;
        }
        scrolling()
        changeMenuPhoto()
    });

    type_kitchen.click(function() {
        num = type_kitchen.index(this);
        subNum = 0;
        scrolling();
        changeMenuPhoto()
    });
    
    type_kitchen.find("div > i").live("click", function() {
        subNum = $(this).index();
        var tempClass = kitchensMainArr[num][subNum].slice(0, -6);    
        var solidClass = oneKitchen.eq(num).attr("class", "oneKitchen " + tempClass)           
        var tempClass = kitchensMainArr[num][subNum].slice(0, -4);  
        type_kitchen.eq(num).find("div > i").removeClass("active");
        $(this).addClass("active");
        oneKitchen.eq(num).find("> img").fadeOut(50 , function() {$(this).attr("src", "/i/main_page/" + kitchensMainArr[num][subNum]).fadeIn(200);}).end().addClass(tempClass);
    })
    function changeMenuPhoto() {    
        var tempClass = kitchensMainArr[num][subNum].slice(0, -6);    
        var solidClass = oneKitchen.eq(num).attr("class", "oneKitchen " + tempClass)        
        var tempClass = kitchensMainArr[num][subNum].slice(0, -4);        
        oneKitchen.eq(num).find("> img").fadeOut(50 , function() {$(this).attr("src", "/i/main_page/" + kitchensMainArr[num][subNum]).fadeIn(200);}).end().addClass(tempClass);
    }
    var pm = $("div.kitchenDetail > div.pm");
    pm.click(function() {
        if ($(this).hasClass("minus")) {
            $(this).removeClass("minus")
                .next().slideUp(100)
                .end()
                .parent().removeClass("active");
        }
        else {
            pm.filter(".minus").removeClass("minus")
                .next().slideUp("fast")
                .end()
                .parent().removeClass("active");
            $(this).addClass("minus")
                .next().slideDown(500)
                .end()
                .parent().addClass("active");
        }
    })

    $("div.helper > div.master").click(function() {
        $(this).parent().addClass("helperActive")
       
    })
    $("div.helper > span.close").click(function() {
        $(this).parent().removeClass("helperActive")
    })
})