function Pictorial(id) {
	this.tableId = id;
	this.rows = document.getElementById(this.tableId).rows;
	this.descArray = new Array();
	for (var i=0;i<this.rows.length;i++) {
		this.descArray[i] = this.rows[i].cells[0].innerHTML;
	}
	this.imgArray = new Array();
	for (var i=0;i<this.rows.length;i++) {
		this.imgArray[i] = this.rows[i].cells[1].innerHTML;
	}
	this.thArray = new Array();
	for (var i=0;i<this.rows.length;i++) {
		this.thArray[i] = this.rows[i].cells[2].innerHTML;
		this.thArray[i].countNo = i;
	}
	this.thElemArray = new Array();
	for (var i=0;i<this.rows.length;i++) {
		var thId = 'thumb' + i;
		this.thElemArray[i] = document.getElementById(thId);
	}
	this.changeContent = function(activeItem) {
		jQuery('#pictMain').css({ 'display' : 'block', 'opacity': '0'});
//		document.getElementById('pictMain').style.opacity = 0;
		for (var i=0;i<this.thElemArray.length;i++) {
			this.thElemArray[i].style.opacity = '1.0';
		}
		document.getElementById('pictDescription').innerHTML = this.descArray[activeItem];
		document.getElementById('pictMain').src = this.imgArray[activeItem];
		var self = this;
		jQuery('#pictMain').fadeTo(800, 1.0, function() {
			document.getElementById('pictBackup').src = self.imgArray[activeItem];
		});
		var activeThumb = 'thumb' + activeItem;
		document.getElementById(activeThumb).style.opacity = '0.85';
	}
	this.addEvent = function(elem) {
		var self = this;
		if (window.addEventListener) {
			elem.addEventListener('click',function(event){self.changeContent(this.countNo);},false);
		} else {
			elem.onclick = function(event){self.changeContent(this.countNo);}
		}
	}
	this.initialize = function() {
		this.changeContent(0);
		for (var i=0;i<this.thElemArray.length;i++) {
			this.thElemArray[i].src = this.thArray[i];
			this.thElemArray[i].countNo = i;
			this.addEvent(this.thElemArray[i]);
		}
	}
}