/*
    if (document.addEventListener)
    {
       document.addEventListener("keypress",keypress,false);
    }
    else if (document.attachEvent)
    {
       document.attachEvent("onkeypress", keypress);
    }
    else
    {
       document.onkeypress= keypress;
    }
    
    onload= toggleGrid;
 */   
     
function toggleGrid() {
	// Toggle grid
	var grid = document.getElementById("grid");
	if(grid == null) {
		grid = document.createElement("DIV");
		grid.id = "grid";
		grid.style.position ="absolute";
		grid.style.zIndex=1;
		grid.style.top="0px";
		grid.style.left="0px";
		grid.style.width="100%";
		grid.style.height="200%";
		grid.style.display="none";
		grid.style.background="url(assets/site/img/grid.gif) no-repeat top left";
		document.body.appendChild(grid);
	}
	else if(grid.style.display=="none") {
		grid.style.display="block";
		grid.style.zIndex=1;
	}
	else if(grid.style.zIndex==1) {
		grid.style.zIndex=-1;
		grid.style.display="block";
	} else {
		grid.style.display="none";
	}
}
 
function keypress(e)
{
   if (!e) e= event;
   if (e.charCode == 103 || e.keyCode == 103) {
	toggleGrid();
   }
}