var LastIndex = 0;
var StartX  = 0;
var StartY  = 0;
var images = new Array();
function IMG_SCR_OnLoad(event)
{
   // joel not sure if this works
   var ImageItem =document.getElementById('ImgVw_PreLoad');
   if (ImageItem)
   {
      var i=0;
      while (ImageItem )
      {
         images[i] = new Image();
         images[i].src = ImageItem.src;
         ImageItem = ImageItem.nextSibling;
         i++;
      }
   }

   return true;
}

function IMG_SCR_MakeVisible(VisibleIndex,ContentTyp,ContentUrl,Caption)
{
   var ImageItem =document.getElementById('ImgVw_OneItem');
   if (ImageItem)
      {
      var FullHtml;
      switch (ContentTyp)
      {
         case 'Img':
      FullHtml = '<div class="ProductMainImageClass">';
      FullHtml += '<A class="MainImage_blowup" onclick="EnlargeImage(event); return true;">';
      FullHtml += '<IMG ID="ImgVw_OneImg" SRC = "' + ContentUrl + '"  alt="{l.ImgList[1]:Caption}" class="ImgVw_OneImg">';
      FullHtml += '<span id="bigboy" class="SpanBlowup_hide">';
      FullHtml +='<IMG SRC = "';
      FullHtml +=ContentUrl;
      FullHtml +='" >';


      FullHtml += '<img class="SpanBlowup_Close" src="/storeimages/cancel.gif"></span>';
      FullHtml += '<div class="Imgclicktoenlarge">click to enlarge</div>';
      FullHtml += '</a></div>';



            break;
         case 'YT':
            FullHtml= '<iframe width="430" height="330" src="http://www.youtube.com/embed/' + ContentUrl + '?rel=0&amp;autoplay=1" hd="1" frameborder="0" fs="1"></iframe>';
            break;
         case 'Vim':
            FullHtml='<iframe src="http://player.vimeo.com/video/27307766?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0"></iframe>';
            break;
         default:
            FullHtml='Not Supported';
            break
      }
      ImageItem.innerHTML=FullHtml;
      var CaptionItem =document.getElementById('ImgVw_Caption');
      if (CaptionItem)
      {
         CaptionItem.innerHTML=Caption;
      }

      var index =0;

   }
   var Imagethb =document.getElementById('ImgVw_OneThumb');
   if (Imagethb)
   {
      var index =0;
      while (Imagethb )
      {
         if (Imagethb.id == 'ImgVw_OneThumb')
         {
               if (index==LastIndex)
               {
                  Imagethb.className='ImgVw_OneThumb';
               }
               if(index== VisibleIndex)
               {
                  Imagethb.className='ImgVw_OneThumbSelected';
               }         
               index++;
          }

         Imagethb = Imagethb.nextSibling;
      }
      LastIndex= VisibleIndex;
   }
   return true;
}
function IMG_SCR_Show(evt,index,ContentTyp,ContentUrl,Caption)
{
   IMG_SCR_MakeVisible(index,ContentTyp,ContentUrl,Caption);

   return true;
}
function TouchMove(evt) 
{
   StartX = evt.clientX;
   var touch = evt.touches[0];
   StartX = touch.pageX;
   StartY = touch.pageY;
   return false;
}
function TouchStart(evt) 
{
   return false;
}
function TouchEnd(evt) 
{
   //var deltax = evt.clientX - StartX;
   var deltax = evt.screenX;
   var touch = evt.touches[0];
   var deltax = touch.pageX;

   //alert(event.touches.length);  // TouchEvent  = evt.
   true;
}