[% BLOCK cbfooter %]
	[% PROCESS cbpagebarfooter %]
[% PROCESS plugins/CustomBrowse/menuheader.html items=pluginCustomBrowseFooterItems %]

[% IF pluginCustomBrowseError %]
	<div>
	<br><div style="color:red;">Error:<br>[% pluginCustomBrowseError %]</div><br>
	</div>
[% END %]
[% END %]

[% BLOCK cbcontextfooter %]
	[% PROCESS cbfooter %]
[% END %]

[% BLOCK cbpagebar %]
	[%- IF (pluginCustomBrowseItems.max > 10) && pluginCustomBrowsePageInfo.alphamap && ((pluginCustomBrowsePageInfo.totalpages > 1) || (pluginCustomBrowsePageInfo.totalalphapages != 1)) %]
		[% has_pagebar = 1 %]
	        [% map_vertical = 1 %]
	[%- ELSIF (pluginCustomBrowsePageInfo.totalpages > 1) && (pluginCustomBrowsePageInfo.totalalphapages != 1) %]
	        [% has_pagebar = 1 %]
	        [% map_vertical = 0 %]
	[% END -%]
	[% IF pluginCustomBrowsePageInfo %]
		[% PROCESS top_pagebar pageinfo=pluginCustomBrowsePageInfo %]
	[% END %]
[% END %]

[% BLOCK cbpagebarfooter %]
	[% IF has_pagebar %]
		[% IF pluginCustomBrowsePageInfo %]
			[% PROCESS bottom_pagebar pageinfo=pluginCustomBrowsePageInfo %]
		[% END %]
	[% END %]
	</div>
[% IF has_pagebar && map_vertical;
        PROCESS expandAlphamap;
END %]
[% END %]

[% BLOCK cbitemcount %]
[% END %]

[% BLOCK galleryitem %]
	<li>
	<div style="width:[% item.size %]px;">
		[%- IF anchor %]
		        <a name="[% anchor | uri %]"></a>
		[%- END -%]

	        <div class="artworkImage" style="width: [% item.size %];">
	                [% IF item.coverThumb %]
	                        <div style="width:[% item.size %]px;height:[% item.size %]px;">
				<a href="[% webroot %]plugins/CustomBrowse/custombrowse_list.html?player=[% player | uri %]&[% item.url %]" target="browser">[% PROCESS thumbnailItemImg height="$item.size" %]</a>
	                        </div>
	                [% ELSE %]
				<a href="[% webroot %]plugins/CustomBrowse/custombrowse_list.html?player=[% player | uri %]&[% item.url %]" target="browser">[% PROCESS dummyItemImg height="$item.size" %]</a>
	                [% END %]
	        </div>
	
	        [% SET class = 'even' odd = 0 %]
	        <div class="artworkControls">
	                [%- PROCESS $controls -%]
	        </div>

	        <div class="artworkText" style="width:[% item.size %]px;"><span style="width:[% item.size %]px;">
	        [%- content | indent(4) %]
	        </span></div>
	</div></li>
[%- END %]

