##formatter.TextRender()<contentof>
##local.define(AquaParams)<contentof>
    ##nothtml
    ##this.Encoding(CHAR_XML)
    <?xml version="1.0" standalone="yes" ?>
    <settings version="1.0">
        <communication>
            <server value="APS_AQUA?Method=WordCloud"/>
            <search>
                <enabled value="false"/>
                    ##if sessioncfg.ZONES.BrowseOptions.BrowseAsHloc 
                        <format value="##formatter.XMLQuote()<contentof>##this&Method=AquaSearch&Frame=Results&t=normal&BoostType=Child&BoostInterest=##sessioncfg.ZONES.KidsZone.WordSurferInterestBoost&BoostMaterial=##sessioncfg.ZONES.KidsZone.WordSurferMaterialBoost&BrowseAsHloc=##local.thisLoc&Query=$name$&group=$group$</contentof>" />
                    ##else
                        <format value="##formatter.XMLQuote()<contentof>##this&Method=AquaSearch&Frame=Results&t=normal&BoostType=Child&BoostInterest=##sessioncfg.ZONES.KidsZone.WordSurferInterestBoost&BoostMaterial=##sessioncfg.ZONES.KidsZone.WordSurferMaterialBoost&Query=$name$&group=$group$</contentof>" />
                    ##endif
                <target value="AquaResult"/>            
                <NOT_ON_START value="false"/>
            </search>
            <encoding value="default"/>            
            <loading>
                <enabled value="false"/>
            </loading>        
        </communication>						
        <background>
            <color value="#BD47F6"/>
        </background>
        <jscript>
            <formatconcept value="true"/>
            <aqua>
                <user>
                    <onclick value="nav='new';HandleAquaConceptClick('$name$', $group$)"/>
                </user>
            </aqua>
        </jscript>				
        <concepts>
            ##if startpoint
                ##local.Define(StartTerm)<contentof>##startpoint.Query</contentof>
            ##else
                ##local.Define(StartTerm)<contentof></contentof>
            ##endif
            <start value=""/>				
            <display>
            
                <font value="Comic Sans MS/18/bold" type="font"/>
                <minimumfontsize value="7"/>
                <colors>
                    <text value="#FFFFFF"/>
                    <mouseover value="" type="color"/>
                </colors>
                <effect>
                    <box>
                        <enabled value="true">
                            <focus value="true"/>
                        </enabled>
                        <mouseover value="true"/>
                        <padding value="1">
                            <horizontal value="4"/>
                            <vertical value="0"/>
                        </padding>
                        <rounded value="true">
                            <arc_height value="8"/>
                            <arc_width value="8"/>
                        </rounded>					
                        <color value="#FFFFFF">
                            <mouseover value="#FFFFFF" type="color"/>
                        </color>
                        <fill>
                            <enabled value="false"/>
                            <mouseover value="false"/>
                            <color value="#ddeedd">
                                <mouseover value="#ddffdd" type="color"/>
                            </color>
                        </fill>
                    </box>			
                    <lines>
                        <show value="mouse"/>
                        <thickness value="1">
                            <relative value="false"/>
                        </thickness>
                        <color value="#FFFFFF">
                            <mouseover value="#FFFFFF"/>
                        </color>
                        <properties value="boxSize=8;leftIndent=14;color=#000066" type="props"/>
                    </lines>			
                </effect>						
            </display>
        </concepts>
        <views>
            <view index="default">
            <strategy value="default" />
            <groups index="0">
                <name value="default"/>
                <display>
                    <colors>
                        <text value="#00ff00"/>
                    </colors>
                </display>					
            </groups>
            
            <groups index="10">					
                <name value="##leg.Data(ZONESOPAC.AquaBrowser.Legend.Fuzzy)"/>
                <display>
                    <colors>
                        <text value="##sessioncfg.KidsZone.Colours.AquaFuzzyAlternativesText"/>
                    </colors>
                </display>					
            </groups>
           
            <groups index="20">
                <name value="##leg.Data(ZONESOPAC.AquaBrowser.Legend.Translated)"/>
                <display>
                    <colors>
                        <text value="##sessioncfg.KidsZone.Colours.AquaTranslatedTermsText"/>
                    </colors>
                </display>					
            </groups>
            
            <groups index="30">					
		<name value="##leg.Data(ZONESOPAC.AquaBrowser.Legend.Thesaurus)"/>
                <display>
                    <colors>
			<text value="##sessioncfg.KidsZone.Colours.AquaSisoText"/>
                    </colors>
                </display>					
            </groups>
           
            <groups index="40">					
                <name value="##leg.Data(ZONESOPAC.AquaBrowser.Legend.Associative)"/>
		<display>
                    <colors>
                        <text value="##sessioncfg.KidsZone.Colours.AquaCoOcText"/>
                    </colors>
                </display>					
            </groups>
            </view>
            </views>
    </settings>    
