CoffeeScript jQuery Templates Example

CoffeeScriptjQueryTemplates.coffee

$(document).ready ->
    do ($ = jQuery) ->    
        selectedItem = null
        summaryMarkup = "<div class='movieSummary'><div>Name: ${Name}</div></div>"
        detailMarkup = "<div class='movieDetail'><div>Name: ${Name}</div><div>Director: ${Director}</div></div>"  
     
        $.template 'summaryTemplate', summaryMarkup
        $.template 'detailTemplate', detailMarkup

        movies = [ {Name: 'The Red Violin', Director: 'François Girard'}
                   {Name: 'Eyes Wide Shut', Director: 'Stanley Kubrick'} 
                   {Name: 'The Inheritance', Director: 'Mauro Bolognini'} ]
     
        $.tmpl('summaryTemplate', movies).appendTo '#movieList'

        $( '#movieList' ).delegate '.movieSummary', 'click', () -> 
            if selectedItem
                selectedItem.tmpl = $.template 'summaryTemplate'
                selectedItem.update()    
            selectedItem = $.tmplItem this
            selectedItem.tmpl = $.template 'detailTemplate'
            selectedItem.update()
        .delegate '.movieDetail', 'click', () ->
            selectedItem.tmpl = $.template 'summaryTemplate'
            selectedItem.update()
            selectedItem = null