var newTemplates = {
	detail: {
		photoTemplates: {
			averageVotesText: "${num_of_votes} ratings | ${text_rating} stars",
			html: '\
				<div class="${classes.ITEM} ${classes.PHOTO}{if !photo.previous} ${classes.FIRST}{/if}{if !photo.next} ${classes.LAST}{/if} ${hooks.MEDIA_ITEM}">\
				<div class="${classes.NAVIGATION}">\
					<div class="${classes.NEXT} ${hooks.MEDIA_NEXT}">${templates.getNextLabel()}</div>\
					<div class="${classes.PREVIOUS} ${hooks.MEDIA_PREVIOUS}">${templates.getPreviousLabel()}</div>\
				</div>\
				<div class="${classes.TITLE} ${hooks.MEDIA_TITLE}"><h1>${photo.title|ellipse:config.titleLength || photo.title.length}</h1></div>\
				<div class="${classes.DATE}">\
					<div class="${classes.LABEL}">${templates.getDateLabel()}</div>\
					<div class="${classes.VALUE}">${photo.uploadedDate|date}</div>\
				</div>\
				<div class="${classes.AUTHOR} ${hooks.MEDIA_AUTHOR}">\
				{if !photo.hiddenAuthor}\
					<div class="${classes.LABEL}">${templates.getAuthorLabel()}</div>\
					<div class="${classes.VALUE}">${photo.author}</div>\
				{/if}\
				</div>\
				<div class="${classes.WRAPPER}">\
					{if config.embedShare}\
						${shareWidget|html}\
					{/if}\
					{if config.embedSendFriend}\
						${sendFriendWidget|html}\
					{/if}\
				</div>\
				<div class="detailWrapper">\
					<div class="${classes.LARGE_THUMB_WRAPPER}">\
						<div class="${classes.LARGE_THUMB}" style="background: transparent url(${photo.url}) no-repeat 50% 50%;"></div>\
						<div class="${classes.THUMB_OVERLAY}"></div>\
					</div>\
					<div class="${classes.DESCRIPTION}">\
						<div>${templates.getPhotoDescription(photo.description)}</div>\
					</div>\
					<div class="hdCommentsButton ${hooks.MEDIA_COMMENTS_BTN}" id="${commentsButtonId}">\
						${templates.getCommentsText()}\
					</div>\
					{if photo.numberOfComments > 0}\
						<div class="hdSubmitComment">${templates.getCommentsButtonText()}</div>\
					{/if}\
					<div class="${classes.RATING}">\
						<div class="${ratingClasses.AVERAGE_RATING} ${hooks.MEDIA_RATING_AVG}">\
							<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div> \
							<div class="artRating">\
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
							</div>\
							<div class="${ratingClasses.NUM_OF_VOTES}-container">${templates.getAverageVotesText(\'<div class="\'+templates.getVotesText()+\'"></div>\',\'<div class="\'+templates.getRatingText()+\'"></div>\')}</div>\
						</div>\
						<div class="${ratingClasses.MY_RATING} ${hooks.MEDIA_RATING_MY}">\
							<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}">YOUR RATING:</div> \
							<div class="artRating">\
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
							</div>\
							<div class="${ratingClasses.NUM_OF_VOTES}-container"><div class="${hooks.MEDIA_RATING_TEXT}"></div></div>\
						</div>\
					</div>\
					<div style="clear:both"></div>\
					<div class="${classes.TAG_LIST}">\
					{if hasTags}\
						<div class="${classes.LABEL}">${templates.getTagsLabel()}</div>\
						<div class="${classes.VALUE}">\
						{for tag in photo.tags}{if tag_index > 0}${", "}{/if}<a class="${classes.TAG} ${hooks.MEDIA_TAG}" href="javascript:void(0)">${tag}</a>{/for}\
						</div>\
					{/if}\
					</div>\
				</div>\
			</div>'
		},
		videoTemplates: {
			averageVotesText: "${num_of_votes}&nbsp;ratings&nbsp;|&nbsp;${text_rating}&nbsp;stars",
			html: '\
				<div class="${classes.ITEM} ${classes.VIDEO}{if !video.previous} ${classes.FIRST}{/if}{if !video.next} ${classes.LAST}{/if} ${hooks.MEDIA_ITEM}">\
				<div class="${classes.NAVIGATION}">\
					<div class="${classes.NEXT} ${hooks.MEDIA_NEXT}">${templates.getNextLabel()}</div>\
					<div class="${classes.PREVIOUS} ${hooks.MEDIA_PREVIOUS}">${templates.getPreviousLabel()}</div>\
				</div>\
				<div class="${classes.TITLE} ${hooks.MEDIA_TITLE}"><h1>${video.title|ellipse:config.titleLength || video.title.length}</h1></div>\
				<div class="${classes.DATE}">\
					<div class="${classes.LABEL}">${templates.getDateLabel()}</div>\
					<div class="${classes.VALUE}">${video.uploadedDate|date}</div>\
				</div>\
				<div class="${classes.AUTHOR} ${hooks.MEDIA_AUTHOR}">\
				{if !video.hiddenAuthor}\
					<div class="${classes.LABEL}">${templates.getAuthorLabel()}</div>\
					<div class="${classes.VALUE}">${video.author}</div>\
				{/if}\
				</div>\
				{if config.embedShare}\
					${shareWidget|html}\
				{/if}\
				{if config.embedSendFriend}\
					${sendFriendWidget|html}\
				{/if}\
				<div class="detailWrapper">\
					<div class="${classes.LARGE_THUMB_WRAPPER}">\
						<div class="${classes.LARGE_THUMB} ${hooks.MEDIA_THUMB_LG}"></div>\
					</div>\
					<div class="hdCommentsButton ${hooks.MEDIA_COMMENTS_BTN}" id="${commentsButtonId}">\
						{templates.getCommentsText(video.numberOfComments)}\
					</div>\
					{if video.numberOfComments > 0}\
						<div class="hdSubmitComment">${templates.getCommentsButtonText()}</div>\
					{/if}\
				<div class="${classes.RATING}">\
					<div class="${ratingClasses.AVERAGE_RATING} ${hooks.MEDIA_RATING_AVG}">\
						<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div> \
						<div class="artRating">\
							<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
						</div>\
						<div class="${ratingClasses.NUM_OF_VOTES}-container">${templates.getAverageVotesText(\'\',\'<div class="\'+templates.getRatingText()+\'"></div>\')}</div>\
					</div>\
					<div class="${ratingClasses.MY_RATING} ${hooks.MEDIA_RATING_MY}">\
						<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}">YOUR RATING:</div> \
						<div class="artRating">\
							<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
						</div>\
						<div class="${ratingClasses.NUM_OF_VOTES}-container"><div class="${hooks.MEDIA_RATING_TEXT}"></div></div>\
					</div>\
				</div>\
					<div class="${classes.DESCRIPTION}">\
						<div>${templates.getVideoDescription(video.description)}</div>\
					</div>\
					<div class="${classes.TAG_LIST}">\
					{if hasTags}\
						<div class="${classes.LABEL}">${templates.getTagsLabel()}</div>\
						<div class="${classes.VALUE}">\
						{for tag in video.tags}{if tag_index > 0}${", "}{/if}<a class="${classes.TAG} ${hooks.MEDIA_TAG}" href="javascript:void(0)">${tag}</a>{/for}\
						</div>\
					{/if}\
					</div>\
				</div>\
			</div>'
		}
	},
	gallery: {
		photoTemplates: {
			html: '\
				<div class="${classes.ITEM} ${classes.PHOTO}{if !photo.previous} ${classes.FIRST}{/if}{if !photo.next} ${classes.LAST}{/if} ${hooks.MEDIA_ITEM}">\
					<div class="${classes.SMALL_THUMB_WRAPPER}">\
						<div class="${classes.SMALL_THUMB} ${hooks.MEDIA_THUMB}" style="background: transparent url(${photo.thumbUrl}) no-repeat 50% 50%;">\
							<div class="${classes.THUMB_OVERLAY}"></div>\
						</div>\
					</div>\
					<div class="${classes.TITLE} ${hooks.MEDIA_TITLE}">${photo.title|ellipse:config.titleLength || photo.title.length}</div>\
					<div class="${classes.AUTHOR} ${hooks.MEDIA_AUTHOR}">\
					{if !photo.hiddenAuthor}\
						<div class="${classes.LABEL}">${templates.getAuthorLabel()}</div>\
						<div class="${classes.VALUE}">${photo.author}</div>\
					{/if}\
					</div>\
					<div class="detailWrapper">\
						<div class="${classes.RATING}">\
							<div class="${ratingClasses.MY_RATING} ${hooks.MEDIA_RATING_MY}">\
								<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div>\
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
								<div class="${classes.WRAPPER}">\
								(<div class="${ratingClasses.NUM_OF_VOTES} ${hooks.MEDIA_VOTES}"></div>)\
								</div>\
							</div>\
							<div class="${ratingClasses.AVERAGE_RATING} ${hooks.MEDIA_RATING_AVG}">\
								<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div> \
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
								<div class="${ratingClasses.NUM_OF_VOTES}-container"><div class="${ratingClasses.NUM_OF_VOTES} ${hooks.MEDIA_VOTES}"></div>&nbsp;rating{if photo.numberOfVotes != 1}s{/if}</div>\
							</div>\
						</div>\
					</div>\
				</div>'
			},
			videoTemplates: {
				html: '\
					<div class="${classes.ITEM} ${classes.VIDEO}{if !video.previous} ${classes.FIRST}{/if}{if !video.next} ${classes.LAST}{/if} ${hooks.MEDIA_ITEM}">\
						<div class="${classes.SMALL_THUMB_WRAPPER}">\
							<div class="${classes.SMALL_THUMB} ${hooks.MEDIA_THUMB}" style="background: transparent url(${video.thumbUrl}) no-repeat 50% 50%;">\
								<div class="${classes.THUMB_OVERLAY}"></div>\
							</div>\
						</div>\
						<div class="${classes.TITLE} ${hooks.MEDIA_TITLE}">${video.title|ellipse:config.titleLength || video.title.length}</div>\
						<div class="${classes.AUTHOR} ${hooks.MEDIA_AUTHOR}">\
						{if !video.hiddenAuthor}\
							<div class="${classes.LABEL}">${templates.getAuthorLabel()}</div>\
							<div class="${classes.VALUE}">${video.author}</div>\
						{/if}\
						</div>\
						<div class="${classes.RATING}">\
							<div class="${ratingClasses.MY_RATING} ${hooks.MEDIA_RATING_MY}">\
								<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div>\
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
								<div class="${classes.WRAPPER}">\
								(<div class="${ratingClasses.NUM_OF_VOTES} ${hooks.MEDIA_VOTES}"></div>)\
								</div>\
							</div>\
							<div class="${ratingClasses.AVERAGE_RATING} ${hooks.MEDIA_RATING_AVG}">\
								<div class="${ratingClasses.CAPTION} ${hooks.MEDIA_CAPTION}"></div> \
								<div class="${ratingClasses.STAR_RATING} ${hooks.MEDIA_RATING_STAR}"></div>\
								<div class="${ratingClasses.NUM_OF_VOTES}-container"><div class="${ratingClasses.NUM_OF_VOTES} ${hooks.MEDIA_VOTES}"></div>&nbsp;rating{if video.numberOfVotes != 1}s{/if}</div>\
							</div>\
						</div>\
					</div>'
			}
		},
	featuredPosts: {
		blogTemplates: {
			html: '\
				<div class="${classes.ITEM} ${classes.BLOG}{if !blog.previous} ${classes.FIRST}{/if}{if !blog.next} ${classes.LAST}{/if} ${hooks.MEDIA_ITEM}">\
				<div class="${classes.TITLE} ${hooks.MEDIA_TITLE}">${blog.title|ellipse:config.titleLength || blog.title.length}</div>\
			</div>'
		},
		templates: {
			html : '\
				<div class="${classes.FEATURE_STORIES} ${classes.WIDGET}">\
						<ul class="${classes.LIST}">\
						{for item in items}\
							{var post = parseInt(item_index)+1}\
							{if post % 2 == 0}\
								<li class="${hooks.STORY} ${classes.ACTIVE}">\
							{else}\
								<li class="${hooks.STORY}">\
							{/if}\
							${item|facade}\
							</li>\
						{/for}\
						</ul>\
					<a href="#featAnchorAll" name="featAnchorAll" class="${classes.VIEW_ALL} ${classes.CONTROL} ${hooks.VIEW_ALL}">${templates.getViewAllStoriesText()}</a>\
				</div>'		
		}
	},
	moreBikes: {
		templates: {
			viewAllStoriesText : ['More User Submitted Bikes','More User Submitted Harleys'],
			getViewAllStoriesText : function(category) {
			
				if (category == 'Bikes/Other bike'){
					return this.viewAllStoriesText[0];
				}
				else{
					return this.viewAllStoriesText[1];
				}
			},
			featureStoriesLabel : ['<img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/hdr_user_submitted.gif" height="19" width="290" alt="OTHER USER SUBMITTED BIKES" title="OTHER USER SUBMITTED BIKES" />','<img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/hdr_user_submitted_hd.gif" height="19" width="290" alt="OTHER USER SUBMITTED HARLEYS" title="OTHER USER SUBMITTED HARLEY" />'],
			getFeatureStoriesLabel : function(category) {
				
				if (category == 'Bikes/Other bike'){
					return this.featureStoriesLabel[0];
				}
				else{
					return this.featureStoriesLabel[1];
				}
			},
			bikeAdText : ['<h5><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/hdr_hd_bikes.gif" height="19" width="159" alt="BIKES FROM H-D" title="BIKES FROM H-D" /></h5><a href="iron_883.jsp" class="bikeType">IRON 883<span class="serviceMark">TM</span></a><a href="nightster.jsp" class="bikeType right">NIGHTSTER <span class="serviceMark">&reg;</span></a><a href="street_bob.jsp" class="bikeType">STREET BOB<span class="serviceMark">&reg;</span></a><a href="cross_bones.jsp" class="bikeType right">CROSS BONES <span class="serviceMark">TM</span></a><a href="fat_bob.jsp" class="bikeType">FAT BOB<span class="serviceMark">&reg;</span></a><div class="hdClear"></div>',
			              '<h5><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/hdr_about_bike.gif" height="19" width="212" alt="ABOUT THIS H-D BIKE" title="ABOUT THIS H-D BIKE" /></h5><a href="iron_883.jsp"><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/bike_ad_iron_883.jpg" alt="IRON 883" title="IRON 883" /></a>',
			              '<h5><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/hdr_about_bike.gif" height="19" width="212" alt="ABOUT THIS H-D BIKE" title="ABOUT THIS H-D BIKE" /></h5><a href="nightster.jsp"><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/bike_ad_nightster.jpg" alt="NIGHTSTER" title="NIGHTSTER" /></a>',
			              '<h5><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/hdr_about_bike.gif" height="19" width="212" alt="ABOUT THIS H-D BIKE" title="ABOUT THIS H-D BIKE" /></h5><a href="street_bob.jsp"><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/bike_ad_street_bob.jpg" alt="STREET BOB" title="STREET BOB" /></a>',
			              '<h5><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/hdr_about_bike.gif" height="19" width="212" alt="ABOUT THIS H-D BIKE" title="ABOUT THIS H-D BIKE" /></h5><a href="cross_bones.jsp"><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/bike_ad_cross_bones.jpg" alt="CROSS BONES" title="CROSS BONES" /></a>',
			              '<h5><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/hdr_about_bike.gif" height="19" width="212" alt="ABOUT THIS H-D BIKE" title="ABOUT THIS H-D BIKE" /></h5><a href="fat_bob.jsp"><img src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/bike_ad_fat_bob.jpg" alt="FAT BOB" title="FAT BOB" /></a>'
			],
			getBikeAdText : function(category) {
				
				if (category == 'Bikes/Iron 883'){
					return this.bikeAdText[1];
				}
				else if (category == 'Bikes/Nightster'){
					return this.bikeAdText[2];
				}
				else if (category == 'Bikes/Street Bob'){
					return this.bikeAdText[3];
				}
				else if (category == 'Bikes/Cross Bones'){
					return this.bikeAdText[4];
				}
				else if (category == 'Bikes/Fat Bob'){
					return this.bikeAdText[5];
				}
				else{
					return this.bikeAdText[0];
				}
			},
			html : '\
				<div class="${classes.FEATURE_STORIES} ${classes.WIDGET}">\
					{var category = DarkCustom.engineMore.dao.config.categories}\
					<span class="${classes.TITLE}">${templates.getFeatureStoriesLabel(category)}</span>\
						<ul class="${classes.LIST}">\
						{for item in items}\
							{var post = parseInt(item_index)+1}\
							{if post % 2 == 0}\
								<li class="${hooks.STORY} ${classes.ACTIVE}">\
							{else}\
								<li class="${hooks.STORY}">\
							{/if}\
							${item|facade}\
							</li>\
						{/for}\
						</ul>\
					<a href="#featAnchorAll" name="featAnchorAll" class="${classes.VIEW_ALL} ${classes.CONTROL} ${hooks.VIEW_ALL}">${templates.getViewAllStoriesText(category)}</a>\
				</div>\
				<div id="aboutBike">\
					<div class="hdBikes">${templates.getBikeAdText(category)}</div>\
				</div>'		
		}
	},
	faceoff: {
		templates: {
			previousLabel: '',
			nextLabel: '',
			loadingLabel: '',
			voteLabel: '',
			goLabel: ''
		},
		comments: {
			templates: {
				loadingText: '',
				noCommentsText: "This face off has no comments, be the first to leave your mark.",
				html: '\
			{if comments}\
				{macro commentsForm()}\
					<form class="${hooks.FORM}">\
						<div class="${classes.TITLE}"><strong>${templates.getPostCommentLabel()}</strong></div>\
						<div class="${hooks.ERROR}"></div>\
						<div class="${classes.WRAPPER}">\
							<textarea class="${classes.VALUE} ${hooks.TEXTAREA}"></textarea>\
							<input type="image" src="/en_US/Media/images/Content/Pictorial/dark_custom_v3/btn_submit.gif" value="${templates.getSubmitLabel()}"/>\
							<div class="${classes.AGREEMENT}">\
								<div class="${classes.LABEL} ${hooks.LEGAL_SM}">\
									${templates.getTermsConditionsShortPreText()}\
								</div>\
							</div>\
						</div>\
					</form>\
					<div class="${classes.HIDDEN}">\
						<div class="${classes.CONFIRMATION} ${hooks.CONFIRMATION}">\
							<div class="${classes.LABEL}"><strong>${templates.getConfirmationLabel()}</strong></div>\
							<div class="${classes.VALUE}">${templates.getConfirmationValue()}</div>\
							<div class="hdSubmitComment hdSubmitAnotherComment ${hooks.SUBMIT_ANOTHER_COMMENT}">${templates.getSubmitAnotherText()}</div>\
						</div>\
					</div>\
				{/macro}\
				<div class="${classes.COMMENTS} ${classes.WIDGET}">\
					{if config.submitAbove}\
						${commentsForm()}\
					{/if}\
					<div class="${classes.TITLE}">Comments</div>\
					{if comments.length > 0}\
						<ul>\
						{for comment in comments}\
							<li class="${classes.COMMENT} {if comment_index == 0}${" "}${classes.FIRST}{/if}">\
								<div>\
									<span class="${classes.DATE}">${comment.createdDate|date}</span> \
									<span class="${classes.AUTHOR}">BY ${comment.submittedBy}</span>\
								</div>\
								<div class="${classes.VALUE}">${comment.text}</div>\
							</li>\
						{/for}\
						</ul>\
					{else}\
						<ul>\
						<li class="${classes.EMPTY}">${templates.getNoCommentsText()}</li>\
						</ul>\
					{/if}\
				</div>\
				<div class="commentsCallout">\
					<div class="hdWrapper">Wanna say something?&nbsp;<div class="hdSubmitComment">Log In / Create Profile</div>&nbsp;first.</div>\
				</div>\
				{if config.submitBelow}\
					${commentsForm()}\
				{/if}\
			{else}\
				${templates.getLoadingText()}\
			{/if}'
			}
		}
	}
};

DarkCustom.templates = HD.merge(HD.clone(DarkCustom.templates || {}, true), newTemplates);