window.onload = function(){	
	var notes = getElementsByClassName('tooltip-note','span');
	
	for(var i=0;i<notes.length;i++){
		var n = notes[i];
		var c = document.createElement('div');
		var a = document.createElement('span');
		var p = notes[i].parentNode;
		var target = getElementsByClassName('tooltip-target','span',p)[0];
	
		n.className = 'note';
		a.className = 'arrow';
		c.className = 'tooltip';
		c.style.display = 'none';
	
		c.appendChild(a);
		c.appendChild(n);
		
		p.appendChild(c);
	
		target.tooltip = c;
	
		target.onmouseover = function(){
			this.tooltip.style.display = 'block';
		};
		target.onmouseout = function(){
			this.tooltip.style.display = 'none';
		};
	}
}