// Load in the project info
$.getJSON('/web/meta', function(data) {
	$.each(data, function(it, item) {
		meta_info[item.id] = item;
	});
	data_loaded = true;
});


jQuery.fn.portfolio_info = function() { 
   return this.each(function(){ 
		$(this).hover(
			function() {
				if ( ! data_loaded) {
					return;
				}
				
				var id = this.id.substr(5);
	
				var portfolio_offset = $('#portfolio-items').offset({ border: true });
				var item_offset = $(this).offset({ border: true });
				
				// Update callout image
				//$('#callout img').attr('src', '/media/uploads/projects/'+meta_info[id].id+'t.jpg');
				//$('#callout').css({ left: item_offset.left - 350, top: item_offset.top - 130 }).fadeIn(1);
				
				// Update info pane
				$('#item-info h2').html(meta_info[id].title);
				$('#item-info p:first').html(meta_info[id].description);
				
				if (is_array(meta_info[id].collaborators)) {
					$('#item-info #project-collaborators').empty();
					$('#item-info #project-collaborators').append('<li class="first">Collaborators: </li>');
					for (i=0; i<meta_info[id].collaborators.length; i++) {
						$('#item-info #project-collaborators').append('<li><a href="'+meta_info[id].collaborators[i].link+'" target="_blank">'+meta_info[id].collaborators[i].title+'</a></li>');
					}
				} else {
					$('#item-info #project-collaborators').empty();
				}
	
				if (is_array(meta_info[id].services)) {
					$('#item-info #project-services').empty();
					$('#item-info #project-services').append('<li class="first">Services Provided: </li>');
					for (i=0; i<meta_info[id].services.length; i++) {
						$('#item-info #project-services').append('<li>'+meta_info[id].services[i].title+'</li>');
					}
				} else {
					$('#item-info #project-services').empty();
				}
			},
			function() {
				$('#callout').fadeOut(1);
			}
		);
	}); 
};