$(document).ready(function(){

var red = "#962222";
var blue = "#084a86";
var green = "#416414";
var purble = "#660099";
var orange = "#cc6600";

var textElements = "#container #mainContent h1,#container #mainContent h2 a,#container div.block h2";
var bgElements =  "#container a.button,#container #header,#container #header ul a.active";
var borderElements =  "#container #outerfooter";


$("li.reset").click(function() { 
	$(bgElements).animate({ backgroundColor: red }, "slow");
	$(textElements).animate({ color: red }, "slow");
	$(borderElements).animate({ borderColor: red }, "slow");
});
$("li.blue").click(function() { 
	$(bgElements).animate({ backgroundColor: blue }, "slow"); 
	$(textElements).animate({ color: blue }, "slow");
	$(borderElements).animate({ borderColor: blue }, "slow");
});
$("li.green").click(function() { 
	$(bgElements).animate({ backgroundColor: green }, "slow");
	$(textElements).animate({ color: green }, "slow"); 
	$(borderElements).animate({ borderColor: green }, "slow");
});
$("li.purble").click(function() { 
	$(bgElements).animate({ backgroundColor: purble }, "slow");
	$(textElements).animate({ color: purble }, "slow");
	$(borderElements).animate({ borderColor: purble }, "slow"); 
});
$("li.orange").click(function()  { 
	$(bgElements).animate({ backgroundColor: orange }, "slow");
	$(textElements).animate({ color: orange }, "slow");
	$(borderElements).animate({ borderColor: orange }, "slow"); 
});
$("li.red").click(function() { 
	$(bgElements).animate({ backgroundColor: red }, "slow");
	$(textElements).animate({ color: red }, "slow");
	$(borderElements).animate({ borderColor: red }, "slow"); 
});


});