// Change this to your username to load in your clips
var vimeoUserName = 'user3715216';

// Tell Vimeo what function to call
var callback = 'showThumbs';

// Set up the URLs
var url = 'http://vimeo.com/api/v2/' + vimeoUserName + '/videos.json?callback=' + callback;

// This function loads the data from Vimeo
function init() {
	var js = document.createElement('script');
	js.setAttribute('type', 'text/javascript');
	js.setAttribute('src', url);
	document.getElementsByTagName('head').item(0).appendChild(js);
}

// This function goes through the clips and puts them on the page
function showThumbs(clips) {
	var thumbs = document.getElementById('thumbs');
	thumbs.innerHTML = '';
	
	var ul = document.createElement('ul');
	thumbs.appendChild(ul);
	
	for (var i = 0; i < 1; i++) {
		var thumb = document.createElement('img');
		thumb.setAttribute('src', clips[i].thumbnail_medium);
		thumb.setAttribute('alt', clips[i].title);
		thumb.setAttribute('title', clips[i].title);
		thumb.setAttribute('width', '200');
		
		var a = document.createElement('a');
		a.setAttribute('href', "/videos/"+clips[i].id);
		a.setAttribute('target', clips[i], '_blank');
		a.appendChild(thumb);
		a.setAttribute('class', 'vimeo_img');
		
		var a = document.createElement('a');
		a.setAttribute('href', "/videos/"+clips[i].id);
		a.setAttribute('target', clips[i], '_blank');
		a.appendChild(thumb);
		a.setAttribute('class', 'vimeo_img');
		
		var h1 = document.createElement('a');
		h1.setAttribute('href', "/videos/"+clips[i].id);
		h1.setAttribute('target', clips[i], '_blank');
		h1.setAttribute('class', 'vimeo_title');
		h1.innerHTML = clips[i].title;
		
		var li = document.createElement('li');
		li.appendChild(a);
		li.appendChild(h1);
		ul.appendChild(li);		
	}
}

// Call our init function when the page loads
window.onload = init;