CreatoorSN.namespace('home');

CreatoorSN.home = {
    
    init:function(){
        CreatoorSN.home.changeCategory(0,'categories','hladne-predjedi')
        /*var carousel = new YAHOO.widget.Carousel("carousel_0", {
            carouselEl: "UL",
            isCircular: true // for a circular Carousel
        });
        carousel.render();
        carousel.show(); */   
    },
    
    changeCategory : function (categoryId,category,subCategory) {

        
        YAHOO.util.Dom.setStyle(YAHOO.util.Dom.getElementsByClassName('back'),'display','block');
        YAHOO.util.Dom.setStyle(YAHOO.util.Dom.getElementsByClassName('next'),'display','block'); 
        var totalCategories = YAHOO.util.Dom.getElementsByClassName('mainCategories').length;
        for(a=0;a<totalCategories;a++){
            YAHOO.util.Dom.get('mainCategory_'+a).removeClass;
            YAHOO.util.Dom.removeClass('mainCategory_'+a, 'active');
            
            YAHOO.util.Dom.setStyle('subCategory_'+a,'display','none');

                
        }
        YAHOO.util.Dom.addClass('mainCategory_'+categoryId, 'active');
        YAHOO.util.Dom.setStyle('subCategory_'+categoryId,'display','block');
        
        
        var totalCategories = YAHOO.util.Dom.getElementsByClassName('subnavlist').length;
        for(a=0;a<totalCategories;a++){
            YAHOO.util.Dom.removeClass('sub_'+a, 'subactive');                
        }
        YAHOO.util.Dom.addClass('sub_'+categoryId, 'subactive');
        
        
        
        var region = YAHOO.util.Dom.getRegion('subCategory_'+categoryId);
        var elmHeight = region.bottom - region.top;
        var elmWidth = region.right - region.left;
        if(elmHeight<40){            
            YAHOO.util.Dom.setStyle(YAHOO.util.Dom.getElementsByClassName('back'),'display','none');
            YAHOO.util.Dom.setStyle(YAHOO.util.Dom.getElementsByClassName('next'),'display','none');
        }
        
        //recipes/browse/categories/hladne-predjedi/order/rating+DESC

       var oCallback = {
            success : function (o) {                    
                    var response = YAHOO.lang.JSON.parse(o.responseText);
                    if(YAHOO.util.Dom.get('topRecepiesContainer')){
                        YAHOO.util.Dom.get('topRecepiesContainer').innerHTML = response.html;
                    }                    
                    
                    //YAHOO.util.Dom.getElementsByClassName('topContainerCategoryRecepies').innerHTML = "lllll" 
                    //console.log(YAHOO.util.Dom.getElementsByClassName('topContainerCategoryRecepies').innerHTML)                 
            }
        };
        YAHOO.util.Connect.asyncRequest(
            'GET',
            'recipes/browse/'+category+'/'+subCategory+'/order/RAND()',
            oCallback
        );
        
        return false;
    },
    
    changeSubCategory : function (categoryId,category,subCategory,nr) {

        var el = YAHOO.util.Dom.get('subCategory_'+nr).childNodes.length
        var totalCategories = YAHOO.util.Dom.getElementsByClassName('subnavlist').length;
        for(a=0;a<el;a++){
            YAHOO.util.Dom.removeClass('sub_'+a+'_'+nr, 'subactive');                
        }
        YAHOO.util.Dom.addClass('sub_'+categoryId+'_'+nr, 'subactive');


       var oCallback = {
            success : function (o) {                    
                    var response = YAHOO.lang.JSON.parse(o.responseText);
                    YAHOO.util.Dom.get('topRecepiesContainer').innerHTML = response.html;                    
                    
                    //YAHOO.util.Dom.getElementsByClassName('topContainerCategoryRecepies').innerHTML = "lllll" 
                    //console.log(YAHOO.util.Dom.getElementsByClassName('topContainerCategoryRecepies').innerHTML)                 
            }
        };
        YAHOO.util.Connect.asyncRequest(
            'GET',
            'recipes/browse/'+category+'/'+subCategory+'/order/RAND()',
            oCallback
        );
        
        return false;
    },
    
    changeUserTab:function(tabNr){
        var navigationElements = YAHOO.util.Dom.get('usersTabsNavigation').getElementsByTagName('div')
        var listElements = YAHOO.util.Dom.get('usersTabsList').getElementsByTagName('ul')
        for(a=0;a<navigationElements.length;a++){
            YAHOO.util.Dom.removeClass(navigationElements[a], 'tabButtonWrapperSelect')
            YAHOO.util.Dom.addClass(navigationElements[a], 'tabButtonWrapper')
            
            YAHOO.util.Dom.setStyle(listElements[a], 'display', 'none');                
        }
        YAHOO.util.Dom.replaceClass(navigationElements[tabNr],'tabButtonWrapper', 'tabButtonWrapperSelect')
        YAHOO.util.Dom.setStyle(listElements[tabNr], 'display', 'block');
    
    },
    
    changeForumTab:function(tabNr){
        var navigationElements = YAHOO.util.Dom.get('list1b').getElementsByClassName('accordion','a')
        var listElements = YAHOO.util.Dom.get('list1b').getElementsByClassName('listContent','div')
        
        for(a=0;a<navigationElements.length;a++){
            YAHOO.util.Dom.removeClass(navigationElements[a], 'selected')
            //YAHOO.util.Dom.addClass(navigationElements[a], 'listContent')
            YAHOO.util.Dom.setStyle(listElements[a], 'display', 'none');                
        }
        YAHOO.util.Dom.addClass(navigationElements[tabNr], 'selected')
        YAHOO.util.Dom.setStyle(listElements[tabNr], 'display', 'block');
    
    },
    
    addQueryField:function(id){
        

        var idNr = Number(id.substr(6));
        var el = YAHOO.util.Dom.get('btn_'+idNr)
        
        if(YAHOO.util.Dom.hasClass(el,'addFoodNewBox')){
            YAHOO.util.Dom.replaceClass(el,'addFoodNewBox', 'removeFoodNewBox')
            
            var field = '';
            field += '<div>';
            field += '<input type="text" id="field_'+ (idNr+1) +'" name="query[]" title="" value="" />'
            field += '<p>';
            field += '<div class="addFoodNewBox" id="btn_'+(idNr+1)+'"><a href="#" onclick="CreatoorSN.home.addQueryField(\'field_'+ (idNr+1)  +'\');return false;"></a></div>';
            field += '<div class="clear"></div>';
            field += '</p>';
            field += '</div>';
            
            YAHOO.util.Dom.get('fridgeWrapper').innerHTML += field;
        }else{
            CreatoorSN.home.removeQueryField(id)    
        }
    },
    removeQueryField:function(id){
        var idNr = Number(id.substr(6));
        var el = YAHOO.util.Dom.get('field_'+idNr)        
        var obj = el.parentNode
        obj.parentNode.removeChild(obj);
        //YAHOO.util.Dom.get('fridgeWrapper').append(field);
    }
    
    
};

YAHOO.util.Event.onDOMReady(CreatoorSN.home.init);