ÿþ/**

 * Tab Ajax

 * 

 * @author     banhthidiem <banhthidiem@gmail.com>

 * @copyright  2007 Bach Khoa Computer Inc.

 * @version    $Id: TabAjax.js, v2.0 2007/10/3

 */



var EventNameAC = {

	close: "close",

	minimize: "minimize",

	restore: "restore"

};

function AdvertCornerBTD(idContent, style) {

	if (idContent == null) return;



	this.elContent = idContent;

	this.style = style == null ? "" : style;

	this.elContainer = null;

	this.elBtnMinimize = null;

	this.countSin = 0.0;

	this.isRun = false;

	this.top = this.left = 0;

	this.isUp = true;

	this.minHeight = 28;

	this.isClose = false;

	this.listEvent = new Array();

}



/*****************************************************************************

Event Start

*****************************************************************************/



AdvertCornerBTD.prototype.executeEvent = function(e, eventName) {

	if (this.listEvent[eventName] != null) {

		for (var i = 0; i < this.listEvent[eventName].length; i++) {

			this.listEvent[eventName][i](e);

		}

	}

};



AdvertCornerBTD.prototype.addEvent = function(eventName, func) {

	if (this.listEvent[eventName] == null) {

		this.listEvent[eventName] = [];

	}

	this.listEvent[eventName].push(func);

};



AdvertCornerBTD.prototype.removeEvent = function(eventName, func) {

	if (this.listEvent[eventName] == null) {

		return;

	}

	for (var i = 0; i < this.listEvent[eventName].length; i++) {

		if (func == this.listEvent[eventName][i]) {

			this.listEvent[eventName].splice(i, 1);

			break;

		}

	}

};



/*****************************************************************************

Event End

*****************************************************************************/



AdvertCornerBTD.prototype.getElContent = function() {

	if (typeof (this.elContent) == "string") {

		this.elContent = document.getElementById(this.elContent);

	}

	return this.elContent;

}



AdvertCornerBTD.prototype.close = function(e) {

	this.isClose = true;

	this.elContainer.style.top = "-2000px";

	this.elContainer.style.left = "-2000px";

	this.elContainer.style.display = "none";

	this.executeEvent(e, EventNameAC.close);

}



AdvertCornerBTD.prototype.createWindow = function() {

	var me = this;

	var elContainer = document.createElement("DIV");

	elContainer.className = this.style;

	elContainer.style.position = "absolute";

	elContainer.style.zIndex = 110;

	this.elContainer = elContainer;

	utilObj.addChildToBody(elContainer);



	var elAdvertCorner = document.createElement("DIV");

	elAdvertCorner.className = "advertCornerBTD";

	elContainer.appendChild(elAdvertCorner);



	// Header

	var elHeaderL = document.createElement("DIV");

	elHeaderL.className = "headerL";

	elAdvertCorner.appendChild(elHeaderL);

	var elHeaderR = document.createElement("DIV");

	elHeaderR.className = "headerR";

	elHeaderL.appendChild(elHeaderR);

	var elHeaderC = document.createElement("DIV");

	elHeaderC.className = "headerC";

	elHeaderR.appendChild(elHeaderC);

	var elContainerBtn = document.createElement("DIV");

	elContainerBtn.className = "containerBtn";

	elHeaderC.appendChild(elContainerBtn);

	// Header button

	var elBtnMinimize = document.createElement("A");

	elBtnMinimize.className = "btn minimize";

	this.elBtnMinimize = elBtnMinimize;

	utilObj.addEvent(elBtnMinimize, "click", function(e) {

		me.minimize(e);

	});

	elContainerBtn.appendChild(elBtnMinimize);

	var elBtnClose = document.createElement("A");

	elBtnClose.className = "btn close";

	utilObj.addEvent(elBtnClose, "click", function(e) {

		me.close(e);

	});

	elContainerBtn.appendChild(elBtnClose);



	// Body

	var elBodyBgL = document.createElement("DIV");

	elBodyBgL.className = "bodyBgL";

	elAdvertCorner.appendChild(elBodyBgL);

	var elBodyL = document.createElement("DIV");

	elBodyL.className = "bodyL";

	elBodyBgL.appendChild(elBodyL);

	var elBodyBgR = document.createElement("DIV");

	elBodyBgR.className = "bodyBgR";

	elBodyL.appendChild(elBodyBgR);

	var elBodyR = document.createElement("DIV");

	elBodyR.className = "bodyR";

	elBodyBgR.appendChild(elBodyR);

	var elBodyC = document.createElement("DIV");

	elBodyC.className = "bodyC";

	elBodyR.appendChild(elBodyC);

	// Content

	var elBody = document.createElement("DIV");

	elBody.className = "body";

	var elContent = this.getElContent();

	elContent.style.display = "";

	elBody.appendChild(elContent);

	elBodyC.appendChild(elBody);



	// Footer

	var elFooterL = document.createElement("DIV");

	elFooterL.className = "footerL";

	elAdvertCorner.appendChild(elFooterL);

	var elFooterR = document.createElement("DIV");

	elFooterR.className = "footerR";

	elFooterL.appendChild(elFooterR);

	var elFooterC = document.createElement("DIV");

	elFooterC.className = "footerC";

	elFooterR.appendChild(elFooterC);



}



