//code demo for the focus article
var CodeDemo = {
  doClick : function(){
    alert('the click event fired');
    return false;
  },
  doOver: function(){
    document.getElementById('showonfocus').style.display = 'block';
  },
  doOut: function(){
    document.getElementById('showonfocus').style.display = 'none';
  },
  doFocus: function(){
  	alert('the focus event fired');
  },
  initPairLink: function(){
  	document.getElementById('showonfocus').style.display = 'none';
	var pairLink = document.getElementById('pairLink');
	pairLink.onclick = this.doClick;
	pairLink.onmouseover = this.doOver;
	pairLink.onmouseout = this.doOut;
	pairLink.onfocus = pairLink.onmouseover;
	pairLink.onblur = pairLink.onmouseout;
  },
  initClick: function(){
  	var eLink = document.getElementById('eventsLink');
	eLink.onfocus = this.doFocus;
	eLink.onclick = this.doClick;
  },
  init: function(){
	this.initPairLink();
  	this.initClick();
  }
};

window.onload = function(){
	CodeDemo.init();
};