/**
 * Terra Galeria de Fotos.
 * Baseado no Jolicloud Tour Slider: <http://www.jolicloud.com>
 * Baseado no jQuery Coda Slider: <http://jqueryfordesigners.com/demo/coda-slider.html>
 */
 
//define variaveis para acompanhar o total de fotos e a foto atual
var div_atual_item = 0;
var div_total_items = 0;
 
function div_troca_item(i) {
    var num_div = $('#div_form .div_item:eq('+i+') h2').html();
    $('#div_form .cabecalho h2').html(num_div);
	
	var num_div2 = $('#div_form .div_item:eq('+i+') h3').html();
    $('#div_form .cabecalho h3').html(num_div2);
    
    if(i == 0)
        $("#div_form .anterior").addClass("desabilitado")
	else
        $("#div_form .anterior").removeClass("desabilitado")
    if(i == div_total_items - 1)
        $("#div_form .proximo").addClass("desabilitado")
    else
        $("#div_form .proximo").removeClass("desabilitado")
        
} 
 
function div_volta() {
    if(div_atual_item <= 0)
        return;
    div_atual_item--;
    div_atualiza_item();
}

function div_avanca() {
    if(div_atual_item >= div_total_items - 1)
        return;
    div_atual_item++;
    div_atualiza_item();
}

function div_atualiza_item() {
	var okay = false;
    $('#div_form .cabecalho h2').fadeOut(250,function() {
        if(okay) return;
        okay = true;
        div_troca_item(div_atual_item);
        $('#div_form .cabecalho h2').fadeIn(250);
    });
	
	var okay2 = false;
    $('#div_form .cabecalho h3').fadeOut(250,function() {
        if(okay2) return;
        okay2 = true;
        div_troca_item(div_atual_item);
        $('#div_form .cabecalho h3').fadeIn(250);
    });
	
    $("#movimento_slide_form").animate({
        'marginLeft': "-" + (div_atual_item * 450) + "px"
    },{duration:500, queue:false});

}


$(document).ready(function() {
  var items = $('#div_form .div_item');
  div_total_items = items.length;


  
  // Aumenta div foto_movimento_interno
  $("#movimento_slide_form").css({
      'width': (div_total_items * 450) + "px"
  });
  

  
  // faz imagens flutuarem a esquerda
  $('#div_form .div_item').css({
      'float': 'left' 
  });

  div_troca_item(div_atual_item);
});