AdvertCornerBTD.prototype.calcPostionWindow = function(e) {

	var winSize = utilObj.getDocument();

	var posScroll = utilObj.getDocumentScroll();

	this.top = winSize.clientHeight;

	this.left = winSize.clientWidth - this.elContainerSize.width;

	if (utilObj.isIE && utilObj.appVersion < 7) {

		this.top += posScroll.scrollTop;

		this.left += posScroll.scrollLeft;

	}

}



AdvertCornerBTD.prototype.fitPostionWindow = function(e) {

	if (this.isRun || this.isClose) return;

	this.calcPostionWindow();

	var top = this.top - this.minHeight;

	if (this.isUp) {

		top = this.top - this.elContainerSize.height;

	}

	this.elContainer.style.top = top + "px";

	this.elContainer.style.left = this.left + "px";

}



AdvertCornerBTD.prototype.minimize = function(e) {

	if (this.isRun || this.isClose) return;

	if (this.isUp) {

		this.executeEvent(e, EventNameAC.minimize);

	}

	else {

		this.executeEvent(e, EventNameAC.restore);

	}

	this.isUp = !this.isUp;

	this.elBtnMinimize.className = "btn " + (!this.isUp ? "restore" : "minimize");

	this.isRun = true;

	this.effect();

}



AdvertCornerBTD.prototype.show = function() {

	if (this.isRun || this.isClose) return;

	this.isRun = true;

	this.effect();

}



AdvertCornerBTD.prototype.callEffect = function() {

	var me = this;

	setTimeout(function() { me.effect(); }, 10);

}



AdvertCornerBTD.prototype.effect = function() {

	var max = Math.PI / 2;

	var top = 0;

	this.calcPostionWindow();

	if (this.countSin > max) {

		this.countSin = 0.0;

		this.isRun = false;

		if (this.isUp) {

			top = (this.top - this.elContainerSize.height);

		}

		else {

			top = (this.top + this.elContainerSize.height);

		}

		this.elContainer.style.top = top + "px";

		this.elContainer.style.left = this.left + "px";

		return;

	}

	this.countSin += 0.03;

	top = Math.sin(this.countSin) * this.elContainerSize.height;

	if (this.isUp) {

		top = this.top - top;

	}

	else {

		if ((this.elContainerSize.height - top) <= this.minHeight) {

			this.countSin = 0.0;

			this.isRun = false;

			this.elContainer.style.top = (this.top - this.minHeight) + "px";

			this.elContainer.style.left = this.left + "px";

			return;

		}

		top = (this.top - this.elContainerSize.height) + top;

	}

	this.elContainer.style.top = top + "px";

	this.elContainer.style.left = this.left + "px";

	this.callEffect();

}



AdvertCornerBTD.prototype.init = function() {

	this.createWindow();

	this.elContainerSize = utilObj.getElementSize(this.elContainer);

	var me = this;

	if (utilObj.isIE && utilObj.appVersion < 7) {

		this.elContainer.style.position = "absolute";

		utilObj.addEvent(document, "scroll", function(e) {

			me.fitPostionWindow(e);

		});

	}

	else {

		this.elContainer.style.position = "fixed";

	}

	utilObj.addEvent(window, "resize", function(e) {

		me.fitPostionWindow(e);

	});

	this.show();

};