var Utils = {};

Utils.Media = function (){
	var that = {};
	var showModal = function () {
		var overlay = document.getElementById('overlay');
		overlay.style.display = 'block';
	}
	var hideModal = function() {
		var overlay = document.getElementById('overlay');
		overlay.style.display = 'none';
	}
	
	var loadImage = function(img) {
		var container = document.getElementById('media-content');
		container.innerHTML = '';
		var image = new Image();
		image.src = '/uploads/gallery/' + img;
		image.onclick = function() { hideModal(); };
		container.appendChild(image);
		showModal();
	}
	var loadFriendImage = function(img) {
		var container = document.getElementById('media-content');
		container.innerHTML = '';
		var image = new Image();
		image.src = '/uploads/friends/' + img;
		image.onclick = function() { hideModal(); };
		container.appendChild(image);
		showModal();
	}
	
	that.showModal = showModal;
	that.hideModal = hideModal;
	that.loadImage = loadImage;
	that.loadFriendImage = loadFriendImage;
	return that;
}();