autoResizer.IMAGE_ID_BASE = 'ncode_imageresizer_container_';
autoResizer.WARNING_ID_BASE = 'ncode_imageresizer_warning_';

function autoResizer(id, img) {
	this.id = id;
	this.img = img;
	this.originalWidth = 0;
	this.originalHeight = 0;
	this.warning = null;
	this.warningTextNode = null;
	
	img.id = autoResizer.IMAGE_ID_BASE+id;
}

autoResizer.getNextId = function() {
	id = 1;
	while(document.getElementById(autoResizer.IMAGE_ID_BASE+id) != null) {
		id++;
	}
	return id;
}

autoResizer.createOn = function(img) {
	isRecovery = false; // if this is a recovery from QuickEdit, which only restores the HTML, not the OO structure
	if(img.id && img.id.indexOf(autoResizer.IMAGE_ID_BASE) == 0 && document.getElementById(autoResizer.WARNING_ID_BASE+img.id.substr(autoResizer.IMAGE_ID_BASE.length)) != null) {
		newid = img.id.substr(autoResizer.IMAGE_ID_BASE.length);
		resizer = new autoResizer(newid, img);
		isRecovery = true;
		resizer.restoreImage();
	} else {
		newid = autoResizer.getNextId();
		resizer = new autoResizer(id, img);
	}
	
	if (resizer.originalWidth == 0) resizer.originalWidth = img.width;
	if (resizer.originalHeight == 0) resizer.originalHeight = img.height;
	
	if((autoResizer.MAXWIDTH > 0 && resizer.originalWidth > autoResizer.MAXWIDTH) || (autoResizer.MAXHEIGHT > 0 && resizer.originalHeight > autoResizer.MAXHEIGHT)) {
		if(isRecovery) {
			resizer.reclaimWarning(warning);
		} else {
			resizer.createWarning();
		}
		resizer.scale();
	}
}

autoResizer.prototype.restoreImage = function() {
	newimg = document.createElement('IMG');
	newimg.src = this.img.src;
	this.img.width = newimg.width;
	this.img.height = newimg.height;
}

autoResizer.prototype.reclaimWarning = function() {
	warning = document.getElementById(autoResizer.WARNING_ID_BASE+newid);
	
	this.warning = warning;
	this.warningTextNode = warning.firstChild.firstChild.childNodes[1].firstChild;
	this.warning.resize = this;
	
	this.scale();
}

autoResizer.prototype.createWarning = function() {
	mtable = document.createElement('TABLE');
	mtbody = document.createElement('TBODY');
	mtr = document.createElement('TR');
	mtd1 = document.createElement('TD');
	mtd2 = document.createElement('TD');
	mimg = document.createElement('IMG');
	mtext = document.createTextNode('');
	
	mimg.src = 'images/statusicon/wol_error.gif';
	mimg.width = 0;
	mimg.height = 0;
	mimg.alt = '';
	mimg.border = 0;
	
	mtd1.width = 20;
	mtd1.className = 'td1';
	
	mtd2.unselectable = 'on';
	mtd2.className = 'td2';
	
	mtable.className = 'ncode_imageresizer_warning';
	mtable.textNode = mtext;
	mtable.resize = this;
	mtable.id = autoResizer.WARNING_ID_BASE+this.id;
	
	mtd1.appendChild(mimg);
	mtd2.appendChild(mtext);
	
	mtr.appendChild(mtd1);
	mtr.appendChild(mtd2);
	
	mtbody.appendChild(mtr);
	
	mtable.appendChild(mtbody);
	
	this.img.parentNode.insertBefore(mtable, this.img);
	
	this.warning = mtable;
	this.warningTextNode = mtext;
}

autoResizer.prototype.scale = function() {
	if(autoResizer.MAXWIDTH > 0 && this.originalWidth > autoResizer.MAXWIDTH) {
		resized = true;
		this.img.width = autoResizer.MAXWIDTH;
		this.img.height = (autoResizer.MAXWIDTH / this.originalWidth) * this.originalHeight;
	}
	if(autoResizer.MAXHEIGHT > 0 && this.originalHeight > autoResizer.MAXHEIGHT) {
		resized = true;
		this.img.height = autoResizer.MAXHEIGHT;
		this.img.width = (autoResizer.MAXHEIGHT / this.originalHeight) * this.originalWidth;
	}
	
	this.warning.width = this.img.width;
	this.warning.onclick = function() { return this.resize.unScale(); }
	

	
	return false;
}

autoResizer.prototype.unScale = function() {
	switch(autoResizer.MODE) {
		case 'samewindow':
			window.open(this.img.src, '_self');
			break;
		case 'newwindow':
			window.open(this.img.src, '_blank');
			break;
		case 'enlarge':
		default:
			this.img.width = this.originalWidth;
			this.img.height = this.originalHeight;
			this.img.className = 'ncode_imageresizer_original';
			if(this.warning != null) {
				this.warningTextNode.data = vbphrase['ncode_imageresizer_warning_fullsize'];
				this.warning.width = this.img.width;
				this.warning.onclick = function() { return this.resize.scale() };
			}
			break;
	}
	
	return false;
}