if (!able) {
    var able = {view:{},controller:{}}
}

able.view.DivSmoothSwitcher = {

    _current: "1",

    init: function() {
        console.log("DivSmoothSwitcher init")
        dojo.query(".sectioN_LIST").forEach(
                function(selectTag) {
                    dojo.connect(selectTag, "onclick", dojo.hitch(able.view.DivSmoothSwitcher, '_changeView'));
                }
                );
    },

    _changeView: function(ev) {
        var target = ev.target;
        if(target.id.split("_")[0]!="sectioNlist"){
            target = target.parentNode;
        }
        var clicked = target.id.split("_")[1];
        var fadeOutAni = dojo.fadeOut({
            node: 'sectioNdiv_' + this._current,
            duration: 2000
        });
        var fadeInAni = dojo.fadeIn({
            node: 'sectioNdiv_' + clicked,
            duration: 2000
        });

        console.log('sectioNdiv_' + this._current + "     fadeOut",fadeOutAni);
        console.log('sectioNdiv_' + clicked + "     fadeIn",fadeInAni);

        var ani = dojo.fx.combine([fadeOutAni, fadeInAni]);

        //dojo.connect(ani, "onEnd", dojo.hitch(ai.fl.MainController, '_animateMainMenu'));

        dojo.byId('sectioNdiv_' + this._current).style.display = "none";
        dojo.byId('sectioNdiv_' + this._current).style.zIndex = 1;
        dojo.byId('sectioNdiv_' + clicked).style.display = "block";
        dojo.byId('sectioNdiv_' + this._current).style.zIndex = 2;

        dojo.byId('sectioNlist_' + this._current).style.borderRightColor = "#FFFFFF";
        dojo.byId('sectioNlist_' + this._current).style.backgroundColor = "#FFFFFF";
        dojo.byId('sectioNlist_' + clicked).style.borderRightColor = "#FF7517";
        dojo.byId('sectioNlist_' + clicked).style.backgroundColor = "#eeeeee";

        ani.play();


        this._current = clicked;
    }

}

dojo.addOnLoad(able.view.DivSmoothSwitcher.init);