[%# Page browsedb.html %]
[%- IF ajaxRequest -%]
        <pre>
	[% pageType = 'artwork' %]
[% IF browseby == 'BROWSE_BY_ARTWORK' && level == 0 %][% pageType = 'artwork' %][% END %]
	[% PROCESS ajaxRequest.txt page = pageType %]
        </pre>
[% ELSIF artwork == 4 %]
	[% PROCESS browse_popup %]
[%- ELSE -%]
[%# -- browsedb.html -- %]
[%- title = BLOCK %]
[%- playermodel | string %] : [% browseby | string -%]
[%- END -%]
[%- browse   = '0'
   playlist = '0'
   music    = '1'
   pageicon = 'MUSIC'
   homeString = '' -%]
[% title = browseby | string %]
[%- IF artwork == 2 -%]
[% thispage = 'artwork' %]
[%- ELSE -%]
[% thispage = 'browse' %]
[%- END -%]
[%- goHomeURI = 'href = "' _ webroot _ 'home.html?player=' _ playerURI _ '"'; homeString = 'Home' -%][%# <!-- 'HOME' | string --> %]
[%- FOREACH item = pwd_list.list -%]
	[%- IF not loop.last %]
  		[% IF item.title %][% goHomeURI = PROCESS "${item.hreftype}ItemHRef" %][% homeString = item.title;  END -%]
	[%- END -%]
[%- END; IF item.title; title = item.title; END %]
[%- PROCESS iHeaderVert.html thispage = thispage -%]

<style>
a[selected], a:active {
    background-color: #194fdb !important;
    background-image: url(html/iui/selection.png) !important;
    background-repeat: repeat-x;
    background-position: left top;
    color: #FFFFFF !important;
}
</style>

[% IF page_vertical %]
<div style = "position: relative; height: 44; border: 0; padding: 0;">&nbsp;</div>  <!-- spacer to keeps margins from collapsing on safari -->
[% END %]



[%- IF (browse_items.max > 10) && pageinfo.alphamap && ((pageinfo.totalpages > 1) || (pageinfo.totalalphapages != 1)) %]
	[% IF (levelName == 'album' || levelName == 'age') %]
		[% IF artwork == 1 %]
			[% htemp = (browse_items.max + 1) DIV 3 %]
			[% IF ((browse_items.max + 1) MOD 3) %][% htemp = htemp + 1 %][% END %]
			[% IF htemp < 3 %][% htemp = 3 %][% END %]
			[% htemp = htemp * 180 %]
		[% ELSE %]
			[% htemp = 49 * (browse_items.max + 1) %]
		[% END %]
	[% ELSE %]
		[% htemp = 45 * (browse_items.max + 1) %]
	[% END %]
	<div id = 'alphamap' style = 'height: [% htemp %]px;[% IF !page_vertical %] left: 455px;[% END %]'>
	<table width= "100%" height = "100%">
	[% map_vertical = 1 %]
[%- ELSIF (pageinfo.totalpages > 1) && (pageinfo.totalalphapages != 1) %]
	<div id = 'crumblist[% IF page_vertical %]_vert[% END %]'>
	<table border="0" cellspacing="0" cellpadding="0" width="100%" > <!--  bgcolor=black #eeeeee-->
	[% map_vertical = 0 %]
[% END -%]

[%- IF (pageinfo.totalpages > 1) && pageinfo.totalalphapages != 1 %]
	<tr>
		<td class="pagebartext" color="eeeeee" [%- IF artwork == 1 && (levelName == 'album' || levelName == 'age') %]align="right"[% END -%] width="100%">
		[% IF artwork == 2 %]
			[% PROCESS pagebar artwork = 2 %]
		[% ELSE %]
			[% PROCESS pagebar %]
		[% END %]
		</td>
	</tr>
</table>
</div>
[%- END %]

<div id = 'albumInfo' style="display:none;">
	<div id = 'closeAlbumInfo'><img src = "[% webroot %]html/images/cancel.jpg" onClick = "javascript:hideAlbumInfo();"></div>
	<div id = 'trackInfo'></div>
</div>

<div id = 'pagecontainer[% IF page_vertical %]_vert[% END %]'>
<div style = "float: right; top: 0; right: 0; width: 0; height: [% IF pageinfo.totalpages > 1 %]287[% ELSE %]323[% END %]px; padding: 0; border: 0; margin: 0; overflow: hidden;">&nbsp;</div> <!-- keep buttons at bottom -->

[%- IF artwork == 1 && (levelName == 'album' || levelName == 'age') %]
[% PROCESS galleryselect.html %]
[% END %]


<script>
	storeReturnLevel();
	storeReturnPage();
</script>

[% IF warn %]
	<b>[% "NOTE" | string %]</b> [% "SCAN_WARNING" | string %] 
	[% IF audiodir %][% "SCAN_CLICK" | string %] 
		<a href="browsetree.html?player=[% playerURI %]"><font class="pagebartext">[% "HERE" | string %]</a>.</font>
	[% END %]
[% END %]


[%- IF artwork == 1 && (levelName == 'album' || levelName == 'age') %]
	[%- IF browse_items %]
		[% itemCount = 0 %]
		[%- FOREACH item = browse_items %]
			[% temp = 'ALL_SONGS' | string; IF loop.first && item.text == temp %]
				<table width = '100%' cellspacing = 0>
				[% PROCESS browsedbitems_list.html rowClass = 'even' enforceNoBorder = '1' darkBG = 1 %]
				</table>
			[% ELSE -%]
				[% PROCESS browsedb_artwork.html %]
			[% END -%]
			[% itemCount = itemCount + 1 %]
		[% END -%]
	[% END -%]
[% ELSE -%]

<table width = '100%' class = 'noborder [% IF (levelName != 'album') && (levelName != 'age') %]listNoAlbum[% END %]' cellspacing = "0" bgcolor = 'white' border = "collapse"> <!-- [% IF !coverArt %]style = "background-image: url([% webroot %]html/images/album_background.png)"[% END %]     black    -->
[% IF 0 %]<!-- coverArt -->
		<tr valign = 'top'>
			<img src="/music/[% coverArt %]/cover.jpg" height = '320' width ='320' border = "0" id = 'albumArt'> <!--thumb_[% IF thumbSize %][% thumbSize %]x[% thumbSize %][% ELSE %]200x200[% END %]_p.jpg-->
		</tr>
[% END %]
			[%- IF browse_items %]
				[%- FOREACH item = browse_items %]
					[% PROCESS browsedbitems_list.html noLink=(levelName == 'track') %]
				[% END -%]
			[%- ELSE -%]
				[% browse_list -%]
			[% END -%]
</table>

<!-- <p> -->
<table border="0" class = 'floater' width="100%"> <!-- bgcolor=black -->
	<tr>
<!--	[%- # IF artwork == 1 && (levelName == 'album' || levelName == 'age') %]-->
		<td align = "left" width = "40">
			<a href = "javascript:window.scrollTo (0,1)" title = '[% "MOVEUP" | string %]'>
			<img src = "[% webroot %]html/images/top[% IF page_vertical %]_black[% END %].png" border = "0" width = "40" height = "25" alt = '[% "MOVEUP" | string %]'></a>
		</td>

		<td align="right">
			[% curpage = 0 thepage = '' %]
			[%- FOREACH alphakey = pageinfo.alphamap.keys.sort -%]
			
			[% IF thepage && (pageinfo.alphamap.item(alphakey) == pageinfo.startitem) && (!curpage)%]
				<a href = [% thepage %]><img src = '[% webroot %]html/images/rew[% IF page_vertical %]_black[% END %].png' alt=[% "PREV" | string %]></a> &nbsp;
			[% END %]
			[% thepage = pageinfo.path _ '?start=' _ pageinfo.alphamap.item(alphakey) _ '&amp;' _ pageinfo.otherparams | html %]
			
			[% IF curpage && (pageinfo.alphamap.item(alphakey) != pageinfo.startitem) %]
			&nbsp;&nbsp;<a href = [% thepage %]><img src = '[% webroot %]html/images/ffw[% IF page_vertical %]_black[% END %].png' alt=[% "NEXT" | string %]></a> &nbsp;
		
<!--			<a href="[% pageinfo.path %]?start=[% pageinfo.alphamap.item(alphakey) %]&amp;[% pageinfo.otherparams | html %]">[% "NEXT" | string %]</a>-->
			
			[% END %]
			[%- curpage = (pageinfo.alphamap.item(alphakey) == pageinfo.startitem) -%]
			[% END -%]
 		</td>
	</tr>
	[%# ELSE -%]
	[% IF !pageinfo.alphamap %]
	<tr>
		<td class="pagebartext">
			[%- IF pageinfo.totalpages > 1 && pageinfo.totalalphapages != 1 %]&nbsp;[% PROCESS pagebar %]
				[%- IF NOT pageinfo.alphamap %]&nbsp;|&nbsp;[% PROCESS pagebarheader %][% END %]
			[%- END %]
		</td>
	</tr>
	[% END %]
	<!--tr>
		<td>&nbsp;&nbsp;[% PROCESS crumblist noHomeLink = 1%]</td>
	</tr-->

	[%# END -%]
<!--		<td>&nbsp;&nbsp;[% PROCESS crumblist noHomeLink = 1%]</td>
	</tr>
	<tr>
		<td><p>&nbsp;</td>
	</tr>-->
</table>
[% END %]

</div>
</div>

[% SWITCH browseby %]
[% CASE 'BROWSE_BY_ALBUM'; selectedButton = 1 %]
[% CASE 'BROWSE_BY_ARTIST'; selectedButton = 2 %]
[% CASE 'SAVED_PLAYLISTS'; selectedButton = 3 %]
[% CASE; selectedButton = 0 %]
[% END %]
[% PROCESS iFooterVert.html %]

</body>

[% IF !artwork || (levelName != 'album' && levelName != 'age') %]
<script> window.scrollBy (0,1); </script>

</html>

[% END %]

[% END %]

[% BLOCK coverTable %]
[% IF cover == 1 %][% whichAlbum = 'thisAlbum' %][% ELSE %][% whichAlbum = 'thatAlbum' %][% END %]
<table id = 'cover_table_[% cover %]' align = 'center'>
<tr>	
	<td colspan = 2><table class = 'thinborder'><tr><td>
	<img src = "[% webroot %]html/images/cover.png" border = '0' id = 'cover_[% cover %]' onClick = 'popUpAlbumInfo("[% cover %]", 0);'>
	</td></tr></table></td>
</tr>
<tr height = '30' valign = 'top'>
	<td width = '40'>
		<table><tr>
			<td class="listing" align="center">
			<a id = 'play_[% cover %]'><img src="[% webroot %]html/images/play.this.gif" border=0 height="20" alt='[% "PLAY" | string %]' title='[% "PLAY" | string %]'></a>
			</td>
			<td class="listing" align="center">
			<a id = 'add_[% cover %]'><img src="[% webroot %]html/images/add.gif" border=0 height="20" alt='[% "ADD" | string %]' title='[% "ADD_TO_PLAYLIST" | string %]'></a>
			</td>
		</tr></table>
	</td>
	<td align = 'left'>
		<table width = '100%'>
		<tr><td><span id = 'artist_[% cover %]'></span></td></tr>
		<tr><td><span id = 'album_[% cover %]'></span></td></tr>
		</table>
	</td>
</tr>
</table>
[% END %]


[% BLOCK browse_popup %]
	[% IF browse_items %]
		<table width = '100%' cellspacing = '0' cellpadding = "0" >
			<tr class = 'playing' height = '32'>
				[% IF browse_items.max %]
					[% item = browse_items.1 %]
				[% ELSE %]
					[% item = browse_items.0 %]
				[% END %]
				<!--td height = '32' width = '32'>
				[% IF item.itemobj.coverArt('cover', 1) %]
					<img src="/music/[% item.itemobj.id %]/cover.jpg" width = '32' height = '32' border = '0' id = 'albumArt'> 
				[% END %]
				</td-->
				<td>
					<span class = 'popUpHeaderArtist'>[% item.artist.name | truncate(56) %]<br></span>
					<span class = 'popUpHeaderTitle'><b>[% item.itemobj.album.name | truncate (46) %]</b></span>
				</td>
				<td>&nbsp;</td>
			</tr>
			[% FOREACH item = browse_items %]
		           [% PROCESS browsedbitems_list.html textClass = 'popUpText' playLink = 'ajax' noLink = 1 enforceNoBorder = 1 darkBG = 1 %]
			[% END %]
		</table>
	[% END %]
[% END %]