//variables declared to display the link text
var  country,section,region ,region2,section2;
    country = "Canada";
    section = "Guides";
    region = "";
    region2 = "";
    section2 = "Guides : ";


//This function loads header and footer dynamically
function LoadContent(dvHeader)
{
   dvHeader.innerHTML = "TRAVELLINGAMERICA.COM <br /><br /><a href='http://www.housingguides.com/'>GUIDES</a>&nbsp; --&gt;&nbsp; <a href='http://worldatlas.com/webimage/countrys/na.htm'>North America</a>&nbsp; --&gt;&nbsp; <a href='http://www.canada.travel/selectCountry.html'>Canada</a><br />";
}

//this function dynamically displays the content of the text which is related to the nav links
var objPage = null;
function showPage(pageName) 
{
	var mainp = document.getElementById('mainp');
	mainp.style.display = 'none';
     if (objPage)
        objPage.style.display = 'none';
        objPage = document.getElementById(pageName);
        objPage.style.display = 'block';
      objPage = document.getElementById(pageName);

}

//random banners
function randomRange(lowVal,highVal) 
{
				return Math.floor(Math.random() * (highVal - lowVal + 1)) 
				+ lowVal;			
}

//This is the function which loads the logo of TravellingAmerica.
function LoadLogo(dvLogo)
{
	dvLogo.innerHTML = '<img src="http://ellesell.com/DHTML/Lesson4/HTML/Javascript/TA.jpg" width="468" height="60">';
}



function LoadRandomBanners()
{
	var displayMessage = randomRange(1,5);		
	if (displayMessage == 1) dvBanner.innerHTML = '<img src="bannerAds/bannerAd01.jpg" width="468" height="60">'
	else if (displayMessage == 2) dvBanner.innerHTML = '<img src="bannerAds/bannerAd02.jpg" width="468" height="60">'
	else if (displayMessage == 3) dvBanner.innerHTML = '<img src="bannerAds/bannerAd03.jpg" width="468" height="60">'
	else if (displayMessage == 4) dvBanner.innerHTML = '<img src="bannerAds/bannerAd04.jpg" width="468" height="60">'
	else if (displayMessage == 5) dvBanner.innerHTML = '<img src="bannerAds/bannerAd05.jpg" width="468" height="60">'
}