</contentof>

##local.define(AquaSearch)<contentof>
       <script type="text/javascript">
           function focusOnStem()
           {
               var Stem = document.getElementById("Stem");
               if
                    (Stem != null)
               {
                    Stem.focus();
               }
           }
           
           documentManager.addStartup(focusOnStem);
       </script>
       <table width = "100%" border = "0" cellpadding = "0" cellspacing = "0" bgcolor="#dD67F6">
            <tr>
                <td valign="bottom" bgcolor="#8a34b4" colspan="4" height="23">
                    <font size="3" face="##local.KidsZoneFont" color="#d7f647">
                        
                        <b><label for="Stem">##leg.KidsZone.SearchPrompt</label></b>
                    </font>
                    
                    <input 
                        onfocus="onFocusStem()" 
                        onblur="onBlurStem()" 
                        onkeydown="MyKeyHandler(event)" 
                        onkeyup="MyKeyHandler(event)" 
                        type="text" 
                        id="Stem" name="Stem" size="30" title="##leg.KidsZone.ToolTip.Stem">
                    <A  onmousedown="onMousedownOk()" 
                        onMouseout="onMouseoutOk()" 
                        onclick="onClickOk()" >
                        <img align="absbottom" src="KidsZone/images/ok.gif" id="ok" width="50" height="23" border="0" alt="##leg.KidsZone.ToolTip.Search"></a>
                    <A  onmousedown="onMousedownBack()" 
                        onmouseover="onMouseoverBack()" 
                        onmouseOut="onMouseoutBack()" 
                        onclick="onClickBack()">
                        <img id="back" align="absbottom" src="KidsZone/images/back.gif" width="39" height="23" border="0" alt="##leg.KidsZone.ToolTip.Previous"></a>
                    <A onmousedown="onMousedownForward()" 
                       onmouseover="onMouseoverForward()" 
                       onmouseout="onMouseoutForward()" 
                       onclick="onClickForward()">
                        <img id="forward" align="absbottom" src="KidsZone/images/forward.gif" width="39" height="23"  border="0" alt="##leg.KidsZone.ToolTip.Next"></a>
                    <A href="APS_AQUA?##this.StyleSet&Method=AquaSearch&BrowseAsHloc=##local.thisLoc" 
                        onmousedown="onMousedownNewSearch()" 
                        onmouseover="onMouseoverNewSearch()" 
                        onmouseout="onMouseoutNewSearch()">
                        <img id="newsearch" align="absbottom" src="KidsZone/images/newsearch.gif" width="39" height="23" border="0" alt="##leg.KidsZone.ToolTip.Clear"></a>
                </td>
            </tr>
        </table>
        
    </contentof>

##local.define(WordCloudApplet)<contentof>
        <APPLET 
            style="visibility:visible; " 
            id="ab" 
            name="AquaBrowser" 
            CODE="nl.medialab.aquax.aquarium.AquariumApplet" 
            CODEBASE="/Components"
            ARCHIVE="Aquarium1.0.130.jar"
            height="200" 
            width="100"
            MAYSCRIPT VIEWASTEXT>
            <param name="settings" value="##this?RenderAquaParams=1">
        </APPLET>
    </contentof>


    ##local.define(AquaResultsFrame)<contentof>
    </contentof>
    
