/// <reference path="../../Scripts/jquery-1.3.2-vsdoc2.js" />

jQuery(function() {

    // Находим элементы с которыми будем работать
    var dynamic_menu = jQuery("#dynamic_menu");
    var tableLevel3 = jQuery("#tableLevel3", dynamic_menu);
    var moveLeft = jQuery('#moveLeft', dynamic_menu);
    var moveRight = jQuery('#moveRight', dynamic_menu);
    //var first = jQuery('tr td:first', tableLevel3).width();
    var last = jQuery('tr td:last', tableLevel3).width();

    // ширины
    //var arrows = moveLeft.width() + moveRight.width();
    var width = tableLevel3.width();

    // Показываем стрелки если ширина таблицы стала большой
    if (width >= 840) {
        moveLeft.css("display", "block");
        moveRight.css("display", "block");
    }

    // левая стрелка
    moveLeft.mousedown(function() {
        tableLevel3.animate(
        {
            "left": 0
        }, "slow");
    });


    // правая стрелка
    moveRight.mousedown(function() {
        tableLevel3.animate(
        {
            "left": last - width
        }, "slow");
    });

    moveLeft.mouseup(function() { tableLevel3.stop(true, false) });
    moveRight.mouseup(function() { tableLevel3.stop(true, false) });
});