//This function allows us to load images into an empty div.  It is dependent on frame.js and is applied to tumbnails.

//IMPORTANT - KEEP ME FOR REFERENCE
function loadImage (num, path) {
	//ajaxpage('/gallery/gallery_mask.html', 'art');
	//ajaxpage('/gallery/gallery_mask.html', 'bottom_stripe');
	ajaxpage(path + num + '.html', 'picture_frame');
}

//END -IMPORTANT - KEEP ME FOR REFERENCE





//BEGIN REFERENCE
//THESE FUNCTIONS AND CORRESPONDING HTML "CALLS" SHOW 2 WAYS OF SETTING THIS UP

/*
function loadImage (num, path) {
  ajaxpage('/gallery/gallery_mask.html', 'art');
  ajaxpage('/gallery/gallery_mask.html', 'bottom_stripe');
  ajaxpage(path + num + '.html', 'picture_frame');
}

<a href="#" onClick="loadImage(1, '/gallery/tampico/');">
<img src="/images/gallery_print/tampico_1_nail.jpg" alt="tampico thumbnail" border="0"></a>

function loadImage (num, path) {
  ajaxpage('/gallery/gallery_mask.html', 'art');
  ajaxpage('/gallery/gallery_mask.html', 'bottom_stripe');
  ajaxpage('/gallery/' + path + '/' + num + '.html', 'picture_frame');
}

<a href=# onClick="loadImage(1, 'tampico');">
<img src="/images/gallery_print/tampico_1_nail.jpg" alt="tampico thumbnail" border="0"></a>
*/
//END REFERENCE