// ZEN Image Resizer for vBulletin 3.8.2
// Version: 1.0.1
//
// (c) 2009 ZEN


ZenImageResizer.IMAGE_ID_BASE = 'zen_imageresizer_container_';
ZenImageResizer.WARNING_ID_BASE = 'zen_imageresizer_warning_';
ZenImageResizer.scheduledResizes = [];

function ZenImageResizer(id, img) {
	this.id = id;
	this.img = img;
	this.originalWidth = 0;
	this.originalHeight = 0;
	this.warning = null;
	this.warningTextNode = null;
	this.originalWidth = img.originalWidth;
	this.originalHeight = img.originalHeight;
	
	img.id = ZenImageResizer.IMAGE_ID_BASE+id;
}

ZenImageResizer.executeOnload = function() {
	var rss = ZenImageResizer.scheduledResizes;
	for(var i = 0; i  < rss.length; i++) {
		ZenImageResizer.createOn(rss[i], true);
	}
}

ZenImageResizer.schedule = function(img) {
	if(ZenImageResizer.scheduledResizes.length == 0) {
		if(window.addEventListener) {
			window.addEventListener('load', ZenImageResizer.executeOnload, false);
		} else if(window.attachEvent) {
			window.attachEvent('onload', ZenImageResizer.executeOnload);
		}
	}
	ZenImageResizer.scheduledResizes.push(img);
}

ZenImageResizer.getNextId = function() {
	var id = 1;
	while(document.getElementById(ZenImageResizer.IMAGE_ID_BASE+id) != null) {
		id++;
	}
	return id;
}

ZenImageResizer.createOnId = function(id) {
	return ZenImageResizer.createOn(document.getElementById(id));
}

ZenImageResizer.createOn = function(img, isSchedule) {
	if(typeof isSchedule == 'undefined') isSchedule = false;
	
	if(!img || !img.tagName || img.tagName.toLowerCase() != 'img') {
		alert(img+' is not an image ('+img.tagName.toLowerCase()+')');
	}
	
	if(img.width == 0 || img.height == 0) {
		if(!isSchedule)
			ZenImageResizer.schedule(img);
		return;
	}
	
	if(!img.originalWidth) img.originalWidth = img.width;
	if(!img.originalHeight) img.originalHeight = img.height;
	
	if((ZenImageResizer.MAXWIDTH > 0 && img.originalWidth > ZenImageResizer.MAXWIDTH) || (ZenImageResizer.MAXHEIGHT > 0 && img.originalHeight > ZenImageResizer.MAXHEIGHT)) {
		var isRecovery = false;
		var newid, resizer;
		if(img.id && img.id.indexOf(ZenImageResizer.IMAGE_ID_BASE) == 0) {
			newid = img.id.substr(ZenImageResizer.IMAGE_ID_BASE.length);
			if(document.getElementById(ZenImageResizer.WARNING_ID_BASE+newid) != null) {
				resizer = new ZenImageResizer(newid, img);
				isRecovery = true;
				resizer.restoreImage();
			}
		} else {
			newid = ZenImageResizer.getNextId();
			resizer = new ZenImageResizer(newid, img);
		}
		
		if(isRecovery) {
			resizer.reclaimWarning(newid);
		} else {
			resizer.createWarning();
		}
		resizer.scale();
	}
}

ZenImageResizer.prototype.restoreImage = function() {
	newimg = document.createElement('IMG');
	newimg.src = this.img.src;
	this.img.width = newimg.width;
	this.img.height = newimg.height;
}

ZenImageResizer.prototype.reclaimWarning = function(id) {
	this.warning = document.getElementById(ZenImageResizer.WARNING_ID_BASE+id);
	this.warningTextNode = this.warning.firstChild.firstChild.childNodes[1].firstChild;
	this.warning.resize = this;
	
	this.scale();
}

ZenImageResizer.prototype.createWarning = function() {
	var mtable = document.createElement('TABLE');
	var mtbody = document.createElement('TBODY');
	var mtr = document.createElement('TR');
	var mtd1 = document.createElement('TD');
	var mtd2 = document.createElement('TD');
	var mimg = document.createElement('IMG');
	var mtext = document.createTextNode('');
	
	mimg.src = ZenImageResizer.BBURL+'/images/statusicon/wol_error.gif';
	mimg.width = 16;
	mimg.height = 16;
	mimg.alt = '';
	mimg.border = 0;
	
	mtd1.width = 20;
	mtd1.className = 'td1';
	
	mtd2.unselectable = 'on';
	mtd2.className = 'td2';
	
	mtable.className = 'zen_imageresizer_warning';
	mtable.textNode = mtext;
	mtable.resize = this;
	mtable.id = ZenImageResizer.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;
}

ZenImageResizer.prototype.setText = function(text) {
	var newnode = document.createTextNode(text);
	this.warningTextNode.parentNode.replaceChild(newnode, this.warningTextNode);
	this.warningTextNode = newnode;
}

ZenImageResizer.prototype.scale = function() {
	this.img.height = this.originalHeight;
	this.img.width = this.originalWidth;
	
	if(ZenImageResizer.MAXWIDTH > 0 && this.img.width > ZenImageResizer.MAXWIDTH) {
		this.img.height = (ZenImageResizer.MAXWIDTH / this.img.width) * this.img.height;
		this.img.width = ZenImageResizer.MAXWIDTH;
	}
	
	if(ZenImageResizer.MAXHEIGHT > 0 && this.img.height > ZenImageResizer.MAXHEIGHT) {
		this.img.width = (ZenImageResizer.MAXHEIGHT / this.img.height) * this.img.width;
		this.img.height = ZenImageResizer.MAXHEIGHT;
	}
	
	this.warning.width = this.img.width;
	this.warning.onclick = function() { return this.resize.unScale(); }
	
	if(this.img.width < 450) {
		this.setText(vbphrase['zen_imageresizer_warning_small']);
	} else if(this.img.fileSize && this.img.fileSize > 0) {
		this.setText(vbphrase['zen_imageresizer_warning_filesize'].replace('%1$s', this.originalWidth).replace('%2$s', this.originalHeight).replace('%3$s', Math.round(this.img.fileSize/1024)));
	} else {
		this.setText(vbphrase['zen_imageresizer_warning_no_filesize'].replace('%1$s', this.originalWidth).replace('%2$s', this.originalHeight));
	}
	
	return false;
}

ZenImageResizer.prototype.unScale = function() {
	switch(ZenImageResizer.MODE) {
		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 = 'zen_imageresizer_original';
			if(this.warning != null) {
				this.setText(vbphrase['zen_imageresizer_warning_fullsize']);
				this.warning.width = this.img.width;
				this.warning.onclick = function() { return this.resize.scale() };
			}
			break;
	}
	
	return false;
}