if (typeof (Ektron) == "undefined") Ektron = {};
if (typeof (Ektron.Widget) == "undefined") Ektron.Widget = {};
if (typeof (Ektron.Widget.Multivariate) == "undefined") Ektron.Widget.Multivariate = {};
if (typeof (Ektron.Widget.Multivariate.columns) == "undefined") Ektron.Widget.Multivariate.columns = {};

if (typeof (Ektron.Widget.MultivariateSection) == "undefined")
{
    Ektron.Widget.MultivariateSection =
    {
        data : {},
        Init : function(id, columnCount, selectedIndex, columns)
        {
            var sliders = $("#" + id + " .slider");
            var itemNumberText = "/"+columnCount;
            
            var val;
            
            if(typeof(Ektron.Widget.MultivariateSection.data[id]) == "undefined")
            {
                Ektron.Widget.MultivariateSection.data[id] = {index: 0};
            }
            
            if(selectedIndex > -1)
            {
                Ektron.Widget.MultivariateSection.data[id].index = selectedIndex;
            }
            
            val = Ektron.Widget.MultivariateSection.data[id].index + 1;//(selectedIndex > -1) ? selectedIndex+1 : 1;
            
            var last = $($("#" + id + " .columns-container").children()[val-1]);
            var slide = function(i)
            {
                $("#" + id + " .item-number").html((i+1) + "/" + columnCount);
			    last.css("display", "none");
			    last = $($("#" + id + " .columns-container").children()[i]);
			    last.css("display", "block");
			    
			    Ektron.Widget.MultivariateSection.data[id].index = i;
			    $(sliders).slider('option', 'value', i+1);
            }
            
            $(sliders).slider('destroy');
            $(sliders).slider({
                value: val,
                min:1,
                max:columnCount,
                steps:columnCount-1,
                slide: function(evt, ui) {
				    slide(ui.value-1);
			    }
            });
            
            $(columns).each(function(i)
            {
                Ektron.Widget.Multivariate.columns[columns[i]] = {
                    guid: columns[i],
                    index: i, 
                    display: (function(j) {return function()
                    {
                        $(sliders).slider('option', 'value', j+1);
                        slide(j);
                    };})(i)
                };
            });
            
            $("#" + id + " .item-number").html("Variant " + val + "/" + columnCount);
            last.css("display", "block");
            
            $("#" + id + " .add-variant").unbind('click');
            $("#" + id + " .add-variant").click(function (evt, ui) {
                $("#" + id + " .add-variant-btn").click();
            });
            
            //$("#" + id).mouseover(function(evt){evt.stopPropagation();});
            
            slide(val-1);
        }
    }
}

if (typeof Sys != "undefined") {
//    Sys.Application.notifyScriptLoaded();
}