document.write('<script src="/lib/js/prototype.js"></script>');

var Thumb = {

	update_url : '',
	num        : 10,
	thumbs     : new Array(),

	start  : 0,
	size   : 0,


	init : function() {

		this.size = this.num;
		if ( this.size > this.thumbs.length ) this.size = this.thumbs.length;

		var html = '<li><table><tr valign="center">';
		for ( var i = 0; i < this.size; i ++ ) html += '<td id="thumb_' + i + '" align="center" width="70" height="70" style="border:#CCC 1px solid;"></td>';
		html += '</tr></table></li>';
		document.write(html);

		window.onload = function() { Thumb.reflesh(); };

	},


	reflesh : function() {

		for ( i = 0; i < this.size; i ++ ) {

			var id, req;
			if ( typeof(this.thumbs[this.start+i] == 'object') && this.thumbs[this.start+i].constructor == Array ) {
				id  = this.thumbs[this.start+i][0];
				req = this.thumbs[this.start+i][1] == 'p' ? 'thumb_photo' : 'thumb_contents';
			} else {
				id  = this.thumbs[this.start+i];
				req = 'thumb_contents';
			}

			document.getElementById('thumb_'+i).innerHTML = '<a href="javascript:void(0)" onClick="javascript:Thumb.change(' + ( this.start + i ) + ')"><img src="/images/' + req + '/?id=' + id + '&amp;s=s" border="0" /></a>';

		}

		document.getElementById('thumb_prev').src = ( this.start <= 0 ) ?
		                                            '/lib/images/btn_thumPrevOff.gif' :
		                                            '/lib/images/btn_thumPrev.gif';

		document.getElementById('thumb_next').src = ( this.start + this.size >= this.thumbs.length ) ?
		                                            '/lib/images/btn_thumNextOff.gif' :
		                                            '/lib/images/btn_thumNext.gif';

	},


	prev : function() {
		if ( this.start <= 0 ) return;
		this.start --;
		Thumb.reflesh();
	},


	next : function() {
		if ( this.start + this.size >= this.thumbs.length ) return;
		this.start ++;
		Thumb.reflesh();
	},


	change : function( i ) {
		if ( this.update_url == '' ) return;

		var id, type;
		if ( typeof(this.thumbs[i] == 'object') && this.thumbs[i].constructor == Array ) {
			id   = this.thumbs[i][0];
			type = this.thumbs[i][1] == 'p' ? 'p' : 'c';
		} else {
			id   = this.thumbs[i];
			type = 'c';
		}

		var param = 'id=' + id +'&t=' + type;

		var req = type == 'c' ? 'preview_contents' : 'preview_photo';

		var ajax = new Ajax.Request(
			this.update_url,
			{
				method : 'get',
				parameters : param,
				onComplete : function( r ) {
					if ( r.responseText == '' ) return;
					if ( ! document.getElementById('loading') ) return;
					if ( ! document.getElementById('loading_img') ) return;
					document.getElementById('loading').innerHTML = r.responseText;
					document.getElementById('loading_img').src = '/images/' + req + '/?id=' + id;
				}
			}
		);
	}

};