$(document).ready(function(){
	var page_color;
	var buttons = new Array ();
	var target = "#main_header";
	
	function setBtn (btn, color) {
		buttons.push (btn);
		
		if ($(btn).hasClass("selected")) {
			page_color = color;
			$(target).stop().animate({'backgroundColor':color}, 500);
		}
		
		$(btn).click (function () {
			if (color != page_color) {
				page_color = color;
				for (var i = 0; i < buttons.length; i ++) {
					if ("#" + $(this).attr("id") != buttons[i]) {
						$(buttons[i]).removeClass ("selected");
					} else {
						$(this).addClass ("selected");
					}
				}
			}
		});
		
		$(btn).hover (function () {
			$(target).stop().animate({'backgroundColor':color}, 500);
		}, function () {
			$(target).stop().animate({'backgroundColor':page_color}, 500);
		});
	}
	
	setBtn ("#btn_home", 	"rgba(172,  73,   0, 0.7)");
	setBtn ("#btn_01", 		"rgba( 79,  54,  30, 0.7)");
	setBtn ("#btn_02", 		"rgba(  1,  44,  66, 0.7)");
	setBtn ("#btn_03", 		"rgba(  4,  69,  21, 0.7)");
	setBtn ("#btn_04", 		"rgba(111,   0,   0, 0.7)");
	setBtn ("#btn_05", 		"rgba(  0,   0,   0, 0.7)");
	setBtn ("#btn_06", 		"rgba( 71,   5, 113, 0.7)");
	setBtn ("#btn_07", 		"rgba( 89, 104,   5, 0.7)");
	
});