##if error.Level

    ##if error.IsEqual(Level,APPLICATION)
        ##if error.IsEqual(Number,7002)
            ##local.define(NoHits)<contentof>1</contentof>
        ##endif
        
        ##if error.IsEqual(Number,7103)
            ##local.define(NoHits)<contentof>1</contentof>
        ##endif
        
    ##endif
    
    ##local.define(PageGoBack)<CONTENTOF>##this</CONTENTOF>

    ##local.define(BodyContent)<contentof>

	##if local.NoHits
                ##local.Define(Title)<contentof>##leg.KidsZone.NoResultsTitle</contentof>
                ##local.Define(SearchErrorMessage)<contentof>##leg.KidsZone.NoResultsMessage</contentof>
        ##else
                ##local.Define(Title)<contentof>##leg.KidsZone.NoResultsTitle</contentof>
                ##local.Define(SearchErrorMessage)<contentof>Your search caused an error ##error.Dump()</contentof>
        ##endif
    
	<table align="center" cellpadding="0" cellspacing="0" width="95%" height="95%" border="0">
		<tr>
			<td>
				##local.ExploreHeader
                        </td>
		</tr>
		<tr>
			<td height="100%" valign="top" align="center">
				<!--//##local.ScrollingListUpButton-->
				<div align="left">
                                        <br>
					<font color="yellow" face="##local.KidsZoneFont">##local.SearchErrorMessage</font>
				</div>
                        </td>
		</tr>
		<tr>
			<td>
				<!--//##local.ScrollingListDownButton-->
				##local.ExploreFooter
			</td>
		</tr>
	</table>

</contentof>
  
##else

