﻿var abc = true;
var json = 
{
    'Aba1':
    {
        Texto: TextoAba1, Imagem: ImagemAba1, Link: LinkAba1
    },
    'Aba2':
    {
        Texto: 'O que é o Programa Alimentar Dieta e Saúde?'
    },
    'Aba3':
    {
        Texto: 'Como ele funciona?'
    },
    'Aba4':
    {
        Texto: 'Por que ele funciona?'
    }
}
function LoadMediaBox()
{
      $('div .divAbas div').each(function(i)
      {
        $(this).children('p').click(function()
        {
            abc = false;
            if($(this).hasClass('.abaInativaMediaBox'))
            {
                $('div .divAbasAbsoluteInativo').each(function(i)
                {
                    $(this).removeClass('divAbasAbsoluteAtivo');
                    $(this).addClass('divAbasAbsoluteInativo');
                    $(this).children('p').removeClass('abaAtivaMediaBox');
                    $(this).children('p').addClass('abaInativaMediaBox');
                });
                $('div .divAbasAbsoluteAtivo').each(function(i)
                {
                    $(this).removeClass('divAbasAbsoluteAtivo');
                    $(this).addClass('divAbasAbsoluteInativo');
                    $(this).children('p').removeClass('abaAtivaMediaBox');
                    $(this).children('p').addClass('abaInativaMediaBox');
                });
                $(this).parent().removeClass('divAbasAbsoluteInativo');
                $(this).parent().addClass('divAbasAbsoluteAtivo');
                $(this).removeClass('abaInativaMediaBox');
                $(this).addClass('abaAtivaMediaBox');
                
                var src = '';
                $('#conteudoMediaBox').fadeOut(400);
                switch($(this).attr('id'))
                {
                    case 'Aba1': setTimeout(function(){$('#conteudoMediaBox').children('div').css('display', 'none'); $('#conteudoAba1').css('display', 'block'); $('#conteudoMB').attr('src', json['Aba1'].Imagem)}, 400); break;
                    case 'Aba2': setTimeout(function(){$('#conteudoMediaBox').children('div').css('display', 'none'); $('#conteudoAba2').css('display', 'block')}, 400); break;
                    case 'Aba3': setTimeout(function(){$('#conteudoMediaBox').children('div').css('display', 'none'); $('#conteudoAba3').css('display', 'block')}, 400); break;
                    case 'Aba4': setTimeout(function(){$('#conteudoMediaBox').children('div').css('display', 'none'); $('#conteudoAba4').css('display', 'block')}, 400); break;
                }
                //setTimeout(function(){$('#conteudoMB').attr('src', src)}, 400);
                $('#conteudoMediaBox').fadeIn(400);
            }
        });
        switch($(this).children('p').attr('id'))
        {
            case 'Aba1': $(this).children('p').children('span').append(json['Aba1'].Texto); break;
            case 'Aba2': $(this).children('p').children('span').append(json['Aba2'].Texto); break;
            case 'Aba3': $(this).children('p').children('span').append(json['Aba3'].Texto); break;
            case 'Aba4': $(this).children('p').children('span').append(json['Aba4'].Texto); break;
        }
        $('#imagemAba1').attr('src', json['Aba1'].Imagem);
        $('#conteudoAba1').children('a').attr('href', json['Aba1'].Link);
      });
}

function AutoMediaBox()
{
    switch($('.abaAtivaMediaBox').attr('id'))
    {
        case 'Aba1': setTimeout(function(){if(abc){$('#Aba2').click(); abc=true;}},10); break;
        case 'Aba2': setTimeout(function(){if(abc){$('#Aba3').click(); abc=true;}},10); break;
        case 'Aba3': setTimeout(function(){if(abc){$('#Aba4').click(); abc=true;}},10); break;
        case 'Aba4': setTimeout(function(){if(abc){$('#Aba1').click(); abc=true;}},10); break;
    }
    if(abc)
    {
        setTimeout(AutoMediaBox, 10000);
    }
}