// JavaScript Document
function Alts(_id, _HTML) {
	var self = this;
	self.id = "alt" + _id;
	self.element;
	self.HTML = _HTML;
	self.x = 0;
	self.y = 0;
	self.totalWidth = 0;
	self.totalHeight = 0;
	self.active = 0;
	self.stepW = 0;
	self.stepH = 0;
	self.transforming = 0;
	self.browser = navigator.appName;
	self.transform = function() {
		if (!self.transforming)
			return;
		var W = self.element.offsetWidth;
		var H = self.element.offsetHeight;
		if (self.browser == "Microsoft Internet Explorer") {
			W += 12;
			H += 12;
		}
		W += self.stepW;
		H += self.stepH;
		W = parseInt(W);
		H = parseInt(H);
		if (W > self.totalWidth)
			W = self.totalWidth;
		if (H > self.totalHeight)
			H = self.totalHeight;
		self.element.style.width = W - 10 - 2 + "px"; // padding 5px + border 1 px
		self.element.style.height = H - 10 - 2 + "px";
		if (W==self.totalWidth && H==self.totalHeight) {
			self.element.innerHTML = self.HTML;
			return;
		}
		setTimeout(function() {
			self.transform();
		}, 10);
	}
	self.initAlt = function(e) {
		self.element = document.getElementById(self.id);
		if (self.active)
			return;
		else
			self.active = 1;
		if (self.browser == "Microsoft Internet Explorer") {
			self.x = e.clientX + document.body.scrollLeft;
			self.y = e.clientY + document.body.scrollTop;
		}
		else {
			self.x = e.pageX;
			self.y = e.pageY;
		}
		self.element.style.width = "auto";
		self.element.style.height = "auto";
		self.element.style.display = "inline";
		self.element.innerHTML = self.HTML;
		self.element.style.top = self.y + 10 + "px";
		self.element.style.left = self.x + 10 + "px";
		self.totalWidth = self.element.offsetWidth;
		self.totalHeight = self.element.offsetHeight;
		self.element.innerHTML = "";
		self.element.style.width = 0 + "px";
		self.element.style.height = 0 + "px";
		self.stepW = self.totalWidth / 20;
		self.stepH = self.totalHeight / 20;
		if (self.stepW < 1)
			self.stepW = 1;
		if (self.stepH < 1)
			self.stepH = 1;
		self.transforming = 1;
		self.transform();
	}
	self.closeAlt = function() {
		if (!self.active)
			return;
		else
			self.active = 0;
		self.direction = 0;
		self.transforming = 0;
		self.element.style.display = "none";
		self.element.style.width = "0px";
		self.element.style.height = "0px";
	}
	self.moveAlt = function(e) {
		if (self.browser == "Microsoft Internet Explorer") {
			self.x = e.clientX + document.body.scrollLeft;
			self.y = e.clientY + document.body.scrollTop;
		}
		else {
			self.x = e.pageX;
			self.y = e.pageY;
		}
		self.element.style.top = self.y + 18 + "px";
		self.element.style.left = self.x + 12 + "px";
	}
}