/*
 * Function to open a page in a popup window
 */
function openGameLobby()
{
    w = document.body.clientWidth;
    h = document.body.clientHeight;
    window.open(gameUrl,'Wintingo_game_Lobby','width=' + w + ', height=' + h);
}

function getCurrentCmsLanguage()
{
    var mainContent = Ext.get('content');
    var Lang = mainContent.dom.className;
    Lang = Lang.substr(-2);
    return Lang;
}


Ext.onReady(function(){
    
    var currentLang = getCurrentCmsLanguage();
    
    if (Ext.get('main_promo')) {
        Ext.get('main_promo').on('click', function(){
        openGameLobby('http://games.wintingo.com/' + currentLang + '/wintingo');
    });
    }
    
    //replace promo amount with images
    if(Ext.select('.promo_amount'))
    {
        var amount = '';
        var digit = '';
        var className = '';
        var promoAmounts = Ext.select('.promo_amount');
        for(e in promoAmounts.elements)
        {
            var currentPromoAmount = promoAmounts.elements[e];
            if (currentPromoAmount.className != undefined) {
                amount = currentPromoAmount.textContent;
                amount = amount.split("");
                var amountR = '';
                for(amountCount = 0, len=amount.length; len > amountCount; amountCount++){
                    digit = (amount[amountCount]).toString();
                    switch(digit)
                    {
                        case '$':
                            className = 'dollar';
                        break;
                        case '€':
                            className = 'euro';
                        break;
                        case '£':
                            className = 'pond';
                        break;
                        case '.':
                            className = 'dot';
                        break;
                        case ' ':
                            className = 'space';
                        break;
                        default:
                            className = digit;
                        break;
                    }
                    amountR += digit.replace(amount[amountCount], '<div class="image_replace image_' + className + '">' + className + '</div>');
                }
                currentPromoAmount.innerHTML = amountR;
            }    
        }
    }
    
    //
    var active = false;
    if (Ext.get('info_button')) {
        Ext.get('info_button').on('click', function(){
            if (active === false) {
                Ext.get('footer_info_text').setStyle('display', 'block');
                Ext.get('info_button').dom.innerHTML = '[-]';
                active = true;
            } else if(active === true) {
                Ext.get('footer_info_text').setStyle('display', 'none');
                Ext.get('info_button').dom.innerHTML = '[+]';
                active = false;
            }
        });
    }
    if (Ext.get('fb_promotions_link')) {
        Ext.get('fb_promotions_link').addListener('mouseover', function () {
            Ext.select('.fb_promotions').setStyle('display', 'block');  
            Ext.select('span.count').setStyle('display', 'none');
        });
        Ext.select('.fb_promotions').addListener('mouseover', function () {
            Ext.select('.fb_promotions').setStyle('display', 'block');
            Ext.select('span.count').setStyle('display', 'none');
            Ext.get('fb_promotions_link').addClass('active');
        });
        Ext.get('fb_promotions_link').addListener('mouseout', function () {
            Ext.select('.fb_promotions').setStyle('display', 'none');
            Ext.select('span.count').setStyle('display', 'block');
        }); 
        Ext.select('.fb_promotions').addListener('mouseout', function () {
            Ext.select('.fb_promotions').setStyle('display', 'none');
            Ext.select('span.count').setStyle('display', 'block');
            Ext.get('fb_promotions_link').removeClass('active');
        });
    }
    var i = 1;
    var nlI = i;
    var esI = i;
    var margin = 6;
    var esmargin = margin;
    var animateImages = function(){
        //en & de
        switch (i) {case 1:margin = '6px';break;
                    case 2:margin = '-26px';break;
                    case 3:margin = '-58px';break;
        }
        Ext.select('.lang_img_box img#en').setStyle('margin-top', margin);
        if (i == 3) {i = 1} else {i++;}
        switch (esI) {case 1:esmargin = '6px';break;
                      case 2:esmargin = '-26px';break;
                      case 3:esmargin = '-58px';break;
                      case 4:esmargin = '-90px';break;
        }
        Ext.select('.lang_img_box img#es').setStyle('margin-top', esmargin);
        if (esI == 4) {esI = 1} else {esI++;}
        /*
        if (Ext.select('.lang_img_box img#de')) {
            Ext.select('.lang_img_box img#de').setStyle('margin-top', margin);
        }
        */
        
        //nl 
        switch (nlI) {case 1:margin = '6px';break;
                      case 2:margin = '-26px';break;
        }
        Ext.select('.lang_img_box img#nl').setStyle('margin-top', margin);
        if (nlI == 2) {nlI = 1} else {nlI++;}
    };
    var task = {
        run: animateImages,
        interval: 3000 //1 second
    }
    var runner = new Ext.util.TaskRunner();
    runner.start(task);
    
});