// return value from key in URL query string
function getQueryKey(searchKey)
{
	var url = location.href;
	var query = url.split("?");
	var pairs = query[1].split("&");

	var split, key, val, found = false;

	for ( var i = 0; i < pairs.length; i++ )
	{
		split = pairs[i].split("=");
		key = split[0];
		val = split[1];

		if ( key == searchKey )
		{
			found = val;
			found = unescape(found);
			found.replace(/\+/g, " ");
			found.replace(/\%20/g, " ");
			return found;
		}
	}

	if ( found == false )
	{
		return "";
	}
}


$(function(){
	var videoId = '';
	if ( location.href.split('?')[1] != undefined ){
		videoId = escape(getQueryKey('videoId'));
	}
	var embedCode = '<object width="350" height="263">'
		+ '<param name="allowfullscreen" value="true" />'
		+ '<param name="allowscriptaccess" value="always" />'
		+ '<param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=%%clip_id%%&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1" />'
		+ '<embed src="http://vimeo.com/moogaloop.swf?clip_id=%%clip_id%%&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="350" height="263"></embed>'
		+ '</object>';
		
	var ul = $('<ul></ul>').appendTo($('#videoList'));
	var videoHolder = $('#videoHolder');
	var videoDescription = $('#videoDescription');
	
	function loadVideo(vimeo_info){
		videoHolder.html(embedCode.replace(/%%clip_id%%/g,vimeo_info.id));
		videoDescription.html(vimeo_info.description);
	}
	$.getJSON("http://vimeo.com/api/v2/album/260974/videos.json?callback=?",function(data){
		$.each(data,function(i,item){
			var li = $('<li></li>');
			li[0].vimeo_info = item;
			var img = $('<img />').attr({src: item.thumbnail_small,title: item.title}).css({width: 70, height: 'auto'});
			var title = $('<span class="title">' + item.title + '</span>');
			ul.append(li.append(img).append(title));
			if(i == 0 && videoId == ''){
				loadVideo(item);
			}
			else if(videoId != '' && item.id == videoId){
				loadVideo(item);
			}
			li.click(function(){
				loadVideo(this.vimeo_info);
			});
		});
	});
});