CreatoorSN.namespace('swicher');
CreatoorSN.swicher = {
    items : null,
    descs : null,
    thumbs : null,
    itemsContainer: null,
    descsContainer: null,
    tumbsContainer: null,
    init : function (){
        var container = _$('mainSplashSlide');       
        if(container){
            CreatoorSN.swicher.itemsContainer = DOM.getElementBy(function(el){return DOM.hasClass(el, 'ja-slide-main');}, 'div', container);
            CreatoorSN.swicher.items = CreatoorSN.swicher.itemsContainer.childNodes;
            CreatoorSN.swicher.descsContainer = DOM.getElementBy(function(el){return DOM.hasClass(el, 'ja-slide-descs');}, 'div', container);
            CreatoorSN.swicher.descs = CreatoorSN.swicher.descsContainer.childNodes;
            CreatoorSN.swicher.tumbsContainer = DOM.getElementBy(function(el){return DOM.hasClass(el, 'ja-slide-thumbs');}, 'div', container);
            CreatoorSN.swicher.thumbs = CreatoorSN.swicher.tumbsContainer.childNodes;
            CreatoorSN.swicher.initThumbs();
        }
    },
    select : function (){
        DOM.getElementsBy(function(el){return DOM.hasClass(el, 'active');}, 'div',
                          CreatoorSN.swicher.tumbsContainer,
                          function(el){ DOM.removeClass(el, 'active');});
       
        DOM.addClass(this, 'active');
        CreatoorSN.swicher.showItem(this.id);
        CreatoorSN.swicher.showDesc(this.id);
    },
    initThumbs : function (){
        if(CreatoorSN.swicher.thumbs){
                EVENT.addListener(CreatoorSN.swicher.thumbs, 'click', CreatoorSN.swicher.select)
        }
    },
    showItem : function (i){
        DOM.setStyle(CreatoorSN.swicher.items,'visibility','hidden');
        DOM.setStyle(CreatoorSN.swicher.items,'opacity','0');
        DOM.setStyle(CreatoorSN.swicher.items,'display','none');
        DOM.setStyle(CreatoorSN.swicher.items[i],'visibility','visible');
        DOM.setStyle(CreatoorSN.swicher.items[i],'display','block');
        var attributes = {
                opacity: { from: 0 , to :1}
        };
        var show = new YAHOO.util.Anim(CreatoorSN.swicher.items[i], attributes);
        show.animate();

    },
    showDesc : function (i){
        DOM.setStyle(CreatoorSN.swicher.descs, 'display','none');
        DOM.setStyle(CreatoorSN.swicher.descs[i],'display','block');
        var attributes = {
                left: { from: -330 , to : 0}
        };
        var wrap = DOM.getElementBy(function(el){return DOM.hasClass(el, 'wrap');}, 'div', CreatoorSN.swicher.descs[i]);
        if(wrap){
            var slide = new YAHOO.util.Anim(wrap, attributes);
            slide.duration = 0.5;
            slide.animate();
        }
    }
}