//*********************************************************
// change background colour of a text field to be site blue
//*********************************************************
function changecolour(obj) {
	var item = document.getElementById(obj);
	$(item).addClass('highlight');
}


//*********************************************************
// change background colour of a text field back to white
//*********************************************************
function normal(obj) {
	var item = document.getElementById(obj);
	$(item).removeClass('highlight');
	//$(item).css({'background': '#ffffff'});
}
//*********************************************************
// show/hide games row 
//*********************************************************
function opennext() {
	alert("click");
	$(this).closest("tr").next("tr .bangames").show();
}



//*********************************************************
// rescale css for accessability
//*********************************************************


	$(document).ready(function () 
	{
	
		var min=12;         
		var max=18;
		var width=472;
		var reset= $('body').css('fontSize');            
		//font resize these elements     
		var elm = $('body');             
		var size = 16;      
		$('a.fontSizePlus').click(function() 
		{                   
			if (size<=max) 
			{                          
				size++;                           
				elm.css({'fontSize' : size});
				width = 472 -((size-16) *11);
				$('.middle').css({'width':width})
			}	                   
		return false;                  
		});       
		$('a.fontSizeMinus').click(function() 
		{           
			if (size>=min) 
			{
				size--;                           
				elm.css({'fontSize' : size});
				width = 472 -((size-16) *11);
				$('.middle').css({'width':width})
			}	                   
		return false;                  
		});           
		$('a.fontReset').click(function () 
		{                   
			elm.css({'fontSize' : "16px"});          
			size=16;
			$('.middle').css({'width': '472px'})
		});           
	});   

