var tipo;
var class_rolar;
$(document).ready(function(){
	// Clique dos itens do calendário
	$('li.ativo').click(function(e){
		marcarDia($(this));
		return false;
	})
	
	// Botão do próximo mês
	$('.bt_proximo').click(function(){
		passarProximo();
		return false;
	})
	
	// Botão do mês anterior
	$('.bt_anterior').click(function(e){
		passarAnterior();
		return false;
	})
})

function marcarDia(e){
	// Desmarcando os itens jah selecionados
	desmarcar_ativos();
	
	// Montando a Data
	dia = e.attr('innerHTML').length>1 ? e.attr('innerHTML') : '0'+e.attr('innerHTML');
	mes_desmarcar = document.getElementById('input_mes').value.length>1 ? document.getElementById('input_mes').value : '0'+document.getElementById('input_mes').value;
	ano_desmarcar = $('#input_ano').attr('value');
	data = dia+'/'+mes_desmarcar+'/'+ano_desmarcar;
	
	// Inserindo no form e marcando o campo clicado
	$('#data_evento').attr('value', data);
	$('#data_evento').css('color', '#d29a3c');
	$('#data_evento').css('width', '262px');
	$('#data_evento').css('height', '19px');
	$('#data_evento').css('padding-top', '4px');
	$('#data_evento').css('border', '2px solid #d29a3c');
	e.addClass('marcado');
	
	// Marcando no input que vai para a action
	document.getElementById('data_da_reserva').value = data;
}

// Passa para o próximo mes
function passarProximo(){
	mes_atual = eval(document.getElementById('input_mes').value);
	ano_atual = eval(document.getElementById('input_ano').value);
	if(mes_atual == 12){
		mes_proximo = 1;
		ano_proximo = ano_atual+1;
	} else{
		mes_proximo = mes_atual+1;
		ano_proximo = ano_atual;
	}
	tipo = 'proximo';
	class_rolar = ano_atual+'_'+mes_atual;
	trocarMes(mes_proximo, ano_proximo);
	return false;
}

// Passa para o mês anterior
function passarAnterior(){
	mes_passar = eval($('#input_mes').attr('value'));
	ano_passar = eval($('#input_ano').attr('value'));
	if(mes_passar == 1){
		mes_anterior = 12;
		ano_anterior = ano_passar-1;
	} else{
		mes_anterior = mes_passar-1;
		ano_anterior = ano_passar;
	}
	class_rolar = ano_passar+'_'+mes_passar;
	tipo = 'anterior';
	trocarMes(mes_anterior, ano_anterior);
	return false;
}

// Desmarca todos LI ativos e que não forem reservados no banco de dados
function desmarcar_ativos(){
	$('li.ativo').each(function(){
		$(this).removeClass('marcado');							
	})
}

// Troca o mês no calendário
function trocarMes(mes, ano, direcao){
	$.ajax({
		type:'POST',
		url:'actions/action_trocaMes.php',
		data:'mes='+mes+'&ano='+ano,
		success:function(dados){
			criarCalendario(dados, mes, ano);
		}
	});
	return false;
}

function criarCalendario(dados, mes, ano){
	// Marcando mes a ano atual
	document.getElementById('input_mes').value = mes;
	document.getElementById('input_ano').value = ano;
	
	// Criando os elementos do Calendário
	div = document.createElement('div');
	div.className = ano+'_'+mes;
	p = document.createElement('p');
	a_anterior = document.createElement('a');
	a_anterior.setAttribute('href', '#');
	a_anterior.setAttribute('title', 'Anterior');
	a_anterior.className = 'bt_anterior';
	a_anterior.innerHTML = 'Anterior';
	a_anterior.onclick = passarAnterior;
	span = document.createElement('span');
	span.innerHTML = converteMes(mes)+' de '+ano;
	a_proximo = document.createElement('a');
	a_proximo.setAttribute('href', '#');
	a_proximo.setAttribute('title', 'Próximo');
	a_proximo.className = 'bt_proximo';
	a_proximo.innerHTML = 'Próximo';
	a_proximo.onclick = passarProximo;
	input_do_mes = document.createElement('input');
	input_do_mes.setAttribute('type', 'hidden');
	input_do_mes.setAttribute('id', 'input_mes');
	input_do_mes.setAttribute('name', 'mes');
	input_do_mes.setAttribute('value', mes);
	input_do_ano = document.createElement('input');
	input_do_ano.setAttribute('type', 'hidden');
	input_do_ano.setAttribute('id', 'input_ano');
	input_do_ano.setAttribute('name', 'ano');
	input_do_ano.setAttribute('value', ano);
	ul = document.createElement('ul');
	ul.innerHTML = dados;
	
	// Unindo a família
	p.appendChild(a_anterior);
	p.appendChild(span);
	p.appendChild(a_proximo);
	p.appendChild(input_do_mes);
	p.appendChild(input_do_ano);
	div.appendChild(p);
	div.appendChild(ul);
	
	// Animando as Frescuras
	if(tipo == 'proximo'){
		div.style.left = '352px';
		document.getElementById('calendario').appendChild(div);
		class_rolar = '.'+class_rolar;
		class_rolar_2 = '.'+ano+'_'+mes;
		$(class_rolar).animate({marginLeft:'-352px'},350);
		$(class_rolar_2).animate({left:'0px'},330);
	} else{
		div.style.left = '-352px';
		document.getElementById('calendario').appendChild(div, document.getElementById('calendario').firstChild);
		class_rolar = '.'+class_rolar;
		class_rolar_2 = '.'+ano+'_'+mes;
		$(class_rolar).animate({marginLeft:'352px'},350);
		$(class_rolar_2).animate({left:'0px'},330);
	}
	
	// Removendo o elemento escondido
	setTimeout("$(class_rolar).remove()", 350);
	
}
function converteMes(mes){
	switch(mes){
		case 1 :
		return 'Janeiro';
		break;
		
		case 2 :
		return 'Fevereiro';
		break;
		
		case 3 :
		return 'Março';
		break;
		
		case 4 :
		return 'Abril';
		break;
		
		case 5 :
		return 'Maio';
		break;
		
		case 6 :
		return 'Junho';
		break;
		
		case 7 :
		return 'Julho';
		break;
		
		case 8 :
		return 'Agosto';
		break;
		
		case 9 :
		return 'Setembro';
		break;
		
		case 10 :
		return 'Outubro';
		break;
		
		case 11 :
		return 'Novembro';
		break;
		
		case 12 :
		return 'Dezembro';
		break;
	}
}