[% BLOCK iPengcontrols %]
	[% IF item.mixes and item.mixes.size>0 and item.url %]
		[% IF pluginCustomBrowseContextPage %]
			[% WRAPPER cmdlink cmdimage='mixbutton.png' cmdtitle='PLUGIN_CUSTOMBROWSE' %]href="[% webroot %]plugins/CustomBrowse/custombrowse_mixcontext.html?player=[% player | uri %]&[% item.url %][% IF start %]&start=[% start %][% END %]"[% END %]
		[% ELSE %]
			[% WRAPPER cmdlink cmdimage='mixbutton.png' cmdtitle='PLUGIN_CUSTOMBROWSE' %]href="[% webroot %]plugins/CustomBrowse/custombrowse_mix.html?player=[% player | uri %]&[% item.url %][% IF start %]&start=[% start %][% END %]"[% END %]
		[% END %]
	[% END %]

	[% IF item.playtype != 'none' %]
		[% IF item.attributes %]
		        [% WRAPPER addlink    %][% PROCESS cmdHRef cmdType='add' target='status' itemobj=item.itemobj attributes=item.attributes %][% END %]
			<!--
			[% FOREACH mixer = item.mixerlinks.values.sort %]
	                	[% PROCESS $mixer %]
		        [% END %]
			-->
		[% ELSIF item.url %]
			[% IF pluginCustomBrowseContextPage %]
			        [% WRAPPER addlink noTarget=1 %]href="[% webroot %]plugins/CustomBrowse/custombrowse_contextadd.html?player=[% player | uri %]&[% item.url %][% IF start %]&start=[% start %][% END %]"[% END %]
			[% ELSE %]
			        [% WRAPPER addlink noTarget=1 %]href="[% webroot %]plugins/CustomBrowse/custombrowse_add.html?player=[% player | uri %]&[% item.url %][% IF start %]&start=[% start %][% END %]"[% END %]
			[% END %]
		[% ELSIF item.playurl %]
			[% IF pluginCustomBrowseContextPage %]
			        [% WRAPPER addlink noTarget=1 %]href="[% webroot %]plugins/CustomBrowse/custombrowse_contextadd.html?player=[% player | uri %]&[% item.playurl %][% IF start %]&start=[% start %][% END %]"[% END %]
			[% ELSE %]
			        [% WRAPPER addlink noTarget=1 %]href="[% webroot %]plugins/CustomBrowse/custombrowse_add.html?player=[% player | uri %]&[% item.playurl %][% IF start %]&start=[% start %][% END %]"[% END %]
			[% END %]
		[% END %]
	[% END %]
[% END %]

[% BLOCK anchorctrl %]
	<div style = "float: right; padding: 2 [% IF map_vertical %]50[% ELSE %]30[% END %] -2 0; margin: 0 0 -2 0;">
                [% PROCESS cmdToTop;
                PROCESS cmdToBottom %]
	</div>
[% END %]

[% BLOCK iPengcover %]
	[% IF item.attributes %]
		<a [% PROCESS cmdHRef cmdType='play' target='status' itemobj=item.itemobj attributes=item.attributes %]>[% IF item.coverThumb; hreftype = "thumbnail"; ELSE; hreftype = "dummy"; END; PROCESS "${hreftype}ItemImg" height="50"  noby=0 %]</a>
	[% ELSIF item.url %]
		[% IF pluginCustomBrowseContextPage %]
		        <a href="[% webroot %]plugins/CustomBrowse/custombrowse_contextplay.html?player=[% player | uri %]&[% item.url %][% IF start %]&start=[% start %][% END %]">[% IF item.coverThumb; hreftype = "thumbnail"; ELSE; hreftype = "dummy"; END; PROCESS "${hreftype}ItemImg" height="50"  noby=0 %]</a>
		[% ELSE %]
		        <a href="[% webroot %]plugins/CustomBrowse/custombrowse_play.html?player=[% player | uri %]&[% item.url %][% IF start %]&start=[% start %][% END %]">[% IF item.coverThumb; hreftype = "thumbnail"; ELSE; hreftype = "dummy"; END; PROCESS "${hreftype}ItemImg" height="50"  noby=0 %]</a>
		[% END %]
	[% ELSIF item.playurl %]
		[% IF pluginCustomBrowseContextPage %]
		        <a href="[% webroot %]plugins/CustomBrowse/custombrowse_contextplay.html?player=[% player | uri %]&[% item.playurl %][% IF start %]&start=[% start %][% END %]">[% IF item.coverThumb; hreftype = "thumbnail"; ELSE; hreftype = "dummy"; END; PROCESS "${hreftype}ItemImg" height="50"  noby=0 %]</a>
		[% ELSE %]
		        <a href="[% webroot %]plugins/CustomBrowse/custombrowse_play.html?player=[% player | uri %]&[% item.playurl %][% IF start %]&start=[% start %][% END %]">[% IF item.coverThumb; hreftype = "thumbnail"; ELSE; hreftype = "dummy"; END; PROCESS "${hreftype}ItemImg" height="50"  noby=0 %]</a>
		[% END %]
	[% END %]
