<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Context-Type" content="text/html; charset=UTF-8"></meta>
<title>Buttons page</title>
</head>

<body>
    <div class="tabView" id="mainTabContainer" dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%;">
	<div id="tab1" dojoType="dijit.layout.ContentPane" href="templates/tab1.html" title="Tab 1"></div>
	<div id="tab2" dojoType="dijit.layout.ContentPane" href="templates/tab2.html" title="Tab 2"></div>
        <div id="tab3" dojoType="dijit.layout.ContentPane" href="templates/tab3.html" title="Tab 3"></div>
    </div>    

    <!-- 
        Register Controllers for each content pane.
        These are trivial controllers that change the content message of the pane
        When they have been selected via a button.
        These are the individual view controllers in the tab example.
     -->
    <div dojoType="samples.ContentPaneController" 
         contentPaneID="tab1"
         message="TAB ONE HAS BEEN SELECTED BY BUTTON ONE AT ONE POINT"
         dataAttachPoint="pane1AttachPoint"
         id="paneOneController">
    </div>
    <div dojoType="samples.ContentPaneController" 
         contentPaneID="tab2"
         message="TAB TWO HAS BEEN SELECTED BY BUTTON TWO AT ONE POINT"
         dataAttachPoint="pane2AttachPoint"
         id="paneTwoController">
    </div>
    <div dojoType="samples.ContentPaneController" 
         contentPaneID="tab3"
         message="TAB THREE HAS BEEN SELECTED BY BUTTON THREE AT ONE POINT"
         dataAttachPoint="pane3AttachPoint"
         id="paneThreeController">
    </div>


    <!-- 
        Register an action controller that activates the child controllers on events 
        This is the top-level tab view controller in this example.
    -->    
    <div dojoType="dojox.wire.ml.Action" 
         triggerTopic="buttonAction">
        
        <!-- Register a listener for button actions to flip which panel is viewed. -->    
        <div dojoType="dojox.wire.ml.Invocation" 
             parameters="arguments[0]" 
             object="mainTabContainer" 
             method="selectChild">
        </div>
        
        <!-- Register for certain events to activate the controllers. -->
        <div dojoType="dojox.wire.ml.Invocation" 
             object="paneOneController" 
             method="setMessage">
             <div dojoType="dojox.wire.ml.ActionFilter" required="arguments[0]" requiredValue="tab1">
             </DIV>
        </div>
        <div dojoType="dojox.wire.ml.Invocation" 
             object="paneTwoController" 
             method="setMessage">
             <div dojoType="dojox.wire.ml.ActionFilter" required="arguments[0]" requiredValue="tab2">
             </DIV>
        </div>
        <div dojoType="dojox.wire.ml.Invocation" 
             object="paneThreeController" 
             method="setMessage">
             <div dojoType="dojox.wire.ml.ActionFilter" required="arguments[0]" requiredValue="tab3">
             </DIV>
        </div>
    </div>
</body>
</html>