<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="First Gadget VijayC">  
<!--
  <Require feature="wave-preview" /> 
-->
  </ModulePrefs> 
 <Content type="html">   
 <![CDATA[     

 <div id="content_div" >Welcome to click me counter </div>    
 <script type="text/javascript"     src="http://wave-api.appspot.com/public/wave.js"></script>

   <script type="text/javascript">

    alert("My Script has surely started");
	
    var div = document.getElementById('content_div');

    function buttonClicked() {
      var value = parseInt(wave.getState().get('count', '0'));
      wave.getState().submitDelta({'count': value + 1});
    }

    function stateUpdated() {
      //window.alert(' got notification in stateUpdated ');
      if(!wave.getState().get('count')) {
        div.innerHTML = "The count is 0."
      }
      else {
        div.innerHTML = div.innerHTML+ "<div> The count now is " + wave.getState().get('count') + "</div>" ;
      } 
    }
 
    function init() {
	if(wave && wave.isInWaveContainer()) {
             wave.setStateCallback(stateUpdated);
           alert(' registered the state callback ');
	}
    }
    gadgets.util.registerOnLoadHandler(init);

    // Reset value of "count" to 0
    function resetCounter(){
      wave.getState().submitDelta({'count': '0'});
    }

    // Set value of "count" to whatever number
    function setCounter(){
      var vv= parseInt(document.getElementById('texNumber').value);
      wave.getState().submitDelta({'count': vv});
    }


    </script>
<div>
    <input type=button value="Click Me!" id="butCount" onClick="buttonClicked()">
    <input type=button value="Reset" id="butReset" onClick="resetCounter()">
    <input type=text value="287" id="texNumber" >
    <input type=button value="Set Counter" id="butSet" onClick="setCounter()">

</div>
    ]]>
  </Content>
</Module>