Ext.onReady(function() {
   // Ext.QuickTips.init();

    var query = document.location.search.substring(9);
    var tipo = '';

    if (query.indexOf('&') >= 0) {
        tipo = query.substr(query.indexOf('&'));

        tipo = tipo.substring(6);

        query = query.substr(0, query.indexOf('&'));
    }
    
    if (null != query && !isNaN(query) && query.trim() != "") {
        this.getCardapio(query, tipo);
    }
    

});

function listCardapio(query, tipo) {
    var serviceCardapio = new ServiceCardapio();
    return serviceCardapio.paginarPorLoja(query, tipo);
};

function listTipoCardapio(query) {
    var serviceCardapioTipo = new ServiceCardapioTipo();
    return serviceCardapioTipo.paginarPorLoja(query);
};

function getCardapio(query, tipo) {
    var listCardapio = this.listCardapio(query, tipo);
    var listTipoCardapio = this.listTipoCardapio(query);

    var menu = $('lstMenu');

    for (var i = 0; i < listTipoCardapio.length; i++) {
        
        var li = new Element('LI');
        var link = new Element('A');

        if (query == 29) {
            link.setAttribute('href', 'cardapio_quintal.html?id_loja=' + query + '&tipo=' + listTipoCardapio[i].id);
        }
        else {
            link.setAttribute('href', 'cardapio.html?id_loja=' + query + '&tipo=' + listTipoCardapio[i].id);
        }
        
        link.set('html', listTipoCardapio[i].titulo);

        if (listTipoCardapio[i].id == tipo) {
            li.className = ('selectLst');
        }

        link.injectInside(li);
        li.injectInside(menu);
    };

    for (var j = 0; j < listCardapio.length; j++) {

        var div = '';

        if (j % 2 != 0) {
            div = $('rightCardapio'); 
        }
        else {
            div = $('leftCardapio');
        }

        var h1 = new Element('H1');
        h1.set('html', listCardapio[j].titulo);
        var paragraph = new Element('div');
        paragraph.set('html', listCardapio[j].descricao + '<br /><br />');
        

        h1.injectInside(div);
        paragraph.injectInside(div);
    }
};