/* You will need a reference to ClientTools.js before this snippet.
* This reference is automatically added to the page, inline with the DotImage WebControls,
* so placing this snippet below one of these controls will be sufficient.
 /
function ClientToolsObjectsExample(){
   // Create a new atalaPoint
   var myPoint = new atalaPoint(20, 100);

   // Change the point's values
   myPoint.X = 40;
   myPoint.Y = 80;

   // Create a new atalaSize
   var mySize = new atalaSize(320, 200);

   // Change the size's values
   mySize.Width = 40;
   mySize.Height = 80;

   // Create a new atalaRectangle
   var myRect = new atalaRectangle(50, 50, 320, 200);

   // Change the rectangle's values
   myRect.X = 100;
   myRect.Y = 100;
   myRect.Width = 800;
   myRect.Height = 600;
}

/* You will need a reference to ClientTools.js before this snippet.
* This reference is automatically added to the page inline with the WebControls,
 * so placing this snippet below one of these controls will be sufficient.
 * This example also requires a WebImageViewer to demonstrate the usage of atalaEventAdd.
 */

// execute this function on page load
atalaInitClientScript(ClientToolsMethodsExample);

function ClientToolsMethodsExample(){
   // Add some event handlers to ZoomChanged, although it's possible to call myOtherZoomEvent
   // from myZoomEvent to achieve the same outcome, this demonstrates how multiple functions
   // can be added to any event on WebControls.

   // Current context is usually the keyword 'this'
   Atalasoft.Event.Attach(this, WebImageViewer1, 'ZoomChanged', myZoomEvent);
   Atalasoft.Event.Attach(this, WebImageViewer1, 'ZoomChanged', myOtherZoomEvent);

   // Run offsets example
   ClientToolsOffsetExample();

   // Bind document's mouse click event to get mouse position on click
   document.onclick = myClickEvent;
}

function myZoomEvent(){
   // do something zoom related
   alert('myZoomEvent: Zoom changed to ' + WebImageViewer1.getZoom());
}

function myOtherZoomEvent(){
   // do another thing zoom related
   alert('myOtherZoomEvent: Zoom changed to ' + WebImageViewer1.getZoom());
}

function myClickEvent(e){
   // Most browsers pass in an event object (in this case 'e')
   // If the given object is null, then it's probably using 'event'
   if (!e){
      e = event;
   }

   // Gets the page based mouse position, taking scroll position into account
   var mp = Atalasoft.Utils.getMousePosition(e);
   alert('Mouse click detected at x:' + mp.X + ' y:' + mp.Y);
}

function ClientToolsOffsetExample(){
   // Even though an object of the name WebImageViewer1 already exists, it is not a DOM
   // element, it is an object of type atalaWebImageViewer. To get the actual container
   // DOM object, we use getElementById.
   var viewerDomObject = document.getElementById('WebImageViewer1');

   // Get the offset from the left side of the page.
   var x = Atalasoft.DOM.getOffsetLeft(viewerDomObject);

   // Get the offset from the top of the page.
   var y = Atalasoft.DOM.getOffsetTop(viewerDomObject);

   // Alert the current position of the WebImageViewer1 DOM element
   alert('The WebImageViewer1 DOM element is ' + x + ' pixels from the left, and ' + y + ' pixels from the top.');
}