var azul=new Image();
var vermelho=new Image();
var laranja=new Image();
var verde=new Image();
var roxo=new Image();
var cinza=new Image();

$(document).ready(function(){
	/*Resize*/
	myResize();
	$(window).resize(myResize);
	azul.src="layout/azul.jpg";
	vermelho.src="layout/vermelho.jpg";
	laranja.src="layout/laranja.jpg";
	verde.src="layoutverde/.jpg";
	roxo.src="layout/roxo.jpg";
	cinza.src="layout/cinza.jpg";
	$(".trocaazul").mouseenter(function(){
		$("#menu>ul").removeClass().addClass("menuazul");
	});
	$(".trocavermelho").mouseenter(function(){
		$("#menu>ul").removeClass().addClass("menuvermelho");
	});
	$(".trocalaranja").mouseenter(function(){
		$("#menu>ul").removeClass().addClass("menularanja");
	});
	$(".trocaverde").mouseenter(function(){
		$("#menu>ul").removeClass().addClass("menuverde");
	});
	$(".trocaroxo").mouseenter(function(){
		$("#menu>ul").removeClass().addClass("menuroxo");
	});
	$(".trocacinza").mouseenter(function(){
		$("#menu>ul").removeClass().addClass("menucinza");
	});
});

function myResize(){
	var espaco=($(window).height()-$("#container").height()-51)/2-10;
	var largura=($(window).width()-765)/2;
	espaco=espaco>0?espaco:0;
	largura=largura>215?largura:215;
	$("#container").css({marginTop:espaco,marginBottom:espaco+20}).width(largura+765);
	$("#menu").width(largura);
	$("#container,#footerbranco,#footer").css("display","block");
}