var currentMovie;
var currentLayerId;

function showVideo( movie, layerId ) {

	currentMovie = movie;
	currentLayerId = layerId;
	location.href = '#top';
	$('movieLayer').style.display = 'block';
	new Rico.Effect.FadeTo( 'movieLayer',
		0.85, 	// 20% opacity
		100, 	// 500ms (1/2 second)
		5, 	// 10 steps
		{complete:function() {
			$(layerId).style.display = 'block';
		}}
	);
}

function hideVideo() {
	$(currentLayerId).style.display = 'none';
	new Rico.Effect.FadeTo( 'movieLayer',
		0, 	// 20% opacity
		100, 	// 500ms (1/2 second)
		5, 	// 10 steps
		{complete:function() {
			$(currentLayerId).style.display = 'none';
			$('movieLayer').style.display = 'none';
		}}
	);
	currentMovie.Stop();
}


function showPhoto( layerId, collectionId ) {
	currentLayerId = layerId;
	location.href = '#top';
	document.getElementById('movieLayer').style.display = 'block';
	new Rico.Effect.FadeTo( 'movieLayer',
		0.85, 	// 20% opacity
		100, 	// 500ms (1/2 second)
		5, 	// 10 steps
		{complete:function() {
			document.getElementById(layerId).style.display = 'block';
			document.getElementById('photo_frame').src = 'collection.php?c='+collectionId;
		}}
	);
}

function hidePhoto() {

	document.getElementById(currentLayerId).style.display = 'none';
	new Rico.Effect.FadeTo( 'movieLayer',
		0.1, 	// 20% opacity
		100, 	// 500ms (1/2 second)
		5, 	// 10 steps
		{complete:function() {
			document.getElementById('movieLayer').style.display = 'none';
			document.getElementById('photo_frame').src = 'collection.php';
		}}
	);
}