##local.define(CategoryContent)<contentof>
    <table id=AquaContent style="style="margin:0px; padding:0px;" >
        <tr>
            <td valign=top>
                ##local.WordCloudApplet
            </td>
            <td valign=top>
                <IFRAME style="" 
                ##if request.IsEqual(Method,CloneList) 
                src="##this&Frame=Results" 
                ##else 
                src="APS_AQUA_BLANK?##this.StyleSet" 
                
            ##endif 
            name=AquaResult 
            id=AquaResult 
            width=400 
            height=400 
            frameborder="0">
            </IFRAME>
            </td>
        </tr>
    </table>
    
</contentof>

##local.define(AquaBrowserPage)<contentof>
        <div id=ExploreHeader>
            ##local.Define(Title)<contentof>##leg.KidsZone.WordSurferTitle</contentof>
            ##local.ExploreHeader
            ##local.AquaSearch
            ##if local.IsEqual(ScrollingListUpButton,"")
            ##else
                <div align="right">&nbsp; ##local.ScrollingListUpButton</div>
            ##endif
        </div>
        <div id=ContentBrowseDiv>
            ##local.CategoryContent
        </div>    
        <div id=ExploreFooter>
            ##local.ExploreFooter
        </div>
        ##local.CommonComponents    
        
        ##local.AquaScripts
        
        <script type="text/javascript">
            
            function sizeMe()
            {
                
                //alert("sizeMe");
                var eh = document.getElementById("ExploreHeader");
                var ef = document.getElementById("ExploreFooter");
                var cb = document.getElementById("ContentBrowseDiv");
                var cb_r = getBoundingClientRect(cb);
                var margin = getBoundingClientRect(eh).height + getBoundingClientRect(ef).height;  
    
                //alert("margin="+margin );
                
                var rc = documentManager.windowSize();
                var rh = rc.height-margin;
              
                var ab = getAb();              
                var ar = document.getElementById("AquaResult");
                cb.style.height= rh+"px";
                ab.style.height = rh+"px";
              
                var ab_width = Math.round (cb_r.width * 0.4);
                if
                    (ab_width>200)
                {
                    ab_width = 200;
                }

                var ar_width = cb_r.width - ab_width -2;
                
                
                ab.style.width  = ab_width+"px";
                ar.style.height = rh+"px";
                ar.style.width  = ar_width+"px"; 
            }
            documentManager.addStartup(sizeMe);
            documentManager.addOnResize(sizeMe);
        </script>
</contentof>

