$(document).ready(function() {
    $.tpl( 'highlights', [
        '<h1><a href="{main_url:s}">{main_title:s}</a></h1>',
        '<div id="highlights-wrapper">',
            '<div style="width:400px;float:left;display:block;margin:0;"><div id="highlights-main-media">',
                '{main_media}',
            '</div></div>',
            '<span id="highlights-foto-album-image-list" style="display:none;">{foto_album_image_list}</span>',
            '<div id="highlights-other-news">',
                '<p id="highlights-main-description"><a id="spotlink" href="{main_url:s}">{main_description:s}</a></p>',
                '{other_news:s}',
            '</div>',            
        '</div>',
        '<div id="highlights-navbar">',
            '{highlights_navigation}',
        '</div>'
    ]);
    
    $.tpl( 'highlights_related', [
        '<dl>',
            '<dt><img src="{related_thumbnail}" width="36" alt="{related_title:s}"/></dt>',
            '<dd><a href="{related_url}">{related_title:s}</a></dd>',
        '</dl>'
    ]);
});