<ion-view>
	<ion-content ng-init="loadAnimation()">
	<button class="sort" data-sort="random" id="btn3">Random</button>
	<div id="shuffle">
		<div class="mix category-1" data-my-order="1"> 1 </div>
		<div class="mix category-1" data-my-order="2"> 2 </div>
		<div class="mix category-1" data-my-order="3"> 3 </div>
		<div class="mix category-1" data-my-order="4"> 4 </div>
	</div>
	<button id="btn4">animate</button>
	<div class="animateDiv" style="position: absolute;">Test div for animation</div>
	<button id="btn5" ng-click="playSound()">Play</button>
	
	<button id="btn5" ng-click="getChatResponse()">Play</button>
	<div style="clear:both;"></div>
	<div id= "chatBody" >Hello </div>
	
	<div ng-click="Scrolldown()" style="width;100px">Scroll Down</div>
	<div id= "lastdiv" style="width;100px">Hello 12</div>
	<style type="text/css">
      [scroll-glue-top],
      [scroll-glue-bottom],
      [scroll-glue]{
        height: 100px;
        overflow-y: scroll;
      }

      [scroll-glue-left],
      [scroll-glue-right]{
        width: 100px;
        overflow-x: scroll;
        border: 1px solid gray;
        padding: 10px;
      }

      [scroll-glue-left] span,
      [scroll-glue-right] span{
        border: 1px solid black;
      }
    </style>
	<div scroll-glue>
      <ul>
        <li ng-repeat="item in items">{{item}}</li>
      </ul>
    </div>
	
	
	<button ng-click="getUserdetails()">User Details</button>
	
	</ion-content>
</ion-view>