var templateHEADER = new Template(
	'<div id="header">'+		 
		 '<p>'+		    
			'<a href="http://www.caaquebec.com" target="_blank" class="caa">'+		 
			'#{caaSite}'+
			'</a>'+
			' | '+ 
			'<a href="mailto:info@caaquebec.com">'+
			'#{comment_and_suggestion}'+
			'</a>'+
			' | '+ 
			'<a href="http://www.caaquebec.com/NousJoindre/Accueil-Nous-Joindre.htm?lang=fr" target="_blank">'+
			'#{join}'+
			'</a>'+			
			' | '+ 
			'<a href="media/aide/index.html" target="_blank">'+
			'<img src="css/images/icones/aide.jpg" alt="Aide" title="Aide" width="15" height="15" align="top" />'+
			'</a>'+
		 '</p>'+		 
	'</div>');


var templateCONTENT = new Template(
		
		'<div id="content">'+
		'<div id="planificateur">'+
		  // Itinéraire 
		  '<div id="itineraire" style="display:none;">'+
		    '<ul class="tabMenu">'+
		      '<li>'+
					'#{itinerary}'+
				'</li>'+
		
		      '<li>'+
					'<a href="#" onclick="showHide(\'localisation\',\'itineraire\');">'+
					'#{localisation}'+
				  '</a>'+
				'</li>'+				  
		    '</ul>'+
		
		    '<div id="itineraireScroll">'+		
		      // Itinéraire requête
		      '<div class="requete">'+
				'<div id="quickRoute">'+	         
				'</div>'+ 			
		     '<p class="aligneCentre">'+
			   '<a href="#" onclick="addEmptyDestination();">'+
				'#{add_destination}' +
				'</a>&nbsp;&nbsp;&nbsp'+
				'<a href="#" onclick="clearTravel();">'+
				'#{drop_itnerary}'+
			   '</a>'+
			   //'<a href="#" onclick="reverseTravel();">' Inverser le voyage'</a>'+
				'</p>'+
		     '<p class="buttonCtn">'+
			   '<img src="/caa-ttp/css/images/obtenirTrace.jpg" onclick="getQuickRoute(\'png\',\'no\',\'yes\');" alt="#{get_quickroute}" width="180" height="29" />'+
			   '</p>'+
		
		     '</div>'+
		      // Itinéraire réponse
		      '<div class="resultats">'+
				'<div class="topBox" id="minTopBoxItineraire" style="display:none;" >'+
				'<h2>'+
					'<a href="#" class="showHide" onclick="showHidePoi(\'fullTopBoxItineraire\',\'minTopBoxItineraire\')">'+
					'#{display}'+
					'</a>'+
					'#{route_indications}'+
				'</h2>'+
		
				'</div>'+
				
		        '<div class="topBox" id="fullTopBoxItineraire" style="display:none;">'+
		          '<h2>'+
						'<a href="#" class="showHide" onclick="showHidePoi(\'minTopBoxItineraire\',\'fullTopBoxItineraire\')" >'+
						'#{hide}'+
						'</a>'+
						'#{route_indications}'+
					'</h2>'+
		
		          '<div id="indicationsRoute">'+					
					'</div>'+			  
		          '<div class="pdf">'+
					'<a href="#"  id="urlPdf" onclick="getQuickRoute(\'pdf\',\'no\',\'yes\');CaaTTpStatisticsService.doStatistics(\'numberpdfinscreen\');" >'+
					'#{gen_pdf_map_in_screen}'+
					'</a>'+
					'<a href="#"  id="urlPdfBooklet" onclick="getQuickRoute(\'pdf\',\'no\',\'no\');CaaTTpStatisticsService.doStatistics(\'numberpdfdetailed\');" >'+
					'#{gen_pdf_itinerary}'+
					'</a>'+
					'<a  href="#" id="indicationsPdf" onclick="getPDFIndications();CaaTTpStatisticsService.doStatistics(\'numberpdfindication\');">'+
					'#{gen_pdf_indications}'+
					'</a>'+
					'</div>'+
		          '<div id="directionsDiv">'+
		          '</div>'+
		       
		        '</div>'+
		        '<div id=pubImageIti>'+				   
				'</div>'+							
		      '</div>'+
		      '<p align="center" style="padding-top: 3px;margin:0; text-align: center; clear: both;" >'+
				'<a href="media/conditions_utlisation/index.html" title="#{conditions_use}" class="greybox_general">'+
				'#{conditions_use}'+
				'</a>'+
				'</p>'+
		      
		    '</div>'+
		
		  '</div>'+
		
			
		  // Localisation 
		
			'<div id="localisation">'+
		
		  '<ul class="tabMenu">'+
		
				'<li>'+
				'<a href="#" onclick="showHide(\'itineraire\',\'localisation\'); document.getElementById(\'mapCtn\').className=\'mapItineraire\'">'+
					'#{itinerary}'+
				'</a>'+
				'</li>'+
		
				'<li>'+
					'#{localisation}'+
				'</li>'+
		
		  '</ul>'+
		
		    '<div id="localisationScroll">'+
		
		      // Localisation requête
		
		      '<div class="requete">'+		
		       
					'<div id="localisationDiv" >'+		
					'</div>'+
		
					
		      '<div id="errMsg">'+            
		      '</div>'+
		
					
		      '<p style="padding:10px 0; margin:0; clear: both;text-align:center;">'+
					'<img src="css/images/obtenirCarte.jpg" alt="#{get_map}" onclick="controllevel=3;getCardLocalisation();" width="137" height="28" />'+
				'</p>'+		
		      '</div>'+		
				 
				  
		     '<div class="resultats" id="resultatsPoiDiv">'+				
				'<div class="topBox" id="minTopBox" >'+
				'<h2>'+
					'<a href="#" class="showHide" onclick="showHidePoi(\'fullTopBox\',\'minTopBox\')">'+
					'#{display}'+
					'</a>'+
					'#{get_poi_in_map}'+
				'</h2>'+		
				'</div>'+
		
					
		     '<div class="topBox" id="fullTopBox" style="display:none;" >'+
		
		      '<h2>'+
					'<a href="#" class="showHide" onclick="showHidePoi(\'minTopBox\',\'fullTopBox\')">'+
					'#{hide}'+
					'</a>'+
					'#{poi_in_map}'+
				'</h2>'+
		
		      '<fieldset class="filter" id="filterVisibility">'+
		      
		           '<img src="css/images/icones/lodging.png" alt="Hébergement" width="18" height="18" />'+
		           '<input name="" type="checkbox" class="check" id="lodgingCheckbox" onclick="poiSearchInCard(\'lodging\');"/>'+
		           '<label class="left">'+
					 '#{lodging}'+
					 '</label>'+
		
					
		           '<img src="css/images/icones/aar.png" alt="Garages recommandés" width="18" height="18" />'+
		           '<input type="checkbox" class="check" name="" id="aarCheckbox" onclick="poiSearchInCard(\'aar\');" />'+
					 '<label >'+
					 '#{aar}'+
					 '</label>'+
		
					
		           '<img src="css/images/icones/attraction.png" alt="Attractions" width="18" height="18" />'+
		           '<input type="checkbox" class="check" name="" id="attractionCheckbox" onclick="poiSearchInCard(\'attraction\');"/>'+
					 '<label class="left">'+
					  '#{attraction}'+
					 '</label>'+
		
					
		           '<img src="css/images/icones/hertz.png" alt="Centre de location Hertz" width="18" height="18" />'+
		           '<input type="checkbox" class="check" name="" id="hertzCheckbox" onclick="poiSearchInCard(\'hertz\');" />'+
					 '<label >'+
					 '#{hertz}'+
					 '</label>'+
		
					
		           '<img src="css/images/icones/restaurant.png" alt="" width="18" height="18" />'+
		           '<input type="checkbox" class="check" name="" value="restaurant" id="restaurantCheckbox" onclick="poiSearchInCard(\'restaurant\');"/>'+
					 '<label class="left">'+
					  '#{restaurant}'+
					 '</label>'+
		
					
		           '<img src="css/images/icones/campground.png" alt="Camping" width="18" height="18" />'+
		           '<input type="checkbox" class="check" name="" id="campgroundCheckbox" onclick="poiSearchInCard(\'campground\');" />'+
					 '<label>'+
					 '#{campground}'+
					 '</label>'+
		
					
		           '<img src="css/images/icones/event.png" alt="Évenements" width="18" height="18" />'+
		           '<input type="checkbox" class="check" name="" id="eventCheckbox" onclick="poiSearchInCard(\'event\');" />'+
					 '<label class="left">'+
					 '#{event}'+
					 '</label>'+
		
					
		           '<img src="css/images/icones/gas.png" alt="Stations d\'essence" width="18" height="18" />'+
		           '<input type="checkbox" class="check" name="" id="gasCheckbox" onclick="poiSearchInCard(\'gas\');"  />'+
					 '<label>'+
					 '#{gas}'+
					 '</label>'+
		
					 '<div id="partnerDiv" class="activeTab">'+
		           //'<img src="css/images/icones/partenaires_dolars-alt.png" alt="Partenaires dolars" width="18" height="18" />'+
					 '<input type="checkbox" class="check" name="Partners" id="Partners" checked="checked" onclick="showHidePartners();" />'+
					 '<label class="left">'+
					 '#{partners} '+ 
					 '<em>'+
					 '#{dollars_caa_qc}'+
					 '</em>'+
					 '</label>'+				
				  
		           '<img src="css/images/icones/lmrch.png" alt="Partenaires privilèges" width="19" height="18" id="lmrchImg" />'+
		           '<input type="checkbox" class="check" name="" id="lmrchCheckbox" onclick="poiSearchInCard(\'lmrch\');"  />'+
					 '<label>'+
					 '#{lmrch}'+
					 '</label>'+
					 
		           		 '<fieldset class="partnersFilter" id="filtrepartenaire" style="display:block;">'+
		
							 '<img src="css/images/icones/couchetard_tous.png" alt="Couche-TardTous" width="18" height="18" />'+
							 '<input type="checkbox" class="check"  checked="checked" name="couchetard" id="couchetard_tousCheckbox" onclick="poiSearchInCard(\'couchetard_tous\');" />'+
							 '<label >'+
							 '#{couchetard_tous}'+
							 '</label>'+
		
							 '<img src="css/images/icones/couchetard_essence.png" alt="Couche-Tard Avec essence" width="18" height="18" />'+
							 '<input type="checkbox" class="check"  name="couchetard" id="couchetard_essenceCheckbox" onclick="poiSearchInCard(\'couchetard_essence\');" />'+
							 '<label >'+
							 '#{couchetard_essence}'+
							 '</label>'+
		
							 '<img src="css/images/icones/familiprix.png" alt="Familiprix" width="18" height="18" />'+
							 '<input type="checkbox" class="check" checked="checked" name="familiprix" id="familiprixCheckbox" onclick="poiSearchInCard(\'familiprix\');" />'+
							 '<label>'+
							 '#{familiprix}'+
							 '</label>'+
		
							 '<p class="pdf">'+
							 '<a href="#" id="partnerPdf" target="_blank" onclick="getPDFPartners();">'+
							 '#{gen_pdf_partner}'+
							 '</a>'+
							 '</p>'+
							 '</fieldset>'+
							 '</div>'+
							 
							 '<fieldset class="partnersFilter" style="display:block;">'+
							 '<p class="pdf">'+ 
							 '<a href="#" id="print" onClick="printMapLocalisation();">'+			
								'#{gen_pdf_map_in_screen}'+
								'</a>'+	
							 '</p>'+
							 '<p class="info">'+
							 '<a href="http://info-problemes-routiers.caaquebec.com/caa-ipr/infos.do?action=report&lang=fr" target="_blank">'+
							 'Signaler un problème routier'+
							 '</a>'+
							 '</p>'+
							 '</fieldset>'+
		
		            '</fieldset>'+
		
		         '</div>'+
				   	
				    '<div id="partnerBoxMincouchetard_tous" class="partnerBox" style="display:none;">'+					
					'</div>'+
					'<div id="couchetard_tousDIV">'+
					'</div>'+				
				   
				    '<div id="partnerBoxMincouchetard_essence" class="partnerBox" style="display:none;">'+					
					'</div>'+
					'<div id="couchetard_essenceDIV">'+
				    '</div>'+				
				   
				    '<div id="partnerBoxMinfamiliprix" class="partnerBox" style="display:none;">'+				    
					'</div>'+
					'<div id="familiprixDIV">'+	
				    '</div>'+			            
					
					'<div id="lodgingDIV">'+					
					'</div>'+				
					'<div id="accommodationDIV">'+					
					'</div>'+              
					'<div id="attractionDIV">'+					
					'</div>'+				
					'<div id="restaurantDIV">'+					
					'</div>'+			
					'<div id="eventDIV">'+					
					'</div>'+				
					'<div id="aarDIV">'+					
					'</div>'+				
					'<div id="hertzDIV">'+					
					'</div>'+				
					'<div id="campgroundDIV">'+					
					'</div>'+				
					'<div id="gasDIV">'+					
					'</div>'+				
					'<div id="lmrchDIV">'+					
					'</div>'+		
					'<div id="off_caaDIV" >'+					
					'</div>'+	
					'<div id="off_caaQcDIV">'+					
					'</div>'+
					'<div id=pubImageLoc>'+				   
					'</div>'+					
		      '</div>'+
		      	'<p align="center" style="padding-top: 3px;margin:0; text-align: center; clear: both;" >'+
				'<a href="media/conditions_utlisation/index.html" title="#{conditions_use}" class="greybox_general">'+
				'#{conditions_use}'+
				'</a>'+
				'</p>'+
			  '</div>'+
		  '</div>'+
		'</div>'+		
		'<div id="mapCtn" class="mapLocalisation" >'+				  
		'</div>'+		
		'</div>');

var templateFOOTER = new Template(
		'<div id="footer">'+
			'#{copyright}'+			
		'</div>');