function showvideopanel(){
	// alert("showvideopanel accessed");
	
	
	var videoLink = document.getElementById("link_intro-video");
	
	var videoPanel = document.getElementById("intro-video");
	
	var contentPanel  = document.getElementById("initial-content");
	
	videoPanel.className="dont-hide";
	
	contentPanel.className="hide";
	
	videoLink.className="hide";
}

function hidevideopanel(){
	// alert("hidevideopanel accessed");
	
	var videoLink = document.getElementById("link_intro-video");

	var videoPanel = document.getElementById("intro-video");
	
	var contentPanel  = document.getElementById("initial-content");
	
	videoPanel.className="hide";
	
	contentPanel.className="dont-hide";
	
	videoLink.className="dont-hide";
	
}

function activatevideolinks(){

	// Safty check
	if (!document.getElementById("link_intro-video")) return false;
	if (!document.getElementById("link_hide-intro-video")) return false;
	
	// 1. get the <a>'s in the document.
	var openVideoLink = document.getElementById("link_intro-video");
	var closeVideoLink = document.getElementById("link_hide-intro-video");
	
	// 2. add onclick event.
	openVideoLink.onclick = function() {
		
		showvideopanel();
		return false; // stop mouse click executing link.
		
	}
		
	closeVideoLink.onclick = function() {
		
		hidevideopanel();
		return false; // stop mouse click executing link.
		
		}		
		
}

// queue functions to load on window.onload
function addLoadEvent(func) {

	var oldonload = window.onload;

		if (typeof window.onload != 'function') {

		window.onload = func;

		} else {

		window.onload = function() {

		oldonload();

		func();

		}
	}
}

// queue onload events
addLoadEvent(activatevideolinks);