##local.define(BodyContent)<contentof>




	<SCRIPT type="text/javascript" LANGUAGE = JAVASCRIPT>
	   if (document.images) 
	   {
		  img1 = new Image();
		  img2 = new Image();
		  img1.src = "KidsZone/images/button.gif";
		  img2.src = "KidsZone/images/s_button.gif";
	   }
       
    
        
        ##if searchcontext.Parent 
            //alert( '##searchcontext.Parent' );
        ##else
            function BiblioMondo_goBack()
            {
                parent.TriggerShowFlash();
            }
        ##endif            

	</SCRIPT>

    ##local.define(CategoryContent)<contentof>
    
    				##local.define(ScrollingListContent)<contentof>
					<!-- Start of server generated table -->
                    <script type="text/javascript">
                    function pMouseOut(child_picture)
                    {
                        var id = document.getElementById("ID"+child_picture);
                        var id2 = document.getElementById("ID2"+child_picture);
                        
                        id.style.backgroundImage="url(/KidsZone/images/button.gif)";;
                        id2.color='##local.CategoryBrowseLinkColor';
                        
                    }
                    
                    function pMouseOver(child_picture)
                    {
                        var id = document.getElementById("ID"+child_picture);
                        var id2 = document.getElementById("ID2"+child_picture);
                        
                        
                        id.style.backgroundImage="url(/KidsZone/images/s_button.gif)";
                        id2.color='##local.CategoryBrowseActiveLinkColor';
                        
                    }
                </script>
                    
					<table width="100%" cellpadding="0" cellspacing="0">
						##if value.IsMap("Children")
							<tr>
								##value.ForEachInBuildRows(4,child,"Children")<contentof>
									##local.defineByRender(childType)<contentof>##child.__label()</contentof>
									<td width="25%" valign="top"  >
										<table width="100%" border="0" cellpadding="0" cellspacing="0">
											<tr>
												<td align="center">
													<table  align="center" valign="middle" border = "0" cellpadding = "0" cellspacing = "0" width = "134" height = "134">
														<tr>
                                                            ##if child.picture
                                                                ##local.define(PicID)<contentof> onMouseOut="pMouseOut('##child.picture')"  onMouseOver="pMouseOver('##child.picture')"</contentof>
                                                            ##else
                                                                ##local.define(PicID)<contentof></contentof>
                                                            ##endif
                                                            
															<td id="ID##child.picture" align="center" valign="middle" style="background-image: url('/KidsZone/images/button.gif');">
																##if child.picture
                                                                    ##local.define(PictureUrl)<contentof>/ZonePics/##child.picture\=002ejpg</contentof>
																##else
                                                                    ##local.define(PictureUrl)<contentof>/ZonePics/no_picture\=002ejpg</contentof>
																##endif
                                                                
                                                                <table valign = "top" width="92" height="92" bordercolor="#000000" border="1" cellpadding="0" cellspacing="0">
																	<tr>
																		<td>
																			##if local.IsEqual(childType,"BookListRef")
																				<a href="##this&Method=ShowList&id=##child.urlencode(booklistid)&&Parent=##this.urlencoded&BrowseAsHloc=##local.thisLoc">
																					<img src="##local.PictureUrl" alt = "##child.QualData(description)" border = "2" ##local.PicID /></a></td>
																			##else
																				##if local.IsEqual(childType,"CatRef")
																					 <a href="##this&Method=Start&root=##child.urlencode(categoryid)&Parent=##this.urlencoded&BrowseAsHloc=##local.thisLoc">
																						<img src="##local.PictureUrl" alt = "##child.QualData(description)" border = "2" ##local.PicID /></a></td>
																				##else
																					##if local.IsEqual(childType,"ProfileRef")
																						<a href="##this&Method=ProfileSearch&id=##child.urlencode(profileid)&&Parent=##this.urlencoded&BrowseAsHloc=##local.thisLoc">
                                                                                        <img src="##local.PictureUrl" alt = "##child.QualData(description)" border = "2" ##local.PicID /></a></td>
																					##else
																						type = ##local.childType
																					##endif
																				##endif
																			##endif
																		
																	</tr>
																</table>	
															</td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td align="center" valign = "top" style="padding-left:5px;padding-right:5px;padding-bottom:0.5em">
													<font face="Comic Sans MS" color="#ffff00">
					 									<b>
															##if local.IsEqual(childType,"BookListRef")
																<a href="##this&Method=ShowList&id=##child.urlencode(booklistid)&&Parent=##this.urlencoded&BrowseAsHloc=##local.thisLoc" ##local.PicID>
																	<font face="Comic Sans MS" color="##local.CategoryBrowseLinkColor" id="ID2##child.picture">##child.QualData(label)</font>
																</a>
															##else
																##if local.IsEqual(childType,"CatRef")
																	<a href="##this&Method=Start&root=##child.urlencode(categoryid)&Parent=##this.urlencoded&BrowseAsHloc=##local.thisLoc" ##local.PicID>
																		<font face="Comic Sans MS" color="##local.CategoryBrowseLinkColor" id="ID2##child.picture">##child.QualData(label)</font>
																	</a>
																##else
																	##if local.IsEqual(childType,"ProfileRef")
																		<a href="##this&Method=ProfileSearch&id=##child.urlencode(profileid)&&Parent=##this.urlencoded&BrowseAsHloc=##local.thisLoc" ##local.PicID>
																			<font face="Comic Sans MS" color="##local.CategoryBrowseLinkColor" id="ID2##child.picture">##child.QualData(label)</font>
																		</a>
																	##else
																		type = ##local.childType
																	##endif
																##endif
															##endif
														</b>
													</font>
												</td>
											</tr>
										</table>
									</td>
								</contentof>
								<contentof>
									</tr>
									<tr>
								</contentof>
								<contentof>
									<td align=top>
										&nbsp;
									</td>
								</contentof>
							</tr>      
						##else
							<tr>
								<td>
									<font face="Comic Sans MS" color="#ffff00">
										##leg.KidsZone.General.NoPic
									</font>
								</td>
							</tr>
						##endif
					</table>
					<!-- End of server generated table -->
				</contentof>
                
                <div id="CategoryScroller" style="width:100%;height:500px;overflow:auto;overflow-x:hidden;overflow-y:auto;">
                    ##local.ScrollingListContent
                </div>
                
				/*<div style="width:100%;height:100%;overflow:hidden">
					##local.ScrollingList
				</div>*/
    </contentof>

    <div id=ExploreHeader>
            ##local.Define(SubTitle)<contentof>##value.QualData(parent.label)</contentof>
            ##local.Define(Title)<contentof>##leg.KidsZone.ExplorerTitle</contentof>
            ##local.ExploreHeader
            <div align="right">&nbsp; ##local.ScrollingListUpButton</div>
    </div>
    <div id=ContentBrowseDiv>
            ##local.CategoryContent
    </div>    
    <div id=ExploreFooter>
        <div align="right">##local.ScrollingListDownButton</div>
        ##local.ExploreFooter
    </div>
    ##local.CommonComponents    

    <script type="text/javascript">
        
        function sizeMe()
        {
            
            //alert("sizeMe");
            var eh = document.getElementById("ExploreHeader");
            var ef = document.getElementById("ExploreFooter");
            var cb = document.getElementById("ContentBrowseDiv");
            var sc = document.getElementById("CategoryScroller");
            
            var margin = getBoundingClientRect(eh).height + getBoundingClientRect(ef).height;  

            //alert("margin="+margin );
            
            var rc = documentManager.windowSize();
            var rh = rc.height-margin;
            
            cb.style.height= rh+"px";
            
            if(sc != null) {
               sc.style.height = rh - 16 +"px";
            }
        }
        documentManager.addStartup(sizeMe);
        documentManager.addOnResize(sizeMe);
    </script>

  ##endif
</contentof>
##include(Body)