/* --------------------------- Inicializa Scripts --------------------------- */

$(document).ready(function() {
	
	hover();
	
});


function hover() {
	tempo = 100;
	animacao = "easeOutBack";
	
	$("#boxMenu .menu01").hover(
	  function () {
		$(".menuMarcacao").animate( { marginTop:"201px", opacity:"1"}, tempo, animacao);
	  }
	);
	
	$("#boxMenu .menu02").hover(
	  function () {
		$(".menuMarcacao").animate( { marginTop:"228px", opacity:"1"}, tempo, animacao);
	  }
	);
	
	$("#boxMenu .menu03").hover(
	  function () {
		$(".menuMarcacao").animate( { marginTop:"255px", opacity:"1"}, tempo, animacao);
	  }
	);
	
	$("#boxMenu .menu04").hover(
	  function () {
		$(".menuMarcacao").animate( { marginTop:"282px", opacity:"1"}, tempo, animacao);
	  }
	);
	
	$("#boxMenu .menu05").hover(
	  function () {
		$(".menuMarcacao").animate( { marginTop:"313px", opacity:"1"}, tempo, animacao);
	  }
	);
	
	$("#boxMenu .menu06").hover(
	  function () {
		$(".menuMarcacao").animate( { marginTop:"339px", opacity:"1"}, tempo, animacao);
	  }
	);	
	
	$("#boxMenu .menu07").hover(
	  function () {
		$(".menuMarcacao").animate( { marginTop:"367px", opacity:"1"}, tempo, animacao);
	  }
	);	
	
	$("#boxMenu .menu08").hover(
	  function () {
		$(".menuMarcacao").animate( { marginTop:"392px", opacity:"1"}, tempo, animacao);
	  }
	);	
}