/**
 * Created by JetBrains PhpStorm.
 * User: Nikita
 * Date: 12.09.11
 * Time: 15:12
 */

UseCasesSlider = {

    slider : null,
    comboboxBlock : null,
    squareBlock : null,

    init : function(sSliderSelector, sComboboxSelector, sComboboxBlock, sSquareBlockSelector){
        UseCasesSlider.slider = $(sSliderSelector);
        UseCasesSlider.slider.slider({
            value:1,
            min: 1,
            max: 8,
            step: 1,
            slide: function(event, ui) {
                UseCasesSlider.changeImage(ui.value);
            }
        });

        UseCasesSlider.slider.find("a").wrap("<div class='ui-handle-helper-parent'></div>");

        cuSel({changedEl: sComboboxSelector, scrollArrows : false});
        UseCasesSlider.comboboxBlock = $(sComboboxBlock);
        UseCasesSlider.comboboxBlock.find("input:hidden").change(function(){
            UseCasesSlider.changeImage($(this).val());
        });

        UseCasesSlider.squareBlock = $(sSquareBlockSelector);

        $('.right-col .use-cases-block[val="1"]').show();
    },

    changeImage : function(iImageNumber){
        if (UseCasesSlider.slider.slider("value") != iImageNumber)
            UseCasesSlider.slider.slider("value", iImageNumber);

        if (UseCasesSlider.comboboxBlock.find("input:hidden").val() !== iImageNumber){
            UseCasesSlider.comboboxBlock.find('span[val="' + iImageNumber + '"]').click();
        }

        UseCasesSlider.squareBlock.find("span").removeClass("square-block-checked");
        UseCasesSlider.squareBlock.find(".sq" + iImageNumber).addClass("square-block-checked");

        $(".right-col .use-cases-block").hide();
        $('.right-col .use-cases-block[val="' + iImageNumber + '"]').show();
    }
}