var video_url = 'http://vimeo.com/api/v2/album/1716485/videos.json';
$(function(){
    $.when($.getJSON(video_url+'?callback=?')).done(function(data){
        var items = [];
        $.each(data, function(key, val){
            var title = val['title'].split('-');
            items.push('<a id="vid-'+val['id']+'" title="'+val['title']+'" href="#'+val['id']+'" class="testimonial"><img alt="'+title[0]+'" src="'+val['thumbnail_small']+'" />'+title[0]+'<br /><span class="label">'+title[1]+'</span></a>');
        });
        var container = $('#video-player');
        $('<div/>', {
            'id':'video-thumbnails',
            'class': 'loaded clear-fix',
            html: items.join('')
        }).prependTo(container);
        var videolinks = $('#video-thumbnails a')
        videolinks.click(selectVideo);
        setVideo(data[0]['id'],0);
        setHtmlContent('video-title', data[0]['title']);
    });
}
);

function selectVideo(e){
    e.preventDefault();
    autoplay = 1;
    var vid = $(this);
    var id = vid.attr('id').replace('vid-','');
    setVideo(id, autoplay);
    setHtmlContent('video-title', vid.attr('title'));
}
function setVideo(id, auto){
    var src = "http://player.vimeo.com/video/"+id+"?title=0&portrait=0&byline=0&autoplay="+auto;
    $('#video-widget').attr('src', src);
}
function setHtmlContent(elem, text){
    $('#'+elem).html(text);
}