angular.module('app')
.directive('fbSrc', ['$log', function ($log) {
	// Used to embed images stored in Firebase
	
	/*
	Required attributes:
		fp-src (The name of an image stored in Firebase)
	*/
	return {
		link: function (scope, elem, attrs) {
			var safename = attrs.fpSrc.replace(/\.|\#|\$|\[|\]|-|\//g, "");
			var dataRef = new Firebase( [scope.firebaseUrl, 'images', safename].join('/') );
			elem.attr('alt', attrs.fpSrc);
			dataRef.once('value', function (snapshot) {
				var image = snapshot.val();
				if (!image) {
					$log.log('It appears the image ' + attrs.fpSrc + ' does not exist.');
				}else{
					elem.attr('src', image.data);
				}
			});
		},
		restrict: 'A'
	};
}]);