// JavaScript Document

lastSelected=1;
whichpic=1;

function selecteddd (whichpic) { 

		document.getElementById(lastSelected).className = 'thumbnail-deselected';
		
		document.getElementById(whichpic).className = 'thumbnail-selected';
		
		lastSelected = whichpic;
		
}


function showPic (whichpic) { 
	if (document.getElementById) { 
		document.getElementById('placeholder').src = whichpic.href; 
		return false; 
	} else { 
		return true; 
	} 
}


for(i=1; i<=quantity; i++){
	
	document.write('<div  id="'+i+'" class="thumbnail-deselected">');	
	
	document.write('<a onclick="selecteddd('+i+'); return showPic(this)" href="big/0'+i+'.jpg">');
	
	document.write('<img border="0" hspace="2" vspace="2" src="small/0'+i+'.jpg">'); 
	
	document.write('</a>');

document.write("</div>");
	
}

document.getElementById('1').className = 'thumbnail-selected';