function initSelectionTag()
{
	$('.selection-tag').mouseover(function()
	{
		var aCoords = $(this).next('div').text().split(':');
		var iTop = $('.view-image').offset().top + parseInt(aCoords[1]);
		var iLeft = $('.view-image').offset().left + parseInt(aCoords[0]);
		var iWidth = parseInt(aCoords[2]) - parseInt(aCoords[0]);
		var iHeight = parseInt(aCoords[3]) - parseInt(aCoords[1]);
		
		$('body').append('<div id="tag-selection-frame"></div>');
		$('#tag-selection-frame').css({top:iTop+'px', left:iLeft+'px', width:iWidth, height:iHeight });
		$('#tag-selection-frame').show();
	});
	$('.selection-tag').mouseout(function()
	{
		$('#tag-selection-frame').remove();
	});
}

function statClick(a_iPictureID, a_iAlbumID)
{
	nnboxHide();
	loadAlbum(a_iAlbumID, false);
	if(a_iPictureID != null)
	{
		doLoadImage(a_iPictureID);
	}
}

function tagClick(a_sTagName)
{
	nnboxHide();
	loadTag(a_sTagName);
}

function populateAlbumFrame(a_sData, a_bHidePictureCanvas)
{
	if(a_bHidePictureCanvas)
	{
		$('div#picture-canvas').empty();
		$('div#picture-canvas').hide();
	}
	$('div#album-canvas').show();
	$('div#album-canvas').html(a_sData);
	
	$('li.picture-thumbnail img').bind('click', loadImage);
	$('img#close-album').bind('click', function()
	{
		$('div#album-canvas').hide();
	});
	$('.nnbox').bind('click', nnboxInit);
}
// Loads all album thumbnails into the album-canvas
function loadAlbum(a_iAlbumID, a_bHidePictureCanvas)
{
	$('div#album-canvas').html('<img src="\/static\/common\/images\/ajax\/loader-circle-tics-large.gif" alt="Loading" title="Please wait while the album is loading" \/>');
	$('div#album-canvas').show();
	$.post("/album/api/get-album", {album: a_iAlbumID}, function(sResponse)
	{
		populateAlbumFrame(sResponse, a_bHidePictureCanvas);
	});
}

// Loads all tag thumbnails into the album-canvas
function loadTag(a_sTagName)
{
	$('div#album-canvas').html('<img src="\/static\/common\/images\/ajax\/loader-circle-tics-large.gif" alt="Loading" title="Please wait while the album is loading" \/>');
	$('div#album-canvas').show();
	$.post("/tag/api/get-tag-album", {tagName: a_sTagName}, function(sResponse)
	{
		populateAlbumFrame(sResponse,  true);
	});
}

function loadImage()
{
	var iPictureID = parsePictureID($(this).attr('id'));
	$('.current-thumbnail').removeClass('current-thumbnail');
	$(this).parent('li').addClass('current-thumbnail');
	doLoadImage(iPictureID);
}
function doLoadImage(iPictureID)
{
	//Get and display clicked image info
	$('div#picture-canvas').html('<img src="\/static\/common\/images\/ajax\/loader-circle-tics-large.gif" alt="Loading" title="Please wait while the photo is loading" \/>');
	$('div#picture-canvas').show();
	$.post("/picture/api/get-picture", { picture: iPictureID}, function(sResponse)
	{
		$('div#picture-canvas').html(sResponse);
		$('.nnbox').bind('click', nnboxInit);
		initSelectionTag();
			
		$('.view-image').mouseout(function(){$('#prev-next-controls').hide();});
		$('.view-image').mouseover(function()
		{
			var iTop = $(this).offset().top;
			var iLeft = $(this).offset().left;
			$('#prev-next-controls').css({width: $(this).width()+'px', top:iTop+'px', left:iLeft+'px'});
			$('#prev-next-controls').show();
		});
	});
}

function closeAlbum()
{
	$('div#album-canvas').hide();
	$('div#picture-canvas').hide();
	$('div#album-canvas').empty();
	$('div#picture-canvas').empty();
}