$(document).ready(function(){
var fonte_p = 11;
var fonte_h3 = 12;
var altura = 205;
var fonte_p1 = 11;
var fonte_h2 = 13;
var altura2 = 270;

    function salva() {
        $.ajax({
            type: 'POST',
            url: 'salva_fonte.php',
            //data: 'fonte_h2='+fonte_h2+'&map_titulo='+map_titulo+'&'+'meio_map='+meio_map,
            data: {
                fonte_p: fonte_p,
                fonte_h3: fonte_h3,
                altura: altura,
                fonte_p1: fonte_p1,
                fonte_h2: fonte_h2,
                altura2: altura2
            },
            success: function(retorno){
                if (parseInt(retorno)!=1)
                    alert('Falhou ao salvar a fonte');
            }
        });
    }

    function carrega() {
        $.ajax({
            type: 'POST',
            url: 'carrega_fonte.php',
            data: '',
            dataType: 'json',
            success: function(retorno){
                if (retorno.tem_salvo == 1) {

                    fonte_p = parseInt(retorno.fonte_p);
                    fonte_h3 = parseInt(retorno.fonte_h3);
                    altura = parseInt(retorno.altura);
                    fonte_p1 = parseInt(retorno.fonte_p1);
                    fonte_h2 = parseInt(retorno.fonte_h2);
                    altura2 = parseInt(retorno.altura2);

                    $('#meio2 p').css({'font-size' : fonte_p1+'px'});
                    $('#main div span').css({'font-size' : fonte_p1+'px'});
                    $('#meio2').css({'height' : altura2+'px'});
                    $('.principal h2,.conte h3').css({'font-size' : fonte_h2+'px'});

                    $('#main div p').css({'font-size' : fonte_p+'px'});
                    $('#main div span').css({'font-size' : fonte_p+'px'});
                    $('#main').css({'height' : altura+'px'});
                    $('#main div h3').css({'font-size' : fonte_h3+'px'});
                }
            }
        });
    }

    carrega();

    $('#aumenta_fonte').click(function(){
		if (fonte_p<18){
			fonte_p = fonte_p+1;
                        fonte_h3 = fonte_h3+1;
                        altura = altura+20;

                        fonte_p1 = fonte_p1+1;
                        fonte_h2 = fonte_h2+1;
                        altura2 = altura2+20;

                        salva();

			$('#meio2 p').css({'font-size' : fonte_p1+'px'});
                        $('#main div span').css({'font-size' : fonte_p1+'px'});
                        $('#meio2').css({'height' : altura2+'px'});
                        $('.principal h2,.conte h3').css({'font-size' : fonte_h2+'px'});


			$('#main div p').css({'font-size' : fonte_p+'px'});
                        $('#main div span').css({'font-size' : fonte_p+'px'});
                        $('#main').css({'height' : altura+'px'});
                        $('#main div h3').css({'font-size' : fonte_h3+'px'});
		}
    });
    $('#reduz_fonte').click(function(){
		if ((fonte_p>9)&&(altura2>300)){
			fonte_p = fonte_p-1;
                        altura = altura-20;
                        fonte_h3 = fonte_h3-1;

                        fonte_p1 = fonte_p1-1;
                        fonte_h2 = fonte_h2-1;
                        altura2 = altura2-20;

                        salva();
                        
			$('#meio2 p').css({'font-size' : fonte_p1+'px'});
                        $('#main div span').css({'font-size' : fonte_p1+'px'});
                        $('#meio2').css({'height' : altura2+'px'});
                        $('.principal h2,.conte h3').css({'font-size' : fonte_h2+'px'});

			$('#main div p').css({'font-size' : fonte_p+'px'});
                        $('#main div span').css({'font-size' : fonte_p+'px'});
                        $('#main').css({'height' : altura+'px'});
                        $('#main div h3').css({'font-size' : fonte_h3+'px'});
		}

    });
});