//função executada qdo a página é carregada
$(document).ready(function()
{
	$("#menu dl dt").click(function(){
		
		//guarda na variável página o valor do atributo href
		//do botão clicado
		var id = $(this).attr("id");

		var url = "zebra";
		
		switch(id)
		{
			case 'home' :
				url	= "../home/index.php";
			break;
			case 'agenda':
				url	= "../agenda/index.php";
			break;
			case 'fotos' :
				url	= "../galeria/index.php";
			break;
			case 'videos':
				url	= "../videos/index.php";
			break;
			case 'radios':
				return false;
			break;
			default:
				url	= "../materias/indexEditorial.php?editorialID="+id;
			break;
		}

		if(url == "zebra")
		{
			return false;
		}
		else
		{
			location.href=url;
		}

	});

	$("#menu dl dt,#menu2 dl dt").hover(function(){
		//utilizao método animate() para modificar as propriedades 
		//do botão que disparou o evento
		//stop() -> pára as animações do elemento selecionaodo
		//animate({ css }, tempo)
		//para animações de cor é necessário usar o plugin
		//jquery.color.js
		$(this).stop().animate({
			"paddingLeft": 		10,
			"color":			"#FFFFFF",
			"backgroundColor":	"#DB261D"
		}, "medium", "easeOutBack");
				
	}, function(){
		$(this).stop().animate({
			"paddingLeft": 		3,
			"color":			"#DB261D",
			"backgroundColor":	"#FFFFFF"
		}, "fast", "jswing");
	});
	$("#menu2 dl dt").click(function(){

		//guarda na variável página o valor do atributo href
		//do botão clicado
		var id = $(this).attr("id");

		var url = "zebra";
		
		switch(id)
		{
			case 'home' :
				url	= "../home/index.php";
			break;
			case 'agenda':
				url	= "../agenda/index.php";
			break;
			case 'fotos' :
				url	= "../galeria/index.php";
			break;
			case 'videos':
				url	= "../videos/index.php";
			break;
			case 'radios':
				return false;
			break;
			default:
				url	= "../materias/indexEditorial.php?editorialID="+id;
			break;
		}

		if(url == "zebra")
		{
			return false;
		}
		else
		{
			location.href=url;
		}

	});
});