<!-- // Hide from older browsers

// Define the text that will be used as Help below the list of video tutorials
var video_instructions = "Roll over tutorials to see description and goals of video";

if (document.getElementById && document.getElementsByTagName) {
	block = document.getElementById('video_tutorials');
	
	// Add helpful instructions to the bottom of the list of video tutorials
	var help = document.createElement('p');
	help.setAttribute('id', 'instructions');
	var text = document.createTextNode(video_instructions);
	help.appendChild(text);
	block.appendChild(help);

	// Add the proper events to each of video tutorials
	list = block.getElementsByTagName('dt');
	for (i=0; i < list.length; i++) {
		list[i].onmouseover = showVideoInfo;
		list[i].onmouseout = hideVideoInfo;
	}
}
// Display the text description and screenshot for each video tutorial  
function showVideoInfo() {
	var help = document.getElementById('instructions');
	var tutorial = getElementsByClass(this.className);
	var name = tutorial[0];
	var description = tutorial[1].getElementsByTagName('span')[0];	
	msg = '<span>' + name.firstChild.innerHTML + '</span> ' + description.innerHTML;
	help.className = "name";
	help.innerHTML = msg;
	var image = tutorial[1].getElementsByTagName('img')[0];
	image.style.display = 'block';
}

// Hide the text description and screenshot for each video tutorial  
function hideVideoInfo() {
	var help = document.getElementById('instructions');
	var tutorial = getElementsByClass(this.className);
	help.className = "";
	help.innerHTML = video_instructions;
	var image = tutorial[1].getElementsByTagName('img')[0];
	image.style.display = 'none';
}

// -->
