/* You will need a WebThumbnailViewer and 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 the WebThumbnailViewer control will be sufficient.
 */
Atalasoft.Utils.InitClientScript(BindThumbnailMouseEvents);
function BindThumbnailMouseEvents(){
   WebThumbnailViewer1.ThumbnailDoubleClicked = ThumbnailMouseEventExample;
   WebThumbnailViewer1.ThumbnailRightClicked = ThumbnailMouseEventExample;
}

// This simple example alerts the user when a thumbnail is double or right clicked.
function ThumbnailMouseEventExample(e){
   alert(e.name + ' event fired on thumbnail at index ' + e.index);
}

/* You will need a WebThumbnailViewer and 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 the WebThumbnailViewer control will be sufficient.
 */

Atalasoft.Utils.InitClientScript(BindDropEvent);
function BindDropEvent(){
   WebThumbnailViewer1.ThumbnailDrop = ThumbnailDropped;
}

// This simple example alerts the user when a thumbnail is dragged and dropped.
function ThumbnailDropped(e){
   alert('Thumbnail dragged from index: ' + e.dragIndex + ' was dropped to index: ' + e.dropIndex);
}

/* You will need a WebThumbnailViewer and 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 the WebThumbnailViewer control will be sufficient.
 */
Atalasoft.Utils.InitClientScript(BindThumbnailKeyEvents);
function BindThumbnailKeyEvents(){
   WebThumbnailViewer1.KeyDown = ThumbnailKeyEventExample;
   WebThumbnailViewer1.Focus();
}

// Binds the up and down arrow keys to select previous and next thumbnails
// NOTE: the keyCodes used in this example were tested in Internet Explorer, FireFox,
//       Safari, and Chrome. The keyCodes for other browsers may be different.
function ThumbnailKeyEventExample(e){
   // Get the keyCode for the key that was pressed
   var myKeyCode = e.keyCode;
   var n = WebThumbnailViewer1.getSelectedIndex();
   var c = WebThumbnailViewer1.getCount();

   if (myKeyCode == 38){
      // up arrow was pressed, subtract one from SelectedIndex, and check lower bounds
      n = (n - 1 >= 0) ? n - 1 : 0;

      // select the previous thumbnail
      WebThumbnailViewer1.SelectThumb(n);

      // stop the default KeyUp action of scrolling, by returning false
      return false;
   }
   else if (myKeyCode == 40){
      // down arrow was pressed, add one to SelectedIndex, and check upper bounds
      n = (n + 1 < c) ? n + 1 : c - 1;

      // select the next thumbnail
      WebThumbnailViewer1.SelectThumb(n);

      // stop the default KeyUp action of scrolling, by returning false
      return false;
   }
}