dom.event.addEventListener(window, 'load', initDocument);

function initDocument() {
	
	var thumbnail = document.getElementById('thumbnail');
	var thumbs = thumbnail.getElementsByTagName('IMG');
	
	for(var i = 1; i <= thumbs.length; i++) {
		
		thumbs.item(i-1).numID = i;
		thumbs.item(i-1).style.cursor = "pointer";
		//dom.event.addEventListener(thumbs.item(i-1), 'click', function() { selectSS(this.numID); });
		thumbs.item(i-1).onclick = function() {
			selectSS(this.numID);
		}
	}
	
}

function selectSS(ID) {
	var thumbsContainer = document.getElementById('thumbnail');
	var thumbs = thumbsContainer.getElementsByTagName('IMG');
	
	var frame = document.getElementById('change_ss');
	
	var imgSource = "../img/gallery/ph_ss";
	
	for(var i = 1; i <= thumbs.length+1; i++) {
			
			if((i-1) == ID ) {
				frame.src = imgSource + (i-1) + ".jpg";
			} 
			
	}//end for
}