<%@ Control Language="C#" %>
<%@ Register TagPrefix="CS" Namespace="CommunityServer.Controls" Assembly="CommunityServer.Controls" %>
<%@ Register TagPrefix="Galleries" Namespace="CommunityServer.Galleries.Controls" Assembly="CommunityServer.Galleries" %>
<%@ Import Namespace="CommunityServer.Components" %>
<script language="javascript" type="text/javascript">
function toggleLayers(whichLayer)
{
	if(whichLayer != 'ViewSizes')
		toggleLayer('ViewSizes', true);
	if(whichLayer != 'ViewExif')
		toggleLayer('ViewExif', true);
	toggleLayer(whichLayer);
}
function toggleLayer(whichLayer, forceHide)
{
	var element = null;
	if (document.getElementById)
	{
		// this is the way the standards work
		element = document.getElementById(whichLayer)
	}
	else if (document.all)
	{
		// this is the way old msie versions work
		element = document.all[whichLayer];
	}
	else if (document.layers)
	{
		// this is the way nn4 works
		element = document.layers[whichLayer];
	}
	if(element != null)
	{
		var style2 = element.style;
		if(forceHide)
			style2.display =  ""
		else
			style2.display = style2.display? "":"block";
	}

}
</script>
<h3 class="ContentHeader"><asp:Literal id="Name" runat="server" /></h3>
<Galleries:NavigationMenu runat="server" id="Navigationmenu1" NAME="Navigationmenu1"/>
<div class="photocontentdetails">
	<div class="PictureDetail">
		<span>
			<Galleries:GalleryImage id="detailsImage" ImageType="Other" Width=425 height=425 quality=70 runat="server"/>
		</span>
		<div class="photodetailoptions">
			<a href="javascript:toggleLayers('ViewSizes');" title="View Image Sizes" class="viewsizes">View Sizes</a>
			<CS:Href id="ViewPictureLink" runat="server" cssclass="viewcomments" /></CS:Href>
		</div>
	</div>
</div>
<Galleries:PictureSizes runat="server" id="PictureSizes1"/>
<Galleries:ExifListing runat="server" id="Exiflisting1" ShowAll="true" SkinFile="Skin-ExifListing-Exif.ascx" />
