function videoLoaded(data) {

   data.html = data.html.replace(/000a14/g, '000a14&autoplay=1');
    var tx = $("<a href='/images/50/50/__video__bg2.jpg'></a>").append($('<div id="video-player" ></div').attr('style','height:'+data.height +'px;width:'+data.width+'px;'))
     .append("<span class='title' >" + data.title + "</span>")
     .append("<span class='caption' >" + videoCaption+ "</span>")
     .videoBox({ containerBorderSize: 0, containerResizeSpeed: 0 }).click();

    $("#video-player").append(data.html);

}


function loadVideo(id) {
    $.getJSON('http://www.vimeo.com/api/oembed.json?callback=?&portrait=false&byline=false&width=540&true=false&color=000a14&url=http%3A//www.vimeo.com/' + id, videoLoaded)
}

/*
function addVideoItem(data, item) {

    item.html("<img src='" + data.thumbnail_medium + "' /><span class='links' ><span class='heading'>" + data.title + "</span><span class='caption'>" + data.caption + "</span><a href='#'  >play</a>")
		.find("a").bind('click', function() {
             loadVideo(data.clip_id)
		    videoCaption = data.caption
		    return false;
		})
    
    $("#videos").append(item);
}

function showItems(data) {
    var i = 0;
    $(data).each(function(el) {
        addVideoItem(this, $('<div class="video"></div>'));
    });
}

*/

function onLoad() {
    $(".video a").bind('click', function() {
        loadVideo($(this).parent().find("input").attr("value"));
        videoCaption = $(this).parent().find("#vCaption").text();
        return false;
    })
}

var videoCaption;
$(function() {
    onLoad();
});