var offersList = {
    activeContainer:null,
    init:function(){
        var offers = yuiDom.getElementsByClassName("offerContent","li",yuiDom.get("offerList"));
        var offersNav = yuiDom.getElementsByClassName("offerNavItem","a",yuiDom.get("featOfferNav"));
   
        for (var i=0; i<offersNav.length; i++){
            var config = {
                offerContainer : offers[i],
                animeIn : new yuiAnim(offers[i],{opacity:{to:1}},1,yuiEasing.easeNone),
                animeOut : new yuiAnim(offers[i],{opacity:{to:0}},1,yuiEasing.easeNone)
            }

            yuiEvent.addListener(offersNav[i],"click",offersList.show,config);
            if (yuiDom.hasClass(config.offerContainer,"activeOffer")){
                offersList.activeContainer = config;
            }else{
                yuiDom.setStyle(config.offerContainer,"opacity",0);
            }
        }

    },
    show:function(e,config){
        yuiEvent.preventDefault(e);
        if (yuiDom.hasClass(config.offerContainer,"activeOffer")){
            return;
        }
        yuiDom.addClass(config.offerContainer,"activeOffer");
        offersList.activeContainer.animeOut.animate();
        yuiDom.removeClass(offersList.activeContainer.offerContainer,"activeOffer");
        config.animeIn.animate();
        offersList.activeContainer = config;

    }
}
yuiEvent.onDOMReady(offersList.init);