function sAmigavel(str) {
    str = str.replace("ç","c");
    str = str.replace("Ç","C");
    str = str.replace("ã","a");
    str = str.replace("õ","o");
    str = str.replace("Ã","A");
    str = str.replace("Õ","O");
    str = str.replace(" ","");
    str = str.replace("á","a");
    str = str.replace("é","e");
    str = str.replace("í","i");
    str = str.replace("ó","o");
    str = str.replace("ú","u");
    str = str.replace("Á","A");
    str = str.replace("É","E");
    str = str.replace("Í","I");
    str = str.replace("Ó","O");
    str = str.replace("Ú","U");
    str = str.replace("â","a");
    str = str.replace("ê","e");
    str = str.replace("ô","o");
    str = str.replace("û","u");
    str = str.replace("Â","A");
    str = str.replace("Ê","E");
    str = str.replace("Ô","O");
    str = str.replace("Û","U");
    str = str.replace("'","");
    str = str.replace("–","_");
    str = str.replace("–","_");
    str = str.replace("º","");
    str = str.replace("`","");
    str = str.replace("´","");
    str = str.replace(" ","-");
    str = str.toLowerCase()
    return str;
}

$(document).ready(function(){
    $('.Hide').hide();
    $('.Passo1').cycle({
        fx:'scrollHorz',
        sync: true ,
        speed:'500',
        prev:   '#prev1',
        next:   '#next1',
        timeout:0
    });
    
    
    var idModelo;
    var idVersao;
    var idCor;
    

        
    
    $('#next1, #prev1, .EscolherModelo span').click(function(){
        $('.EscolherModelo h3').css({
            'background-color':'#4a4f54', 
            'color':'white'
        });
        $('#prev1').css('background-image', "url('img/arrow5.png')");
        $('#next1').css('background-image', "url('img/arrow6.png')");
    })
    
    $('.EscolherModelo .Go').live('click',function(){
        $('.Loading.Versao, .FundoLoading.Versao').show();
        $('.Passo1').find('li').each(function(){
            if($(this).is(':visible')){
                var slide = '';
                $('.EscolherModelo .Mensagem').text('O modelo escolhido foi "'+$(this).find('h3').text()+'"');
                idModelo = $(this).attr('carro');
                $.getJSON('http://www.dinautofiat.com.br/pegaversao.php?id='+$(this).attr('carro'),function(data){
                    for(var i = 0; i < data.length; i++){
                        slide += '<li versao="'+data[i].idversao+'"><img src="img/carros/mini/'+sAmigavel(data[i].veiculo)+'-'+(i+1)+'-'+data[i].corpadrao+'.png" alt="'+data[i].veiculo+'" /><h3>'+data[i].versao+'</h3></li>';
                    }
                    $('.Passo2').html(slide);
                }).success(function() {
                    
                }).error(function() {
                    
                }).complete(function() { 
                    $('.Janela2, #prev2, #next2, .EscolherVersao span, .EscolherModelo .Mensagem').show();
                    $('.Loading.Versao, .FundoLoading.Versao, .EscolherVersao .Mensagem, .EscolherModelo span, #next1, #prev1, .Janela').hide();
                    $('.Passo2').cycle({
                        fx:'scrollHorz',
                        sync: true ,
                        speed:'500',
                        prev:   '#prev2',
                        next:   '#next2',
                        timeout:0
                    });
                    $('.Passo2').show();
                });
                
            }
        });
        
    });
    
    $('.Resultado').live('click', function(){
        window.location = idModelo+'/'+idVersao+'/'+idCor;
    })
    
    $('.CoresVeiculo li').live('click', function(){
        var cor2 = $(this).attr('cor');
        $('input[name=cor]').val($(this).attr('title'));
        var li = $(this);
        
        $('.Slide3').find('li').each(function(){
            puxarcores = 1;
            if($(this).is(':visible')){
                $('.MontagemVeiculo .Protecao').show();
                $(this).find('.Loading2').show();
                $(this).find('img.Foto').addClass('FundoLoading2');
                var fotoAtual2 = $(this).find('img.Foto').attr('src');
                var exploded2 = fotoAtual2.split('/');
                exploded2 = exploded2[2].split('.');
                exploded2 = exploded2[0].split('-');
                var fotoNova2 = fotoAtual2.replace(exploded2[2], cor2);
                $(this).find('img.Foto').attr('src', fotoNova2);
                var obj2 = $(this);
                $(this).find('img.Foto').load(function(){
                    obj2.find('.Loading2').hide();
                    obj2.find('img.Foto').removeClass('FundoLoading2');
                    $('.MontagemVeiculo .Protecao').hide();
                    li.parent().parent().find('li').css('background-image', 'none');
                    li.css('background-image', 'url("img/icon14.png")');
                });
            }
        });
    })
    
    $('.Cores li').live('click', function(){
        $('.CorEscolhida').text($(this).attr('title'));
        idCor = $(this).attr('cor');
        $('.EscolherCor span').show();
    })
    
    $('.EscolherVersao .Go').live('click',function(){
        $('.Loading.Cor, .FundoLoading.Cor').show();
        $('.EscolherVersao .Passo2').find('li').each(function(){
            if($(this).is(':visible')){
                $('.EscolherVersao .Mensagem').text('A versão escolhida foi "'+$(this).find('h3').text()+'"');
                idVersao = $(this).attr('versao');
                $.getJSON('http://www.dinautofiat.com.br/requisicao.php?id='+$(this).attr('versao'),function(data){
                    var solidas = '<ul><li class="NomeCor">Sólida</li>';
                    var metalicas = '<ul><li class="NomeCor">Metálica</li>';
                    var perolizadas = '<ul><li class="NomeCor">Perolizada</li>';
                    for(var i = 0; i < data.length; i++){
                        if(data[i].tipocor == "solida"){
                            solidas += '<li cor="'+data[i].idcor+'" title="'+data[i].titulo+'" style="background: #'+data[i].cor+'"></li>';
                        }else if(data[i].tipocor == "metalica"){
                            metalicas += '<li cor="'+data[i].idcor+'" title="'+data[i].titulo+'" style="background: #'+data[i].cor+'"></li>';
                        }else if(data[i].tipocor == "perolizada"){
                            perolizadas += '<li cor="'+data[i].idcor+'" title="'+data[i].titulo+'" style="background: #'+data[i].cor+'"></li>';
                        }
                    }
                    solidas += '</ul>';
                    metalicas += '</ul>';
                    perolizadas += '</ul>';
                    $('.EscolherCor .Cores').html(solidas+metalicas+perolizadas);
                }).success(function() {
                    $('.Loading.Cor, .FundoLoading.Cor, #next2, #prev2, .Janela2, .EscolherVersao .Janela2, .EscolherVersao span, .EscolherCor .Mensagem').hide();
                }).error(function() {
                    
                }).complete(function() { 
                    $('.EscolherCor .Cores, .EscolherVersao .Mensagem, .CorEscolhida').show();
                });
            }
        });
        
    });
    
    
});