// JavaScript Document

//document id caller
var $ = function(id){
	return document.getElementById(id);
}




var buttonOver1 =  function (){
	
	$("1").style.backgroundColor = "#CCC";
	$("1").style.color = "#000";

	
	} 
	
	
var buttonOut1 =  function (){
	
	$("1").style.backgroundColor = "";
	$("1").style.color = "#fff";

	
	} 
	
var buttonOver2 =  function (){
	
	$("2").style.backgroundColor = "#CCC";
	$("2").style.color = "#000";

	
	} 
	
	
var buttonOut2 =  function (){
	
	$("2").style.backgroundColor = "";
	$("2").style.color = "#fff";

	
	} 
	
	var buttonOver3 =  function (){
	
	$("3").style.backgroundColor = "#CCC";
	$("3").style.color = "#000";

	
	} 
	
	
var buttonOut3 =  function (){
	
	$("3").style.backgroundColor = "";
	$("3").style.color = "#fff";

	
	} 
	
	var buttonOver4 =  function (){
	
	$("4").style.backgroundColor = "#CCC";
	$("4").style.color = "#000";

	
	} 
	
	
var buttonOut4 =  function (){
	
	$("4").style.backgroundColor = "";
	$("4").style.color = "#fff";

	} 
	
	var buttonOver5 =  function (){
	
	$("5").style.backgroundColor = "#CCC";
	$("5").style.color = "#000";

	
	} 
	
	
var buttonOut5 =  function (){
	
	$("5").style.backgroundColor = "";
	$("5").style.color = "#fff";

	
	} 
	
	var buttonOver6 =  function (){
	
	$("6").style.backgroundColor = "#CCC";
	$("6").style.color = "#000";

	
	} 
	
	
var buttonOut6 =  function (){
	
	$("6").style.backgroundColor = "";
	$("6").style.color = "#fff";

	} 
	
	var buttonOver7 =  function (){
	
	$("7").style.backgroundColor = "#CCC";
	$("7").style.color = "#000";

	
	} 
	
	
var buttonOut7 =  function (){
	
	$("7").style.backgroundColor = "";
	$("7").style.color = "#fff";

	
	} 
	
		var buttonOver8 =  function (){
	
	$("8").style.backgroundColor = "#CCC";
	$("8").style.color = "#000";

	
	} 
	
	
var buttonOut8 =  function (){
	
	$("8").style.backgroundColor = "";
	$("8").style.color = "#fff";

	
	}