// JavaScript Document

function preload(){
    for(i=1;i<10;i++){
        img = new Image()
        img.src = '/static/images/button'+i+'.jpg'
        
        roll = new Image()
        roll.src = '/static/images/button'+i+'a.jpg'
    }
}

preload()

function RestoreColor1(theValue){

if (theValue=='n1'){
  document.getElementById(theValue).style.backgroundImage = 'url(/static/images/button1.jpg)';
	}

	if (theValue=='n2'){
  document.getElementById(theValue).style.backgroundImage = 'url(/static/images/button2.jpg)';
	}
	
	if (theValue=='n3'){
  document.getElementById(theValue).style.backgroundImage = 'url(/static/images/button3.jpg)';
	}
	
	if (theValue=='n4'){
  document.getElementById(theValue).style.backgroundImage = 'url(/static/images/button4.jpg)';
	}
	
	if (theValue=='n5'){
  document.getElementById(theValue).style.backgroundImage = 'url(/static/images/button5.jpg)';
	}
	
	if (theValue=='n6'){
  document.getElementById(theValue).style.backgroundImage = 'url(/static/images/button6.jpg)';
	}
	
	if (theValue=='n7'){
  document.getElementById(theValue).style.backgroundImage = 'url(/static/images/button7.jpg)';
	}
	
	if (theValue=='n8'){
  document.getElementById(theValue).style.backgroundImage = 'url(/static/images/button8.jpg)';
	}	
	
	if (theValue=='n9'){
  document.getElementById(theValue).style.backgroundImage = 'url(/static/images/button9.jpg)';
	}	
	
}






function ChangeColor1(theValue){
	
		if (theValue=='n1'){
        document.getElementById(theValue).style.backgroundImage= 'url(/static/images/button1a.jpg)';
		}
		
		if (theValue=='n2'){
        document.getElementById(theValue).style.backgroundImage= 'url(/static/images/button2a.jpg)';
		}
		
		if (theValue=='n3'){
        document.getElementById(theValue).style.backgroundImage= 'url(/static/images/button3a.jpg)';
		}

		if (theValue=='n4'){
        document.getElementById(theValue).style.backgroundImage= 'url(/static/images/button4a.jpg)';
		}
		
		if (theValue=='n5'){
        document.getElementById(theValue).style.backgroundImage= 'url(/static/images/button5a.jpg)';
		}
		
		if (theValue=='n6'){
        document.getElementById(theValue).style.backgroundImage= 'url(/static/images/button6a.jpg)';
		}
		
		if (theValue=='n7'){
        document.getElementById(theValue).style.backgroundImage= 'url(/static/images/button7a.jpg)';
		}
		
		if (theValue=='n8'){
        document.getElementById(theValue).style.backgroundImage= 'url(/static/images/button8a.jpg)';
		}
		
		if (theValue=='n9'){
        document.getElementById(theValue).style.backgroundImage= 'url(/static/images/button9a.jpg)';
		}		
		
		
		

}
