function getHeader(selectedMenuTitle)
{
	header= "<div class='face'>" +
	        "<div class='content' id='topHeaderTextOnly'>"+
	        "<img src='"+ getURL('images/bannerTopTextOnly3.png') +"' alt='École de danse Carole Blouin et Sylvain St-Denis' />"+
	        "</div>"+
		"<div class='content' id='banner'>"+
		getHeaderImage(selectedMenuTitle)+
		"</div>"+
		"<div id='mainMenuSection'>"+
		getMenu(selectedMenuTitle)+
		"</div>";
		
	return header;
}

function getHeaderImage(selectedMenuTitle)
{
	var altText = "École de danse Carole Blouin et Sylvain St-Denis";

    	return "<img src='"+ getURL('images/bannerType2.jpg') +"' alt='"+ altText +"' href='"+ getURL('evenements.html') +"'></map>";

	
    //	return "<img src='"+ getURL('images/bannerType2a.jpg') +"' alt='"+ altText +"' usemap='#etiquette'/>" 
    //		+ "<map name='etiquette'><area shape='polygon' coords='87,35,182,0,269,0,303,84,137,152' href='"+ 
    //         getURL('evenements.html') +"'></map>";
}


function getFooter()
{
    	footer = "<div class='footer'>Copyright 2009 - Tous droits réservés "
    		+ "<a href='mailto:sylvain.st-denis@666danse.com'>Carole Blouin et Sylvain St-Denis</a>"
    		+"<div class='realisation'><a href='mailto:webmaster@caroleblouin.com'>Réalisation: Philippe</a> </div></div>";
    	return footer;
}

function getMenu(selectedMenuTitle)
{
	menu = 	"<ul class='mainMenu'>" +
  		getMenuItem("Intro", "index.html", selectedMenuTitle)+
  		getMenuItem("Qui sommes nous?", "carolesylvain.html", selectedMenuTitle)+
  		getMenuItem("Nouvelles", "nouvelles.html", selectedMenuTitle)+
		getMenuItem("Styles de danse", "stylesdedanse.html", selectedMenuTitle)+
		getMenuItem("Le studio", "studio.html", selectedMenuTitle)+
  		getMenuItem("Promotions", "promotions.html", selectedMenuTitle)+
  		getMenuItem("Évènements", "evenements.html", selectedMenuTitle)+
  		getMenuItem("Coûts", "couts.html", selectedMenuTitle)+
		getMenuItem("Horaire", "horaire.html", selectedMenuTitle)+
  		getMenuItem("Inscriptions", "inscriptions.html", selectedMenuTitle)+
  		getMenuItem("Témoignages", "temoignages.html", selectedMenuTitle)+  		
  		getMenuItem("Membres", "membres/index.php5", selectedMenuTitle)+ 
  		getMenuItem("Foire aux questions", "faq.html", selectedMenuTitle)+ 
  		getMenuItem("Photos", "photos.html", selectedMenuTitle)+ 
		getMenuItem("Nous joindre", "contact.html", selectedMenuTitle)+  						
 		"</ul>";
 		
 	return menu;
}


function getMenuItem(menuTitle, targetPage, selectedMenuTitle)
{
	if (menuTitle == selectedMenuTitle) 
		menuItem = "<li class='selected'><a href='"+ getURL(targetPage) +"'>"+menuTitle+"</a></li>";
	else 
		menuItem = "<li><a href='"+ getURL(targetPage) +"'>"+menuTitle+"</a></li>";
		
	return menuItem;
}


function getURL(pagePath)
{
	var pagePathSubstring = pagePath.substring(0,4);
	if ( pagePathSubstring == "http" )
		return pagePath;

	return "/" + pagePath;                 
}

function getThumbnail(folderName, filePrefix, fileSuffix, title, text, thumbnailText, width, height)
{
    var thumbnailTextHtml = "";
    var imgStyle = "";
    
    if (thumbnailText == null || thumbnailText == "") {
       thumbnailTextHtml = "";
       imgStyle = "";
    }
    else {
       thumbnailTextHtml = "<div class='thumbnailText'>"+thumbnailText+"</div>";
       imgStyle = "style='display: block; margin-left: auto; margin-right: auto'";
    }
       
    if ( width == "undefined" )
    {
       width = "auto";
       height = "auto";
    }
    var divStyle = "style='width: " + width + "px; height: "+ height +"px;border: none; padding: 5px'";
       
    return "<div class='thumbnail' "+ divStyle +">"+
           "<a href='images/"+folderName+"/"+filePrefix+fileSuffix+".jpg' title='"+title+"' text='"+text+"' rel='lightbox["+filePrefix+"]'>" +
           "<img src='images/"+folderName+"/thumb"+filePrefix+fileSuffix+".jpg' border=0  alt='"+title+"' class='gradualshine' onMouseover='slowhigh(this)' onMouseout='slowlow(this)' "+ imgStyle +"></a>"+
           thumbnailTextHtml+"</div>";          
}