##local.define(AquaScripts)<contentof>
           <script lang=javascript>
           timerID=setTimeout("",0);
           
            var nav="";
            var historyArray = new Array();
            var historyArrayGroup = new Array();
            var clickedBackOrNext = false;
            var WSHistoryPos = 0;
                
            var bCheckedInternationalVersion = false;
            
            // Returns reference to the APPLET tag
            function getAb(){
                return document.getElementById("ab");
            }
                
            function doWSBack(){
                if(WSHistoryPos>1){
                    WSHistoryPos--;
                    getAb().setConcept(historyArray[WSHistoryPos-1],historyArrayGroup[WSHistoryPos-1]);
                    HandleAquaConceptClick(historyArray[WSHistoryPos-1],historyArrayGroup[WSHistoryPos-1]);
                }
            }
                
            function doWSForward(){
                if(WSHistoryPos<historyArray.length){
                    WSHistoryPos++;
                    getAb().setConcept(historyArray[WSHistoryPos-1],historyArrayGroup[WSHistoryPos-1]);
                    HandleAquaConceptClick(historyArray[WSHistoryPos-1],historyArrayGroup[WSHistoryPos-1]);
                }
            }
                
            // When the user moves over a concept, 
            // highlight the applicable type of term
            function HandleAquaBrowserMouseOver(sConcept, iGroup){
                doMouseOut();
                var el = document.all ( "leg" + iGroup );
                if ( el != null ) {
                    el.style.backgroundColor="#BAC3D5";
                }
            }
            
            function doMouseOut(){
                leg10.style.backgroundColor='';
                leg20.style.backgroundColor='';
                leg30.style.backgroundColor='';
                leg40.style.backgroundColor='';
            }
                
            // When the <<user>> clicks on a concept.
            // This must trigger a search. The retreival of the
            // words is done automatically.
            histDir=0;

            function HandleAquaConceptClick(sConcept, iGroup){            
                
                if(nav=="new"){
                    historyArray.push(sConcept);
                    historyArrayGroup.push(iGroup);
                    WSHistoryPos=historyArray.length;
                }
                // some code of adding this concept to a history later on..
                // retreive frame, and set its location
                var frameRes = window.frames["AquaResult"];
                var loc = "##this&Method=AquaSearch&Frame=Results&t=normal&BoostType=Child&BoostInterest=##sessioncfg.ZONES.KidsZone.WordSurferInterestBoost&BoostMaterial=##sessioncfg.ZONES.KidsZone.WordSurferMaterialBoost&Query=" + (historyArray[WSHistoryPos-1]) + "&group=" + historyArrayGroup[WSHistoryPos-1];
                ##if sessioncfg.ZONES.BrowseOptions.BrowseAsHloc
                    loc += "&BrowseAsHloc=##local.thisLoc";
                ##endif			
                //alert(frameRes + ", " + frameRes.location.href);

        			var fe = frameRes.frameElement;
			
                // humm - lets detatch the document manager in the frame before we change the location.
                // becuase the unload does not get called when this happens.
			
                var cdm = fe.contentWindow.documentManager;
                cdm.detatch();
			
                frameRes.location.href = loc;

            }
            
            function MyKeyHandler(e){
                if (!e) var e = window.event;
                var code = getKeyCode(e);
                                
                if(code==13){
                    
                    if(ResultComplete()){
                        nav="new";
                    
                        AquaSearch();
                    }
                    else
                    {
                        alert("no fish");
                    }
                }
            }
            
            function ResultComplete(){
                if (!document.readyState) return true;
                
                if(window.frames['AquaResult'].document.readyState=='complete'){
                    return true;
                }
                return false;                
            }
                
            // The AquaSearch function fires a search
            // with the Stem.value, which is the value in the searchbox
            // Tt also checks for the 'international' java version 
            function AquaSearch(){
                clearTimeout(timerID);
                if(ResultComplete()) timerID=setTimeout(StartNewSearch,500);
            }        
                
            function StartNewSearch(){
                
                var aqua = getAb();
                var Stem = document.getElementById("Stem");
                
                // we don't want to check 2 times 
                if (!bCheckedInternationalVersion){
                    var estring = aqua.archive;					
                    if (estring >= "Aquarium1.0.123"){
                        var verInfo = aqua.getJavaVersionInfo();						
                        if (verInfo.indexOf("international=false") > 0){
                            alert("You are using a non-international version of the Java VM.\nIt is highly recommended that you download the international version");
                        }
                    }
                    bCheckedInternationalVersion = true;			
                }
                // check validity of search term.
                if ((Stem.value.length <= 1)&&(nav=='new')){
                    alert("The search term you entered is too short.\nPlease enter a search term that consists of two characters or more.");
                }
                else{
                    
                    if(nav=='new'){
                        aqua.setConcept(Stem.value);
                        HandleAquaConceptClick(Stem.value, 0);
                    }
                    else{
                        if(nav=='back'){
                            doWSBack();
                        }else if(nav=="forward"){
                            
                            doWSForward();
                        }
                    } 
                    nav="";
                }
            
                
            }
            function BiblioMondo_goBack()
              {
                parent.TriggerShowFlash();
              }

            ##if request.IsEqual(Method,CloneList)
    
            function repopCloud()
            {
                var previousConcept = "##formatter.contextTexttoDocCharSet(##searchcontext.Query)";
                //alert(previousConcept);
                getAb().setConcept(previousConcept);
                historyArray.push(previousConcept);
                historyArrayGroup.push(0);
                WSHistoryPos=historyArray.length;
            }
            documentManager.addStartup ( repopCloud );
    
            ##endif
    
            </script>


            
            <SCRIPT type="text/javascript">
                if (document.images){
                
                    newImg1 = new Image();
                    newImg1.src = "KidsZone/images/ok.gif";
                    newImg2 = new Image();
                    newImg2.src = "KidsZone/images/ok_a.gif";
                    newImg3 = new Image();
                    newImg3.src = "KidsZone/images/ok_c.gif";

                    newImg4 = new Image();
                    newImg4.src = "KidsZone/images/back.gif";
                    newImg5 = new Image();
                    newImg5.src = "KidsZone/images/back_a.gif";
                    newImg6 = new Image();
                    newImg6.src = "KidsZone/images/back_c.gif";

                    newImg7 = new Image();
                    newImg7.src = "KidsZone/images/forward.gif";
                    newImg8 = new Image();
                    newImg8.src = "KidsZone/images/forward_a.gif";
                    newImg9 = new Image();
                    newImg9.src = "KidsZone/images/forward_c.gif";

                    newImg10 = new Image();
                    newImg10.src = "KidsZone/images/newsearch.gif";
                    newImg11 = new Image();
                    newImg11.src = "KidsZone/images/newsearch_a.gif";
                    newImg12 = new Image();
                    newImg12.src = "KidsZone/images/newsearch_c.gif";
                }
                
                
            </script>
            
        <script type="text/javascript">


        function onMousedownNewSearch()
        {
            var newsearch = document.getElementById("newsearch");
            newsearch.src=newImg12.src;
        }
        
        function onMouseoverNewSearch()
        {
            var newsearch = document.getElementById("newsearch");
            newsearch.src=newImg11.src;
        }

        function onMouseoutNewSearch()
        {
            var newsearch = document.getElementById("newsearch");
            newsearch.src=newImg10.src;
        }

        function onMousedownForward()
        {
            var forward = document.getElementById("forward");
            forward.src=newImg9.src
        }

        function onMouseoverForward()
        {
            var forward = document.getElementById("forward");
            forward.src=newImg8.src
        }

        function onMouseoutForward()
        {
            var forward = document.getElementById("forward");
            forward.src=newImg7.src
        }

        function onClickForward()
        {
            if(ResultComplete()){nav='forward';AquaSearch()}
        }

        function onFocusStem() 
        {
            document.onselectstart=null;
        }
        
        function onBlurStem() {
            document.onselectstart=function(){return false;}
        }
        
        function onMousedownOk() {
            mouse_down=1;MyTextHandler();
        }
        function onMouseoutOk()
        {
            ent=1;MyTextHandler();
        }
        function onClickOk() {
            if(ResultComplete()) 
            {
                nav='new';AquaSearch()
            }
        }
            
            function onMousedownBack() {
                var back = document.getElementById("back");
                back.src=newImg6.src;
            }
            
            function onMouseoverBack() {
                var back = document.getElementById("back");
                back.src=newImg5.src;
            }
            
            function onMouseoutBack()
            {
                var back = document.getElementById("back");
                back.src=newImg4.src;
            }
            
            function onClickBack()
            {
                if(ResultComplete())
                {
                    nav='back';AquaSearch()
                }
            }
                        
       </script>
            
            <script language="javascript">
                var ent;
                var mouse_down;
                

                function MyTextHandler(){
                    
                    var Stem = document.getElementById("Stem");
                    var ok  = document.getElementById("ok");
                    
                    if (Stem.value != ''){
                        if (mouse_down==1){
                            if (ent!=1)
                                ok.src=newImg3.src;
                        }
                        else{
                            ok.src=newImg2.src;
                        }
                    }
                    else{
                        ok.src=newImg1.src;
                    }
                    if (ent == 1){
                        ok.src=newImg1.src;
                        ent = 0;
                    }
                    mouse_down=0;
                }
                
            </script>

                <script type="text/javascript">
                    function fnDoAppletResize(){
                        var el = elAppletContainer;
                        if ( el.bSizing != true ) {
                            el.bSizing = true;
                            var numWidth = el.clientWidth;
                            var numHeight = el.clientHeight;
                            var elApp = el.firstChild;
                            while ( elApp != null ) {
                                if ( elApp.nodeType == 1 ) {
                                    if ( elApp.tagName == "APPLET" ) {
                                            break;
                                    }
                                }
                                elApp = elApp.nextSibling;
                            }
                            if ( elApp != null ) {
                                elApp.style.pixelWidth = numWidth;
                                elApp.style.pixelHeight = numHeight;
                            }
                            elApp.style.visibility = "visible";
                            el.bSizing = false;
                        }
                    }
                    function fnStart () {
                        fnDoAppletResize ();
                        var elParent = elAppletContainer.offsetParent;
                        elAppletContainer.onresize = fnDoAppletResize;
                    }
                    //documentManager.addStartup ( fnStart );
                    //documentManager.addStartup ( function () { document.getElementById("Stem").focus (); } );

                </script>

        ##if request.IsEqual(Method,CloneList)
            <script type="text/javascript">
                var firstTime = true;
                function onSystemUpdated(){
                    if (firstTime){
                        Stem.value = "##formatter.contextTexttoDocCharSet(##searchcontext.Query)";
                        firstTime = false;
                    }
                    ##if sessioncfg.ZONES.BrowseOptions.BrowseAsHloc 
                        AquaBrowser.getAquaBrowserParameters().setCommunicationFileFormat("##this&Method=AquaSearch&DB=KIDSIGORSERVER&AquaResults=1&Frame=Results&t=normal&BoostType=Child&BoostInterest=##sessioncfg.ZONES.KidsZone.WordSurferInterestBoost&BoostMaterial=##sessioncfg.ZONES.KidsZone.WordSurferMaterialBoost&BrowseAsHloc=##local.thisLoc&Query=$name$&group=$group$");
                        AquaBrowser.getAquaBrowserParameters().setSearchFormat("##this&Method=AquaSearch&DB=KIDSIGORSERVER&AquaResults=1&Frame=Results&t=normal&BoostType=Child&BoostInterest=##sessioncfg.ZONES.KidsZone.WordSurferInterestBoost&BoostMaterial=##sessioncfg.ZONES.KidsZone.WordSurferMaterialBoost&BrowseAsHloc=##local.thisLoc&Query=$name$&group=$group$");
                    ##else
                        AquaBrowser.getAquaBrowserParameters().setCommunicationFileFormat("##this&Method=AquaSearch&AquaResults=1&Frame=Results&t=normal&BoostType=Child&BoostInterest=##sessioncfg.ZONES.KidsZone.WordSurferInterestBoost&BoostMaterial=##sessioncfg.ZONES.KidsZone.WordSurferMaterialBoost&Query=$name$&group=$group$");
                        AquaBrowser.getAquaBrowserParameters().setSearchFormat("##this&Method=AquaSearch&&AquaResults=1&Frame=Results&t=normal&BoostType=Child&BoostInterest=##sessioncfg.ZONES.KidsZone.WordSurferInterestBoost&BoostMaterial=##sessioncfg.ZONES.KidsZone.WordSurferMaterialBoost&Query=$name$&group=$group$");
                    ##endif
                }
            </script>
        ##endif
</contentof>
</contentof>
##if request.IsEqual(RenderAquaParams,"1")
    ##local.AquaParams
##else
    ##if request.AquaResults
        ##local.define(BackgroundColor)<contentof>#6633FF</contentof>
        ##local.define(BodyContent)<contentof><font face="##local.KidsZoneFont">##leg.KidsZone.ErrorPageMessage</font></contentof>    
    ##else
        ##local.define(BackgroundColor)<contentof>#bd46f6</contentof>
        ##local.define(BodyContent)<contentof>##local.AquaBrowserPage</contentof>
    ##endif
    ##include(Body)
##endif