// JavaScript Document
/********************************************************************************************
**** Pro-Links Multi-Dimensional Gallery
*********************************************************************************************
* Author: 			Zac Anna
* Date Created: 	3/3/2009
* Date Modified: 	3/3/2009
* Version: 			1.0BETA
* Description: 		Creates a gallery that has multiple sets of similar pictures
**********************************************************************************************<br />
*/
//Folder containing the pictures
var PL_MD_Gallery_imgFld;
//Images Pre-Tag
var PL_MD_Gallery_imgPre;
//Image Extension Type
var PL_MD_Gallery_imgExt;
//Table Cell Containing the Description
var PL_MD_GalleryDesc;
//Table Containing the Master Image for Gallery
var PL_MD_GalleryTable;
//Cell Containing the Previous Links for Sub-Dimension of Array
var PL_MD_GalleryPrevCell;
//Link in Cell for Previous Image in Sub-Dimension
var PL_MD_GalleryPrevLink;
//Table containing current sub-dimension count location (ie 1 of 10)
var PL_MD_GalleryCountCell;
//Table Cell containing Next Link
var PL_MD_GalleryNextCell;
//Link for Next in Sub-Dimension
var PL_MD_GalleryNextLink;

/************************************************************************
* Cube of Images
**************************************************************************
* Dimension 1 - Contains all images per set
* Dimension 2 - Contains all image sets (Sub-Dimension)  This will house all the sets of images (main set)
* Dimension 3 - Contains all data for each image in each sub dimension 
* 				0: Image Number (Used in the image name after PL_MD_Gallery_imgPre
*				1: Image Description
***************************************************************************/
var PL_MD_Gallery_imgs;

function getObjById(id){
   var obj;
   if( document.layers ) {   
    obj = document.layers[id];
   } else if( document.all ) {
    obj = document.all[id];
   } else if(document.getElementById){
 	obj = document.getElementById(id);
   }
   
   return obj;
}
function swapMasterGalleryData(num,sub){
	var desc = getObjById(PL_MD_GalleryDesc);
	var tbl = getObjById(PL_MD_GalleryTable);
	var prev = getObjById(PL_MD_GalleryPrevCell);
	var aPrev = getObjById(PL_MD_GalleryPrevLink);
	var cnt = getObjById(PL_MD_GalleryCountCell);
	var nxt = getObjById(PL_MD_GalleryNextCell);
	var aNext = getObjById(PL_MD_GalleryNextLink);
	var i = PL_MD_Gallery_imgFld + PL_MD_Gallery_imgPre + PL_MD_Gallery_imgs[num][sub][0] + PL_MD_Gallery_imgExt;
	
	var curr = (sub+1);
	var total = (PL_MD_Gallery_imgs[num]).length;
	//Change Main Image
	tbl.style.backgroundImage = "url(" + i + ")";

	//Change Image Description
	desc.innerHTML = PL_MD_Gallery_imgs[num][sub][1];

	//Change Counts
	cnt.innerHTML = curr + " of " + total;
	//Change Previous Link
	if(curr > 1){
		try{
			prev.style.display = "";
		}catch(err){
			prev.style.dispaly="block";	
		}
		aPrev.style.display = "block";
		aPrev.onclick=null;
		aPrev.onclick=function(){swapMasterGalleryData(num,(sub-1));};
	}else{
		prev.style.display = "none";
		aPrev.style.display="none";
	}
	//Change Next Link
	if(curr < total){
		try{
			nxt.style.display = "";
		}catch(err){
			nxt.style.display="block";	
		}
		//nxt.style.verticalAlign="middle";
		aNext.style.display = "block";
		aNext.onclick=null;
		aNext.onclick=function(){swapMasterGalleryData(num,(sub+1));};
	}else{
		nxt.style.display="none";
		aNext.style.display="none";
	}
	return true;
}