// JavaScript Document
var currentImage=0;
var imagesArray=new Array();

function addSwipeListener(el, listener)
{
 var startX;
 var dx;
 var direction;

 function cancelTouch()
 {
  el.removeEventListener('touchmove', onTouchMove);
  el.removeEventListener('touchend', onTouchEnd);
  startX = null;
  startY = null;
  direction = null;
 }

 function onTouchMove(e)
 {
  if (e.touches.length > 1)
  {
   cancelTouch();
  }
  else
  {
   dx = e.touches[0].pageX - startX;
   var dy = e.touches[0].pageY - startY;
   if (direction == null)
   {
    direction = dx;
    e.preventDefault();
   }
   else if ((direction < 0 && dx > 0) || (direction > 0 && dx < 0) || Math.abs(dy) > 15)
   {
    cancelTouch();
   }
  }
 }

 function onTouchEnd(e)
 {
  cancelTouch();
  if (Math.abs(dx) > 50)
  {
   //listener({ target: el, direction: dx > 0 ? 'right' : 'left' });
   if (dx > 0){
   --currentImage;
   }
   else
   {
   ++currentImage;
   }
   //alert('i'+currentImage);
   if (currentImage<=0){currentImage=0};
   if (currentImage>imagesArray.length-1){currentImage=imagesArray.length-1};
   //alert(currentImage+'/'+(imagesArray.length-1));
   document.getElementById('pImage').src=imagesArray[currentImage];
   //document.getElementById('i'+currentImage).onClick();
  }
 }

 function onTouchStart(e)
 {
  if (e.touches.length == 1)
  {
   startX = e.touches[0].pageX;
   startY = e.touches[0].pageY;
   el.addEventListener('touchmove', onTouchMove, false);
   el.addEventListener('touchend', onTouchEnd, false);
  }
 }

 el.addEventListener('touchstart', onTouchStart, false);
}