var active = false;
var setKey = false;
var wsKey = null;

var workSafeSource = 'http://www.google.de';

function key_pressed(key_event) 
{
	if (!key_event)
	{
		key_event = window.event;
	}
	
	if(setKey == true)
	{   
		wsKey = key_event.keyCode;
		setWorkSafeKey();
		document.getElementById('wsKey').style.display='none';
		setKey = false;
		return false;
	}
	
	if(key_event.keyCode == wsKey)
	{
		if(active === false)
		{
			document.getElementById('worksafe').style.display='block';	  
			active = true;
		}
		else
		{
			document.getElementById('worksafe').style.display='none';
			active = false;
		}
	}
}

function setWsKey()
{
	setKey = true;
	document.getElementById('wsKey').style.display='block';
	return false;
}

function setWorkSafeKey()
{
	var expires = new Date();
	expires.setTime(expires.getTime() + (60 * 60 * 60* 60 * 60 * 1000));
	document.cookie = "wsKey="+wsKey+";expires=" + expires.toGMTString() +";path=/;";
}

function getWorkSafeKey()
{
	if (document.cookie == '') 
	{     
		return false;
	} 
	else 
	{
		var cookies = document.cookie.split(";");		
		
		for(i = 0; i < cookies.length; i++)
		{
			var cookiedata = cookies[i].split("=");			
			
			if(cookiedata[0].search(/^wsKey$/) === 0)
			{
				wsKey = cookiedata[1];
				return null;
			}			
		}
	}
}

getWorkSafeKey();
 
//document.write('<div id="worksafe" style="position:absolute; top:0px; left:0px; height:100%; width:100%; background-color:black; display:none;"></div>');
document.write('<div id="worksafe" style="position:absolute; top:0px; left:0px; height:100%; width:100%; background-color:black; display:none;"><iframe src="'+workSafeSource+'" width="100%" height="100%" frameborder="0"></iframe></div>');
document.write('<div id="wsKey" style="position:absolute; top:30%; left:40%; height:60px; width:280px; text-align:center; padding:10px; font-size:1.4em; color:white; font-weight:bold; background-color:green; display:none;">Press a key you want to use as WorkSafe-Key</div>');
document.onkeydown = key_pressed;