var NUM_OF_THUMBS = 4;

var ThumbNums = new Array();

var PrevThumbs = 0;

var NextThumbs = 0;



function Page_OnLoad()

{

   document.getElementById("ThumbsTable").style.visibility = "visible";

   ChangeImageThumbs(0);

   ChangeImageMain(0);

   if ( ImageMain.length < 2 )

   {

      document.getElementById("img_thumb2").width = 0;

      document.getElementById("ThumbCell").childNodes[1].nodeValue = "";

      document.getElementById("ThumbCell").childNodes[3].nodeValue = "";

      document.getElementById("ThumbCell").childNodes[5].nodeValue = "";

   }

   if ( ImageMain.length < 3 )

   {

      document.getElementById("img_thumb3").width = 0;

      document.getElementById("ThumbCell").childNodes[3].nodeValue = "";

      document.getElementById("ThumbCell").childNodes[5].nodeValue = "";

   }

   if ( ImageMain.length < 4 )

   {

      document.getElementById("img_thumb4").width = 0;

      document.getElementById("ThumbCell").childNodes[7].nodeValue = "";

   }

   if ( ImageMain.length <= NUM_OF_THUMBS )

   {

      document.getElementById("PrevLink").style.visibility = "hidden";

      document.getElementById("PrevImg").style.visibility = "hidden";

      document.getElementById("NextLink").style.visibility = "hidden";

      document.getElementById("NextImg").style.visibility = "hidden";

   }

   else

   {

      document.getElementById("PrevLink").style.visibility = "visible";

      document.getElementById("PrevImg").style.visibility = "visible";

      document.getElementById("NextLink").style.visibility = "visible";

      document.getElementById("NextImg").style.visibility = "visible";

   }

}



function ChangeImageMain(NewImage)

{

   document.getElementById("img_main").src = ImageMain[NewImage].src;

   document.getElementById("img_caption").childNodes[0].nodeValue = ImageCaption[NewImage];

}



function ChangeImageThumbs(FirstImage)

{

   document.getElementById("img_thumb1").src = ImageThumb[(FirstImage % ImageMain.length)].src;

   ThumbNums[0] = (FirstImage % ImageMain.length);

   document.getElementById("img_thumb2").src = ImageThumb[((FirstImage+1) % ImageMain.length)].src;

   ThumbNums[1] = ((FirstImage+1) % ImageMain.length);

   document.getElementById("img_thumb3").src = ImageThumb[((FirstImage+2) % ImageMain.length)].src;

   ThumbNums[2] = ((FirstImage+2) % ImageMain.length);

   document.getElementById("img_thumb4").src = ImageThumb[((FirstImage+3) % ImageMain.length)].src;

   ThumbNums[3] = ((FirstImage+3) % ImageMain.length);



   PrevThumbs = ((FirstImage + ImageMain.length - NUM_OF_THUMBS) % ImageMain.length);

   NextThumbs = ((FirstImage + NUM_OF_THUMBS) % ImageMain.length);

}