var spinLottery = (function (){
    var findAreaId = function (lotteryId){
        var id = 1;

        for(var AreaId in LOTTERY_BYDAYOFWEEK){
            for(var dayId in LOTTERY_BYDAYOFWEEK[AreaId]){
                for(var itemId in LOTTERY_BYDAYOFWEEK[AreaId][dayId]){
                    if(lotteryId == LOTTERY_BYDAYOFWEEK[AreaId][dayId][itemId]){
                        id = AreaId;
                    }
                }
            }
        }
        return id;
    }

    var getRandNumber = function (length){
        var result           = '';
        var characters       = '0123456789';
        var charactersLength = characters.length;
        for ( var i = 0; i < length; i++ ) {
            result += characters.charAt(Math.floor(Math.random() * charactersLength));
        }
        return result;
    }

    var showToTable = function (){
        for(var i in elNumbers){
            elNumbers[i].el.attr('data-value',result[i]);
            elNumbers[i].el.html(result[i]);
        }
    }

    var indexInterval = null;
    var elNumbers = [];
    var result = [];

    return {
        findAreaId: findAreaId,
        run: function (speedType){
            var speed = 1000;
            switch (speedType){
                case 1:
                    speed = 100;
                    break;
                case 2:
                    speed = 200;
                    break;
                case 3:
                    speed = 300;
                    break;
            }

            $(document).find('.quantity-of-number .number').each(function (){
                elNumbers.push({
                    el: $(this),
                    number: '',
                    length: parseInt($(this).attr('data-length')),
                })
            })
            indexInterval = setInterval(function (){
                for(var i in elNumbers){
                    result[i] = getRandNumber(elNumbers[i].length);
                }
                showToTable();
            }, speed)
        },
        stop: function (){
            clearInterval(indexInterval);
            indexInterval = null;
        }
    }
})()
var generateTable = function (){
    var lotteryId = parseInt($('#lottery').val());
    var areaId = spinLottery.findAreaId(lotteryId);
    var html = '<table class="table-fixed tbldata table-result-lottery"><thead><tr><th colspan="2"><h2><span class="hidden-sm hidden-xs">Tự quay xổ số</span> '+$('#lottery option:selected').html()+' Lần quay số tiếp theo </h2></th></tr></thead><tbody>';
    for(var prizeID in prizesObject){
        var result = '';
        var prize = prizesObject[prizeID];
        var numberPrize = prize['quantity_of_number'][areaId];
        var numberLength = prize['number_length'][areaId];
        for(var j=1;j<=numberPrize;j++){
            var hiddenNumber = '';
            for(var x =1;x<=numberLength;x++){
                hiddenNumber += '*';
            }
            result+= '<span data-length="'+numberLength+'" data-value="" class="number" data-prize="'+prizeID+'">'+hiddenNumber+'</span>'
        }
        if(numberPrize>0){
            html += '<tr>' +
                '<td class="prize">' +prize.name+'</td>' +
                '<td class="results">' +
                '<div class="quantity-of-number" data-quantity="'+numberPrize+'">' +result+'</div>' +
                '</td>' +
            '</tr>';

        }
    }
    html +='</tbody></table>';
    $('#spin-auto-table').html(html);
}
$(document).ready(function () {
    $('#spin-auto').click(function (){
        $(this).toggleClass('running');
        if(!$(this).hasClass('running')){
            $(this).html('Quay số')
            spinLottery.stop();
        }else{
            $(this).html('Dừng quay số')
            generateTable();
            spinLottery.run(parseInt($('#spinspeed').val()));
        }


    })
    $('.lottery-spin').change(function (){
        $('#spin-auto').removeClass('running');
        $('#spin-auto').html('Quay số')
        spinLottery.stop();
        generateTable();
    })
    generateTable();
});