ÿþ///<reference path="../Util.js" />

/**

 * AdvertScrollBTD

 * 

 * @author     banhthidiem <banhthidiem@gmail.com>

 * @copyright  2007 Bach Khoa Computer Inc.

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

 */



var AdvertScrollBTD =

{

	counterPlus: 10,

	timer: null,

	elContainerLeft: null,

	elContainerRight: null,

	totalWidth: 240,

	resolutionWidth: 1000,

	isStop: false,

	isHasChildLeft: false,

	isHasChildRight: false,

	countSin: 0.0,

	posDiv: 0,

	posNeed: 0,

	isRunning: false,

	isFix: false,

	isInit: false,



	returnScrollTop: function () {

		/// <returns type="Number" />

		return utilObj.getDocumentScroll().scrollTop;

	},



	createContainerLeft: function () {

		this.elContainerLeft = utilObj.createEl("DIV");

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

		this.elContainerLeft.style.display = "block";

		utilObj.addChildToBody(this.elContainerLeft);

	},



	createContainerRight: function () {

		this.elContainerRight = document.createElement("DIV");

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

		this.elContainerRight.style.display = "block";

		utilObj.addChildToBody(this.elContainerRight);

	},



	init: function () {

		/// <summary>Khßi t¡o qu£ng cáo thanh cuÙn (ph£i 
·t trong onload cça window).</summary>

		if (this.isInit) return;

		this.createContainerLeft();

		this.createContainerRight();

		this.onResize();

		var self = this;

		utilObj.addEvent(utilObj.wd, "resize", function (e) { self.onResize(); });

		utilObj.addEvent(window, "scroll", function (e) { self.onScroll(); });

		this.isInit = true;

	},



	setFix: function () {

		/// <summary>Làm fix qu£ng cáo.</summary>

		this.init();

		if (!this.isFix) {

			this.isFix = true;

			this.elContainerLeft.style.position =

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

			this.elContainerLeft.style.top =

			this.elContainerRight.style.top =

			this.elContainerLeft.style.left =

			this.elContainerRight.style.right = "0px";

			this.elContainerLeft.style.overflow =

			this.elContainerRight.style.overflow = "hidden";

		}

		var clientSize = utilObj.getDocument();

		this.elContainerLeft.style.height =

		this.elContainerRight.style.height = clientSize.clientHeight + "px";

		var w = (clientSize.clientWidth - this.resolutionWidth - 16) / 2;

		if (w < 0) w = 0;

		this.elContainerLeft.style.width =

		this.elContainerRight.style.width = w + "px";

	},



	clearAllLeft: function () {

		this.elContainerLeft.innerHTML = "";

	},



	addAdvertiseLeft: function (el) {

		/// <summary>Nh­p qu£ng cáo bên trái.</summary>

		/// <param name="el">Là Element cça window, ho·c là ID cça Element 
ó.</param>

		this.isHasChildLeft = true;

		el = typeof (el) == "string" ? document.getElementById(el) : el;

		el.style.display = "";

		if (this.isFix) {

			if (el.style.cssFloat != null) {

				el.style.cssFloat = "right";

			}

			else {

				el.style.styleFloat = "right";

			}

		}

		if (this.elContainerLeft != null && el != null) {

			this.elContainerLeft.appendChild(el);

			this.onScroll();

		}

	},



	addAdvertiseRight: function (el) {

		/// <summary>Nh­p qu£ng cáo bên ph£i.</summary>

		/// <param name="el">Là Element cça window, ho·c là ID cça Element 
ó.</param>

		this.isHasChildRight = true;

		el = typeof (el) == "string" ? document.getElementById(el) : el;

		el.style.display = "";

		if (this.isFix) {

			if (el.style.cssFloat != null) {

				el.style.cssFloat = "left";

			}

			else {

				el.style.styleFloat = "left";

			}

		}

		if (this.elContainerRight != null && el != null) {

			this.elContainerRight.appendChild(el);

			this.onScroll();

		}

	},



	changePosition: function () {

		var max = Math.PI / 2;

		if (this.countSin > max || this.isStop) {

			this.countSin = 0.0;

			this.isRunning = false;

			window.clearTimeout(this.timer);

			return;

		}

		this.countSin += 0.03;

		var pos = this.posDiv + (Math.sin(this.countSin) * (this.posNeed - this.posDiv));

		this.isRunning = true;

		this.elContainerLeft.style.top =

		this.elContainerRight.style.top = pos + "px";

		var self = this;

		this.timer = window.setTimeout(function () { self.changePosition(); }, 10);

	},



	onScroll: function () {

		if (!this.isHasChildLeft && !this.isHasChildRight || this.isFix) return;

		this.posNeed = this.returnScrollTop();

		var posDiv = this.isHasChildLeft ? parseInt(this.elContainerLeft.style.top) : parseInt(this.elContainerRight.style.top);



		var sizeDiv = this.isHasChildLeft ? utilObj.getElementSize(this.elContainerLeft) : utilObj.getElementSize(this.elContainerRight);

		if (posDiv < this.posNeed - sizeDiv.height) {

			posDiv = this.posNeed - sizeDiv.height;

			this.elContainerLeft.style.top =

			this.elContainerRight.style.top = posDiv + "px";

		}

		else if (posDiv > utilObj.getDocument().clientHeight + this.posNeed) {

			posDiv = utilObj.getDocument().clientHeight + this.posNeed;

			this.elContainerLeft.style.top =

			this.elContainerRight.style.top = posDiv + "px";

		}

		this.countSin = 0.0;

		this.posDiv = posDiv;



		if (!this.isRunning) {

			this.changePosition();

		}

	},



	onResize: function () {

		var isResize = false;

		var clientSize = utilObj.getDocument();

		var delta = (utilObj.isFF || utilObj.isSafari ? 0 : (utilObj.isIE ? 4 : 1));

		if (clientSize.clientWidth >= this.resolutionWidth + this.totalWidth - 16) {

			isResize = true;

		}

		if (!isResize) {

			this.isStop = true;

			if (this.elContainerLeft != null) {

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

			}

			if (this.elContainerRight != null) {

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

			}

		}

		else {

			this.isStop = false;

			this.elContainerLeft.style.display = "block";

			this.elContainerRight.style.display = "block";

			if (this.isFix) {

				this.setFix();

			}

			else {

				this.elContainerLeft.style.position =

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

				this.elContainerLeft.style.left = ((clientSize.clientWidth / 2) - (this.resolutionWidth / 2) - (this.totalWidth / 2) - 5) + "px";

				this.elContainerRight.style.left = ((clientSize.clientWidth / 2) + (this.resolutionWidth / 2) + 5) + "px";



				var posDiv = parseInt(this.elContainerLeft.style.top);

				if (isNaN(posDiv) || this.isFix) posDiv = 0;



				this.elContainerLeft.style.top = this.elContainerRight.style.top = posDiv + "px";

				this.onScroll();

			}

		}

	}

};