var IMAGE2;

// Create an Array to load Image names into ------------------------------------
//*var NameArray = new Array();

//function preloadImages()
//{
// Preload slideshow thumbnails and images -------------------------------------
var ThumbArray = new Array();

for(var x = 0; x <NameArray.length; x++)
  {
  ThumbArray[x] = preloadImage('thumbnails/' + NameArray[x]);
  }

var ImageArray = new Array();

for(var x = 0; x <NameArray.length; x++)
  {
  ImageArray[x] = preloadImage('images/' + NameArray[x]);
  }
//}

// Preload images into cache -------------------------------
function preloadImage(Img)
{
var Var1 = new Image();
Var1.src = Img;
return Var1;
}

function loadThumbnails()
{
for(var x = 0; x <NameArray.length; x++)
  {
  document.getElementById('Img' + x).src = 'thumbnails/' + NameArray[x];
  }
}

function showImage(x)
{
document.getElementById('Slide').src = 'images/' + NameArray[x];
var ImageText = NameArray[x].split('.');
document.getElementById('SlideText').innerHTML = ImageText[0];
}

// Highlight thumbnail On MouseOver --------------------------------------------
function Highlight(ImageID)
{
document.getElementById(ImageID).style.borderColor='#4A708B';
}

// Un-Highlight thumbnail On MouseOut ------------------------------------------
function UnHighlight(ImageID)
{
document.getElementById(ImageID).style.borderColor='#D6EAF6';
}

// Open a new window and display a larger image --------------------------------
function ShowLargeImage()
{
var Image2URL = document.getElementById('Slide').src.replace('images/','images2/');

var x = document.getElementById('Slide').src.split('.jpg');

var y = x[0].split('/');

var Image2Text = y[5];

// Construct the window's features -------------------------
var vFeatures =
  "menubar=no,toolbar=no,status=no,resizable=yes,scrollbars=no," +
  "width=1000,height=600,left=25,top=25";


if (!window.IMAGE2 || IMAGE2.closed)
  {
  }
else
  {
  IMAGE2.close();
  }

// Open a new window and display the Filter parameter window ---
IMAGE2 = window.open("", "IMAGE2",vFeatures);

IMAGE2.document.writeln('<html><head>');
IMAGE2.document.writeln('<title>Latin American Folk Art</title>');
IMAGE2.document.writeln('<link rel="stylesheet" type="text/css" href="slideshow.css">');
IMAGE2.document.writeln('</head>');

IMAGE2.document.writeln('<body>');

IMAGE2.document.writeln('<table width="100%" height="100%"><tr>');
IMAGE2.document.writeln('<td style="text-align: center;"><img id="Image2" src="' + Image2URL + '" border="0"></td>');
IMAGE2.document.writeln('</tr>');

IMAGE2.document.writeln('<tr><td style="text-align: center;" class="imageTitle">');
IMAGE2.document.writeln(Image2Text);
IMAGE2.document.writeln('</td></tr>');

IMAGE2.document.writeln('<tr><td style="padding-top: 5px; height: 20px; text-align: center; vertical-align: bottom;">');
IMAGE2.document.writeln('<a class="menuText" style="font-size: 10px;" href="Javascript: self.close();">(Close window)</a>');
IMAGE2.document.writeln('</td></tr></table>');

IMAGE2.document.writeln('</body></html>');
}

// Open a new window and display Contact info window ---------------------------
function fnContactInfo()
{
var vFeatures =
  "menubar=no,toolbar=no,status=no,resizable=no,scrollbars=no," +
  "width=260,height=175,left=80,top=80";

ContactInfo = window.open("contact.html", "ContactInfo",vFeatures);
}

// Open a new window and display the About window ------------------------------
function fnAbout()
{
var vFeatures =
  "menubar=no,toolbar=no,status=no,resizable=yes,scrollbars=no," +
  "width=600,height=525,left=20,top=20";

var About = window.open("About.html", "About",vFeatures);
}

