// JavaScript Document
// Code by Karl Scholz 2009 made at Marilys Inc. NYC
// Contact: karl(at)greything.net

var imageDir;
var extn;
var numThumbsL;
var numThumbsR;
var numThumbsC;

var thumbDir;
var ShowArray;
var numSets;
var currentSet = 0;


//loads new set of thumbnails and initial stills
function createSet(setNum){
//alert(galleryName);

extn=".png";


	
numThumbsL=ShowArray [setNum][2];
numThumbsR=ShowArray [setNum][3];
numThumbsC=ShowArray [setNum][4];

thumbDir= (ShowArray [setNum][0]) + "/thumb";
imageDir= (ShowArray [setNum][0]) + "/image";



wipeAll();
makeButtons();

if(ShowArray [setNum][1]==0){
normalSetup();
}

if(ShowArray [setNum][1]==1){

centerSetup();

}

if(ShowArray [setNum][1]==2){


bannerSetup();

}


if(ShowArray [setNum][1]==3){

comicbookSetup();

}

}







function wipeAll(){

    var blankContent = "<img class=\"blankThumb\" src=\"elements/blank.gif\" />"; 
	
	document.getElementById('thumbL1').innerHTML = blankContent;
	document.getElementById('thumbL2').innerHTML = blankContent;
	document.getElementById('thumbL3').innerHTML = blankContent;
	document.getElementById('thumbL4').innerHTML = blankContent;
	
	document.getElementById('thumbR1').innerHTML = blankContent;
	document.getElementById('thumbR2').innerHTML = blankContent;
	document.getElementById('thumbR3').innerHTML = blankContent;
	document.getElementById('thumbR4').innerHTML = blankContent;
	
	document.getElementById('thumbC1').innerHTML = blankContent;
	document.getElementById('thumbC2').innerHTML = blankContent;
	document.getElementById('thumbC3').innerHTML = blankContent;
	document.getElementById('thumbC4').innerHTML = blankContent;
	document.getElementById('thumbC5').innerHTML = blankContent;
	document.getElementById('thumbC6').innerHTML = blankContent;
	document.getElementById('thumbC7').innerHTML = blankContent;
	document.getElementById('thumbC8').innerHTML = blankContent;

    document.getElementById('thumbC1o').innerHTML = blankContent;
	document.getElementById('thumbC2o').innerHTML = blankContent;
	document.getElementById('thumbC3o').innerHTML = blankContent;
	document.getElementById('thumbC4o').innerHTML = blankContent;
	document.getElementById('thumbC5o').innerHTML = blankContent;
	document.getElementById('thumbC6o').innerHTML = blankContent;
	document.getElementById('thumbC7o').innerHTML = blankContent;
	document.getElementById('thumbC8o').innerHTML = blankContent;


	document.getElementById('imageRight').innerHTML = blankContent;
	document.getElementById('imageLeft').innerHTML = blankContent;
	document.getElementById('imageCenter').innerHTML = blankContent;
	
	document.getElementById('nextBtn').innerHTML = blankContent;
	document.getElementById('backBtn').innerHTML = blankContent;
	
	document.getElementById('imageBanner').innerHTML = blankContent;
	document.getElementById('bannerThumb').innerHTML = blankContent;
	
	
}



function centerSetup(){
	
	    
		switchImage("imageCenter",imageDir + "C" + 1 + extn);
		
		
		
		if ((numThumbsC%2)==0 )
		{
		
		for	(i = 1; i <= 8; i++)
		{
		 if (i <= numThumbsC){
   			switchThumb("thumbC"+i, thumbDir + "C" + i + extn, "Center", i); 	
  		 		}
        	else{
					wipeThumb("thumbC"+i);   
  		 		}
			}
		
		
		}
		
		
		else{
		
		for	(i = 1; i <= 8; i++)
		{
		 if (i <= numThumbsC){
   			switchThumb("thumbC"+i+"o", thumbDir + "C" + i + extn, "Center", i); 	
  			 }
        	else{
				wipeThumb("thumbC"+i+"0");   
  				 }
		}
		
		
		
		}
		

}







function bannerSetup(){
	
moreBannerSetup(1);
createBannerThumb((thumbDir + "banner" + extn));

}

function moreBannerSetup(numRight){
	
	    var blankContent = "<img class=\"blankThumb\" src=\"elements/blank.gif\" />"; 

		document.getElementById('imageBanner').innerHTML = blankContent;

for	(i = 1; i <= 4; i++)
	{
 		if (i <= numThumbsR){
  			 switchThumbBannerStyle("thumbL"+i, thumbDir + "L" + i + extn, "Left", i); 	
   		}
		
   else{
		wipeThumb("thumbL"+i);   
   		}
	}


	switchImage("imageCenter",imageDir + "C" + numRight + extn);
	
}



function createBannerThumb(content){
	//special banner button that calls loadbanner to wipe page
	content = "<img class=\"filledThumb\" src=\""+content+"\">"; 
	
	
	content = "<a href=\"#\" class=\"thumbLink\" onClick=\"loadBanner()\">"+ content +"</a>";

	
	document.getElementById('bannerThumb').innerHTML = content;
	
}

