function showTour(url){
	if( document.getElementById('tourframe') && document.getElementById('canadatour') ){
		document.getElementById('tourframe').src = url;
		centerElement('canadatour');
		document.getElementById('canadatour').style.display = "block";
	}
}
function hideTour(){
	if( document.getElementById('tourframe') && document.getElementById('canadatour') ){
		document.getElementById('tourframe').src = "";
		document.getElementById('canadatour').style.display = "none";
	}
}
function closeDiv(){
	hideTour();
}
function centerElement(elementid, offsetY, offsetX){
	var element = document.getElementById(elementid);
	if( !element ){
		return false;
	}
	var elementWidth;
	var elementHeight;
  var myWidth = 0;
	var myHeight = 0;
	var scrollPos = 0;
	
	if( offsetY == null || isNaN(offsetY) ){
		offsetY = 0;
	}
	if( offsetX == null || isNaN(offsetX) ){
		offsetX = 0;
	}
	
	// Code taken from http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
		scrollPos = window.pageYOffset;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
		scrollPos = document.documentElement.scrollTop;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
		scrollPos = document.body.scrollTop;
  }
	// End taken code
	
	if( element.style.display == "none" ){
		element.style.visibility = "hidden";
		element.style.display = "block";
		elementWidth = element.offsetWidth;
		elementHeight = element.offsetHeight;
		element.style.display = "none";
		element.style.visibility = "visible";
	}
	else{
		elementWidth = element.offsetWidth;
		elementHeight = element.offsetHeight;
	}

	if( myHeight > (elementHeight+offsetY) ){
		element.style.top = Math.round(scrollPos + (myHeight/2) - (elementHeight/2) - offsetY) + "px";
	}
	else if( myHeight > elementHeight ){
		element.style.top = Math.round(scrollPos + (myHeight/2) - (elementHeight/2)) + "px";
	}
	else{
		element.style.top = scrollPos + "px";
	}
	if( myWidth > (elementWidth + offsetX) ){
		element.style.left = Math.round((myWidth/2) - (elementWidth/2) - offsetX) + "px";	
	}
	else if( myWidth > elementWidth ){
		element.style.left = Math.round((myWidth/2) - (elementWidth/2)) + "px";	
	}
	else{
		element.style.left = 0 + "px";
	}
}