[% END %]

[% BLOCK cbcontentitemlist %]
	[% IF pluginCustomBrowsePageInfo.alphamap && ((pluginCustomBrowsePageInfo.totalpages > 1) || (pluginCustomBrowsePageInfo.totalalphapages != 1)) && pluginCustomBrowsePageInfo.totalitems>40 && item.anchor %]
	[% ELSE %]
		[% item.anchor='' %]
	[% END %]
	[% IF !artwork && pluginCustomBrowseArtworkSupported %]
		[% leftcontrols='iPengcover' %]
	[% ELSE %]
		[% leftcontrols='' %]
	[% END %]

	[%- WRAPPER $contentwrapper anchorcontrols = 'anchorctrl' anchor=item.anchor rightcontrols='iPengcontrols' %]
        	[% count = count + 1 %]
		[% PROCESS cbcontentitem %]
        [% END %]
[% END %]
[% BLOCK iPengallsongscontrols %]
	[% IF pluginCustomBrowseContextPage %]
	        [% WRAPPER addlink noTarget=1 %]href="[% webroot %]plugins/CustomBrowse/custombrowse_contextaddall.html?player=[% player | uri %][% pluginCustomBrowseCurrentContext.url %][% pluginCustomBrowseCurrentContext.valueUrl %][% IF start %]&start=[% start %][% END %]"[% END %]
	[% ELSE %]
	        [% WRAPPER addlink noTarget=1 %]href="[% webroot %]plugins/CustomBrowse/custombrowse_addall.html?player=[% player | uri %][% pluginCustomBrowseCurrentContext.url %][% pluginCustomBrowseCurrentContext.valueUrl %][% IF start %]&start=[% start %][% END %]"[% END %]
	[% END %]
[% END %]

[% BLOCK iPengHeaderInfoControls %]
	[% IF pluginCustomBrowseArtworkSupported %] 
                [% IF artwork %][% WRAPPER cmdlink cmdimage='artworkbutton.png' cmdtitle='SWITCH_TO_GALLERY' %]href="javascript:toggleGalleryView(0);"[% END %]
                [% ELSE %][% WRAPPER cmdlink cmdimage='listbutton.png' cmdtitle='SWITCH_TO_LIST' %]href="javascript:toggleGalleryView(1);"[% END %]
                [% END %]
	[% END %]
	[% IF pluginCustomBrowseHeaderItems.size>0 %]
		[% IF pluginCustomBrowseContextPage %]
			[% WRAPPER cmdlink cmdimage='infobutton.png' cmdtitle='PLUGIN_CUSTOMBROWSE_MORE_INFO' %]href="[% webroot %]plugins/CustomBrowse/custombrowse_contextheader.html?player=[% player | uri %]&[% pluginCustomBrowseCurrentContext.url %][% pluginCustomBrowseCurrentContext.valueUrl %][% IF artwork %]&artwork=1[% END %]&player=[% playerURI %]"[% END %]
		[% ELSE %]
			[% WRAPPER cmdlink cmdimage='infobutton.png' cmdtitle='PLUGIN_CUSTOMBROWSE_MORE_INFO' %]href="[% webroot %]plugins/CustomBrowse/custombrowse_header.html?player=[% player | uri %]&[% pluginCustomBrowseCurrentContext.url %][% pluginCustomBrowseCurrentContext.valueUrl %][% IF artwork %]&artwork=1[% END %]&player=[% playerURI %]"[% END %]
		[% END %]
	[% END %]
[% END %]

