/**
 * @author ricky
 */
var ImageResizer = new Class({
	Implements : [Options],
	options : {
		width : 50,
		height : 50,
		posX : 0,
		posY : 0
	},
	initialize : function(images, options) {
		if (!$type(images) == 'array' || !images.length) {
			return;
		}
		this.images = images;
		this.setOptions(options);
	},
	append : function() {
		$each(this.images, function(img) {
					var nimg = new Image();
					nimg.src = img.src;
					this._calculate_size(img, {
								'x' : nimg.width,
								'y' : nimg.height
							});
				}, this)
	},
	_calculate_size : function(img, size) {
		var proportion;
		var width = size.x;
		var height = size.y;
		if (size.x > this.options.width) {
			proportion = size.x / this.options.width;
			width = this.options.width;
			height = size.y / proportion;
		}
		if (height > this.options.height) {
			proportion = height / this.options.height;
			height = this.options.height;
			width = width / proportion;
		}
		width = width.round();
		height = height.round();
		if (width > this.options.width) {
			--width;
		}
		if (height > this.options.height) {
			--height;
		}
		this._calculate_position(img, {
					'x' : width,
					'y' : height
				});
	},
	_calculate_position : function(img, size) {
		if (size.x < this.options.width && (this.options.width - size.x) > 1) {
			this.options.posX = ((this.options.width - size.x) / 2).round();
		}
		if (size.y < this.options.height && (this.options.height - size.y) > 1) {
			this.options.posY = ((this.options.height - size.y) / 2).round();
		}
		this._place_canvas(img, size);
		this.options.posY = 0;
		this.options.posX = 0;
	},
	_place_canvas : function(img, size) {
		var canvas_tag = new Canvas({
					width : this.options.width,
					height : this.options.height
				});
		canvas_tag.replaces(img);
		var ctx = canvas_tag.getContext('2d');
		ctx
				.drawImage(img, this.options.posX, this.options.posY, size.x,
						size.y);
	}
});