_.templateSettings = {
	start: '{',
	end: '}',
	interpolate : /\{(.+?)\}/g
};

TravelPlanner.Templates = {
	
	mapHeading: '<span class="breadcrumb-sea {seaClass}">'
				+ '<a href="#">Southeast Asia</a>'
			+ '</span>'
			+ '<span class="breadcrumb-country {countryClass}">'
				+ ' &rarr; '
				+ '<a href="#">{countryName}</a>'
			+ '</span>'
			+ '<span class="breadcrumb-destination {cityClass}">'
				+ ' &rarr; '
				+ '<a href="#">{cityName}</a>'
			+ '</span>',
	
	mapFilters: '<li><a href="#" id="{countryID}" class="button-small">{countryName}</a></li>',

	mapInfoPane: '<h4>{infoCountry}</h4>'
			+ '<img src="{infoImage}" alt="{infoCountry}" width="320px" />'
			+ '<p>{infoDesc}</p>'
			+ '<a id="close-info-pane">close</a>',

	mapOverlayContent: '<h3>{infoTitle}</h3>'
			+ '<a class="prevImg" />'
			+ '<a href="#" data-destination="{destinationID}" class="addToItinerary button-add">add to my itinerary</a>'
			+ '<p class="activityDesc">{infoDesc}</p>'
			+ '<a class="slide-left-button">slide left</a>'
			+ '<div id="things-to-do">'
				+ '<h4>Things to do in {infoTitle}</h4>'
				+ '<div id="things-to-do-list"><ol class="clearfix"></ol></div>'
			+ '</div>'
			+ '<a class="slide-right-button">slide right</a>',

	itinerary: '<li class="destination destination-item" id="destination-{uid}">'
			+ '<h3><strong class="destination-{i}">{destinationName}</strong> '
				+ '<span class="destination-actions"><span class="edit-destination">edit</span> <a href="#{uid}" class="remove-destination">remove</a></span>'
			+ '</h3>'
			+ '<ul class="itinerary-items">{content}</ul>'
		+ '</li>',
	
	itineraryFlight: '<li class="flight">'
			+ '<a class="flight-name" href="#">{flightName}</a>'
			+ '<a class="date {dateClass}" href="#">'
				+ '<span class="year">{year}</span>'
				+ '<span class="month">{month}</span>'
				+ '<strong class="day">{day}</strong>'
			+ '</a>'
			+ '<div class="price">'
				+ '<span class="detail">{flightType} <em class="airlineName">{flightAirlineName}</em> {flightText}</span> '
				+ '<span class="amount">{flightAmount}</span> '
				+ '<span class="currency">{currency}</span> '
				+ '<a href="{bookingURL}" class="button-book {hidden}" target="_blank">book</a>'
			+ '</div>'
		+ '</li>',
	
	itinerarySurface: '<li class="surface">'
			+ '<a class="surface-name" href="#">{surfaceName}</a>'
			+ '<a class="date {dateClass}" href="#">'
				+ '<span class="year">{year}</span>'
				+ '<span class="month">{month}</span>'
				+ '<strong class="day">{day}</strong>'
			+ '</a>'
			+ '<div class="price">'
				+ '<span class="amount">{surfaceAmount}</span> '
				+ '<span class="currency">{currency}</span> '
			+ '</div>'
		+ '</li>',
	
	itineraryHotel: '<li class="hotel">'
			+ '<a class="hotel-name" href="#" title="{hotelTitle}">{hotelName}</a>'
			+ '<a class="date {dateClass}" href="#">'
				+ '<span class="year">{year}</span>'
				+ '<span class="month">{month}</span>'
				+ '<strong class="day">{day}</strong>'
			+ '</a>'
			+ '<div class="price">'
				+ '<span class="detail">{hotelText}</span>'
				+ '<span class="amount">{hotelAmount}</span> '
				+ '<span class="currency">{currency}</span> '
				+ '<a href="{bookingURL}" class="button-book" target="_blank">book</a>'
			+ '</div>'
		+ '</li>',
	
	itineraryActivity: '<li class="activity">'
			+ '<a class="activity-name" href="#">{activityName}</a>'
		+ '</li>',
		
	listItemHotel: '<li>'
			+ '<a href="#{hotelID}" title="{hotelTitle}">'
				+ '<strong>{hotelName}</strong>'
				+ '<em class="price">'
					+ '<span class="amount">{hotelAmount}</span> '
					+ '<span class="currency">{currency}</span>'
				+ '</em>'
			+ '</a>'
		+ '</li>',
		
	hotelInfo: '<h4 title="{hotelTitle}">{hotelName}</h4>'
		+ '<img src="{hotelImage}" width="302px"/>'
		+ '<dl class="clearfix">'
			+ '<dt>Best Rate:</dt>'
			+ '<dd class="hotelPriceInfo">'
				+ '<a href="#" class="price">'
					+ '<span class="amount">{hotelAmount}</span> '
					+ '<span class="currency">{currency}</span>'
				+ '</a>'
			+ '</dd>'
			+ '<dt>Star Rating:</dt>'
			+ '<dd class="hotelStarsInfo">'
				+ '<span class="star-{hotelStars}">{hotelStars}</span>'
			+ '</dd>'
		+ '</dl>'
		+ '<p class="hotelAddressInfo">'
			+ '<em>Address:</em>'
			+ '<span>{hotelAddress}</span>'
		+ '</p>'
		+ '<p class="hotelDescInfo">'
			+ '<em>Description:</em>'
			+ '<span>{hotelDesc}</span>'
		+ '</p>',
		
	activityList: '<li>'
			+ '<a title="{activityTitle}" href="#{activityID}" class="{activityClass}">'
				+ '<strong>{activityName}</strong>'
			+ '</a>'
		+ '</li>',

	yourActivityList: '<li>'
			+ '<a title="{activityTitle}" href="#{activityID} class="{activityClass}">'
				+ '<strong>{activityName}</strong>'
			+ '</a>'
		+ '</li>',
	
	flightBestPriceInfo: '<h4>Best price starts from</h4>'
		+ '<dl class="sidebar-info-content clearfix">'
			+ '<dt class="return-info">Return ticket:</dt>'
			+ '<dd class="return-info"><a href="#"><span class="airlineName">{returnAirlineName}</span> <span class="price">{returnPrice}</span> <span class="currency">{currency}</span></a></dd>'
			+ '<dt class="oneway-info">One-way ticket:</dt>'
			+ '<dd class="oneway-info"><a href="#"><span class="airlineName">{onewayAirlineName}</span> <span class="price">{onewayPrice}</span> <span class="currency">{currency}</span></a></dd>'
		+ '</dl>',
		
	savedTripsBox: '<li>'
			+ '<span>'
				+ '<strong>{tripName}</strong>'
				+ '<a href="#loadTrip-{tripIndex}" class="edit-saved-trip">open</a>'
				+ '<a href="#deleteTrip-{tripID}" class="delete-saved-trip">delete</a>'
			+ '</span>'
		+ '</li>',
	
	shareBox: '<li><a target="_blank" href="http://www.facebook.com/share.php?u={shareLink}&t={shareTitle}" class="share-facebook">share on FaceBook</a></li>'
			+ '<li><a target="_blank" href="http://twitter.com/home?status={shareTitle}%20-%20{shareLink}" class="share-twitter">share on Twitter</a></li>'
			+ '<li><a target="_blank" href="http://delicious.com/post?url={shareLink}&title={shareTitle}&notes={shareDesc}" class="share-delicious">share on del.icio.us</a></li>',
	
	travelPadBox: '<li>'
			+ '<strong>'
				+ '<a class="pad-city" href="#{padID}">{padCity}</a>'
			+ '</strong>'
			+ '<span class="ttd-items">{activityItems}</span>'
		+'</li>'
};