var Portfolio = {};
Portfolio = (function() {
	
	var sCSSRefOverlay = '.RightContainer'; //configurable
	var uiAlbumItems;
	var uiOverlay;
	var uiControls;
	var oCurrent;
	var bCreated = false;
	
	//---------------
	function init() {
	//---------------
		var oSelf = this;
		uiAlbumItems = $('.Album .Cell a').live('click', function(event) {
			event.preventDefault();
			setCurrent(event.target);
			Portfolio.loadImage($(event.target).attr('href'));
		});
		$('.RightContainer').append('<div class="Overlay"><div class="Indicator"></div><img></div>');
		uiOverlay = $('.Overlay');
		uiControls = $('.Overlay').append('<div class="Controls"><a class="Left"><</a><a class="Close">∆</a><a class="Right">></a></div>');
	
		$('.Overlay img').load(function() {
			$('.Overlay img').show();
			$('.Overlay .Indicator').hide();
		});
	
		$('.Overlay').bind('mouseover', function() {
			$('.Overlay .Controls').fadeIn();
		}).bind('mouseleave', function() {
			$('.Overlay .Controls').fadeOut();
		}).click(function(event) {
			if($(event.target).hasClass('Close')) {
				$('.Overlay').fadeOut();
			}
			else if($(event.target).hasClass('Left')) {
				$(oCurrent).parent().prev().find('a').trigger('click');
			}
			else if($(event.target).hasClass('Right')) {
				$(oCurrent).parent().next().find('a').trigger('click');
			}
		});
		bCreated=true;
	}
	
	//-------------------------
	function setCurrent(oObj) {
	//-------------------------	
		oCurrent = oObj;
	}
	
	//----------------------
	function showOverlay() {
	//----------------------	
		$('.Overlay').fadeIn();
	}
	
	return {
		activateAlbumItems: function() {
			if(!bCreated)
				init();
		},
		loadImage: function(sUrl) {
			$('.Overlay img').hide();
			$('.Overlay img').attr('src', sUrl);
			$('.Overlay .Indicator').show();
			showOverlay();
		}
		
	};
		
})();

Portfolio.activateAlbumItems();