function loadBanner(){
	
	//wipes display divs
		var blankContent = "<img class=\"blankThumb\" src=\"elements/blank.gif\" />"; 	

	document.getElementById('imageRight').innerHTML = blankContent;
	document.getElementById('imageLeft').innerHTML = blankContent;
	document.getElementById('imageCenter').innerHTML = blankContent;
	
	
	//fill banner div
	var cont = "<img src=\""+imageDir+ "banner" + extn + "\">"; 
	
	document.getElementById('imageBanner').innerHTML = cont;

}
	
function switchThumbBannerStyle(which, content, side, num){
	
	//Creates thumbnail html code that includes javascript for updating the main images
	content = "<img class=\"filledThumb\" src=\""+content+"\">"; 
	
	
	content = "<a href=\"#\" class=\"thumbLink\" onClick=\"moreBannerSetup(\'"+num+"\');\">"+ content +"</a>";
	
	
	document.getElementById(which).innerHTML = content;
	
}	




function comicbookSetup(){
	
		for	(i = 1; i <= 6; i++)
{
 if (i <= numThumbsC){
   switchThumb("thumbC"+i, thumbDir + "C" + i + extn, "Right", i); 	
   }
   else{
	wipeThumb("thumbC"+i);   
   }
}
	
	
	switchImage("imageLeft",imageDir + "L" + 1 + extn);
    switchImage("imageRight",imageDir + "R" + 1 + extn);
	
}








function normalSetup(){	
	for	(i = 1; i <= 4; i++)
		{
		 if (i <= numThumbsL){
   			switchThumb("thumbL"+i, thumbDir + "L" + i + extn, "Left", i); 	
  		 }
   else{
			wipeThumb("thumbL"+i);   
  		 }
	}



	for	(i = 1; i <= 4; i++)
	{
 		if (i <= numThumbsR){
  			 switchThumb("thumbR"+i, thumbDir + "R" + i + extn, "Right", i); 	
   		}
   else{
		wipeThumb("thumbR"+i);   
   		}
	}


	switchImage("imageLeft",imageDir + "L" + 1 + extn);
    switchImage("imageRight",imageDir + "R" + 1 + extn);
}














function switchImage(which, content){
	
	
	content = "<img src=\""+content+"\">"; 
	document.getElementById(which).innerHTML = content;
	
}


function switchThumb(which, content, side, num){
	
	//Creates thumbnail html code that includes javascript for updating the main images
	content = "<img class=\"filledThumb\" src=\""+content+"\">"; 
	
	
	content = "<a href=\"#\" class=\"thumbLink\" onClick=\"mainFromThumb(\'" + side +"\',"+num+");\">"+ content +"</a>";
	
	
	document.getElementById(which).innerHTML = content;
	
}










function wipeThumb(which){
	
	//Creates thumbnail html code that includes javascript for updating the main images
	var blankContent = "<img class=\"blankThumb\" src=\"elements/blank.gif\" />"; 	
	
	document.getElementById(which).innerHTML = blankContent;
	
}





function testFunction(){
	
	alert("hello world");
	
}

function mainFromThumb(side, id){
	
	
	var sideInitial = side.charAt(0);
	
	
	switchImage("image"+side ,imageDir + sideInitial + id + extn);

	
}


//recieves array of info about gallery from individual javascript files for each show
function passArray(ExternalArray, set)
{
	
	hideInitialTable();
	
	//passing of the array
	ShowArray = ExternalArray;
	
	//launch gallery
	
	currentSet = set;
	createSet(currentSet);
	
	makeButtons();
	
}


function makeButtons(){
	//
	//
	//
	//
	
	var nextButtonContent = "<a href=\"#\" onClick=\"nextSet('1');\">  <img class=\"galleryArrow\" src=\"elements/next.png\" ></a>"; 	
    var backButtonContent = "<a href=\"#\" onClick=\"nextSet('-1');\"> <img class=\"galleryArrow\" src=\"elements/back.png\" > </a>"; 	
	
	document.getElementById('nextBtn').innerHTML = nextButtonContent;
    document.getElementById('backBtn').innerHTML = backButtonContent;
	
	

}

function hideInitialTable() { 

if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('thumbTable').style.visibility = 'hidden'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.thumbTable.visibility = 'hidden'; 
} 
else { // IE 4 
document.all.thumbTable.style.visibility = 'hidden'; 
} 
} 
}

function showInitialTable() { 

if (document.getElementById) { // DOM3 = IE5, NS6 
document.getElementById('thumbTable').style.visibility = 'visible'; 
} 
else { 
if (document.layers) { // Netscape 4 
document.thumbTable.visibility = 'visible'; 
} 
else { // IE 4 
document.all.thumbTable.style.visibility = 'visible'; 
} 
} 
}

function resetGallery(){
	wipeAll();
	showInitialTable();
}



function nextSet(dir){
var Alength=parseInt(ShowArray.length);	
currentSet=(parseInt(currentSet) + parseInt(dir));
currentSet=(parseInt(currentSet)) % Alength;
if(currentSet < 0)
{
	currentSet = currentSet + Alength;
}
//alert(currentSet);

createSet(currentSet);

}