//function rewriteGameLogos(id) {
//    var games = Ext.get(id);
//    var images = games.select('img');
//    var games_html = '';
//    var lang = games.dom.className;
//    var game_url = '';
//    var ribbon = '';
//    var currentLang = lang.match(/lang_[\w]{2}/gi);
//    images.each(function(image){
//        game_url = image.up('a');
//        ribbon = game_url.down('span');
//        games_html += '<div class="game_item">';
//            games_html += '<a href="' + game_url.dom.href + '">';
//            games_html += '<div class="game_item_inner">';
//                if (ribbon != null) {
//                    games_html += '<span class="ribbon ' + currentLang + '"></span>';
//                }
//                games_html += '<img src="' + image.dom.src + '" alt="' + image.dom.alt + '" title="' + image.dom.alt + '" />';
//                games_html += '<span class="pay_now ' + currentLang + '"></span>';
//            games_html += '</div>';
//            games_html += '</a>';
//        games_html += '</div>';
//    });
//    Ext.DomHelper.overwrite(id, {
//        cn: [{
//            html: games_html
//        }]
//    });
//    gameTabs[id] = games_html;
//    console.log(games_html);
//}



Ext.onReady(function(){
    var HashSearch = new function () {
       var params;

       this.set = function (key, value) {
          params[key] = value;
          this.push();
       };

       this.get = function (key, value) {
           return params[key];
       };

       this.keyExists = function (key) {
           return params.hasOwnProperty(key);
       };

       this.push= function () {
           var hashBuilder = [], key, value;

           for(key in params) if (params.hasOwnProperty(key)) {
               key = escape(key), value = escape(params[key]); // escape(undefined) == "undefined"
               hashBuilder.push(key + ( (value !== "undefined") ? '=' + value : "" ));
           }
           
           window.location.hash = hashBuilder.join("&");
       };

       (this.load = function () {
           params = {}
           var hashStr = window.location.hash, hashArray, keyVal
           hashStr = hashStr.substring(1, hashStr.length);
           hashArray = hashStr.split('&');

           for(var i = 0; i < hashArray.length; i++) {
               keyVal = hashArray[i].split('=');
               params[unescape(keyVal[0])] = (typeof keyVal[1] != "undefined") ? unescape(keyVal[1]) : keyVal[1];
           }
       })();
    }
//    var game_boxes = Ext.select('.category_box');
//    for(e in game_boxes.elements) {
//        if ((game_boxes.elements[e]).id != undefined) {
//            rewriteGameLogos((game_boxes.elements[e]).id);
//        }
//    }
    
    
    if(Ext.get('game_tab_1')){
        var catBox = Ext.get('category_box');
        //simple tabs
        if(HashSearch.keyExists('activetab')){
            Ext.get(HashSearch.get('activetab')).addClass('active');
            catBox.update(gameTabs[HashSearch.get('activetab')]);
        } else {
            Ext.get('game_tab_1').addClass('active');
            catBox.update(gameTabs.game_tab_1);
        }
        Ext.select('.tab_menu_item').on('click', function(){
            Ext.select('.tab_menu_item').removeClass('active');
            var tabId = this.id;
            Ext.get(tabId).addClass('active');
            //var activeGameTab = (tabId.match(/game_tab_([\_a-zA-Z]+)/))[1];
            catBox.update(gameTabs[tabId]);
        });
    }
});