$(document).ready(function () {
    /*-------------*/
    $("#pro-min-tabs div").mouseover(function () {
        $('.active').each(function () {
            $(this).removeClass("active").css("width", "65px")
        });
        $(this).addClass("active").css("width", "66px");
        switch ($(this).index()) {
            case 0: $("#statbar").css("left", "1px"); $("#productinfo").animate({ scrollLeft: 0 }, 100); break;
            case 1: $("#statbar").css("left", "66px"); $("#productinfo").animate({ scrollLeft: 280 }, 100); break;
            case 2: $("#statbar").css("left", "138px"); $("#productinfo").animate({ scrollLeft: 560 }, 100); break;
            case 3: $("#statbar").css("left", "220px"); $("#productinfo").animate({ scrollLeft: 840 }, 100); break;
        }
    });

    /*---*/
    function testttt() {
        $("#client-head-tab div").click(function () {
            $('.active').each(function () {
                $(this).removeClass("active").css("width", "180x")
            });
            $(this).addClass("active").css("width", "160px");
            switch ($(this).index()) {
                case 0: $("#content-tab").animate({ scrollLeft: 0 }, 300); break;
                case 1: $("#content-tab").animate({ scrollLeft: 950 }, 300); break;
                case 2: $("#content-tab").animate({ scrollLeft: 1875 }, 300); break;
                case 3: $("#content-tab").animate({ scrollLeft: 2800 }, 300); break;
            }

        });
    }
    /*
    //    $("#ctry-head-tab div").click(function () {
    //        $('.active').each(function () {
    //            $(this).removeClass("active").css("width", "100px")
    //        });
    //        $(this).addClass("active").css("width", "101px");
    //        switch ($(this).index()) {
    //            case 0: $("#ctry-content-tab").animate({ scrollLeft: 0 }, 500); break;
    //            case 1: $("#ctry-content-tab").animate({ scrollLeft: 750 }, 500); break;

    //        }
    //    });
    */

    $("#product-head-tab div").mouseover(function () {
        $('.active').each(function () {
            $(this).removeClass("active").css("width", "90px")
        });
        $(this).addClass("active").css("width", "90px");
        switch ($(this).index()) {
            case 0: $("#pro_content-tab").animate({ scrollLeft: 0 }, 50); break;
            case 1: $("#pro_content-tab").animate({ scrollLeft: 699 }, 50); break;
            case 2: $("#pro_content-tab").animate({ scrollLeft: 1398 }, 50); break;
            case 3: $("#pro_content-tab").animate({ scrollLeft: 2092 }, 50); break;
            case 4: $("#pro_content-tab").animate({ scrollLeft: 2791 }, 50); break;
            case 5: $("#pro_content-tab").animate({ scrollLeft: 3486 }, 50); break;
            case 6: $("#pro_content-tab").animate({ scrollLeft: 4183 }, 50); break;


        }
    });


});