[% BLOCK cbcontentitemheader %]
	[% IF pluginCustomBrowseOptions or pluginCustomBrowseArtworkSupported or pluginCustomBrowseHeaderItems.size>0 %]
		[%- WRAPPER contentitem rightcontrols='iPengHeaderInfoControls' %]
		<div>
			<script type="text/javascript">
				function chooseCustomBrowseOption(value, option)
				{
				        var url = '[% webroot %]plugins/CustomBrowse/custombrowse_list.html?player=[% player | uri %]&[% pluginCustomBrowseCurrentContext.url %][% pluginCustomBrowseCurrentContext.valueUrl %][% IF artwork %]&artwork=1[% END %]&player=[% playerURI %]';
		
				        if (option) {
				                url = url + '&option=' + option;
				        }
				        setCookie( 'SlimServer-CustomBrowse-option', option );
				        window.location = url;
				}
			</script>
			[% IF pluginCustomBrowseOptions %]
		        <select class = "selectOptions" name="options" onChange="chooseCustomBrowseOption(selectedIndex,options[selectedIndex].value)">
			        [% FOREACH option IN pluginCustomBrowseOptions %]
			                <option [% IF pluginCustomBrowseSelectedOption == option.id %]selected[% END %] value="[% option.id %]">[% option.name %]</option>
			        [% END %]
			</select>
			[% END %]
			&nbsp;
		</div>
		[% END %]
	[% END %]
[% END %]

[% BLOCK cbcontentitemallsongs %]
	[%- WRAPPER contentitem rightcontrols='iPengallsongscontrols' %]
		[% IF pluginCustomBrowseContextPage %]
	       		<a class="tapblock" href="[% webroot %]plugins/CustomBrowse/custombrowse_contextplayall.html?player=[% player | uri %][% pluginCustomBrowseCurrentContext.url %][% pluginCustomBrowseCurrentContext.valueUrl %][% IF start %]&start=[% start %][% END %]">[% "ALL_SONGS" | string %]</a><br>
		[% ELSE %]
       			<a class="tapblock" href="[% webroot %]plugins/CustomBrowse/custombrowse_playall.html?player=[% player | uri %][% pluginCustomBrowseCurrentContext.url %][% pluginCustomBrowseCurrentContext.valueUrl %][% IF start %]&start=[% start %][% END %]">[% "ALL_SONGS" | string %]</a><br>
		[% END %]
       	[% END %]
[% END %]

[% BLOCK cbcontentitem %]
	[% IF item.itemobj %]
		<div class="trackItemDetail">[% PROCESS trackinfo %]</div>
	[% ELSE %]
		[% IF !artwork && pluginCustomBrowseArtworkSupported %]
			<div class="browseItemDetailWithCover">
			[% IF item.slimserverurl %]
        			<a class="tapblock" href="[% webroot %][% item.slimserverurl %]">[% PROCESS $CustomBrowseItemText %]</a>
			[% ELSIF item.url %]
        			<a class="tapblock" href="[% webroot %][% CustomBrowseUrl %]?player=[% player | uri %]&[% item.url %]">[% PROCESS $CustomBrowseItemText %]</a>
			[% ELSE %]
        			[% PROCESS $CustomBrowseItemText %]
			[% END %]
			</div>
		[% ELSE %]
			<div class="browseItemDetail">
			[% IF item.slimserverurl %]
        			<a class="tapblock" href="[% webroot %][% item.slimserverurl %]">[% PROCESS $CustomBrowseItemText %]</a><br>
			[% ELSIF item.url %]
        			<a class="tapblock" href="[% webroot %][% CustomBrowseUrl %]?player=[% player | uri %]&[% item.url %]">[% PROCESS $CustomBrowseItemText %]</a><br>
			[% ELSE %]
        			[% PROCESS $CustomBrowseItemText %]<br>
			[% END %]
			</div>
		[% END %]
	[% END %]
[% END %]


[% BLOCK cbcontainer %]
	[% containerid = 'pagecontainer';
	IF page_vertical;
	        containerid = containerid _ '_vert';
	END %]
	<div id = '[% containerid %]' 
        	 style = "min-height: [% IF (levelName == 'album' || levelName == 'age') %]287[% ELSE %]283[% END %]">
        	<!-- keep buttons at bottom -->

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

		[% IF warn %]
		        <b>[% "NOTE" | string %]</b> [% "SCAN_WARNING" | string %] 
		[% END %]

		[% PROCESS activatePLcontainer %]

		[% content %]
	</div>
[% END %]

<!-- Temporary fix since galleryitem and gallerycontainer currently don't work -->
[% contentwrapper = 'contentitem' %]
[% container = 'contentcontainer' %]