//10,000円バナーポップアップ

//トランジションオブジェクトにカスタムトランジションを追加
//加速度付きの移動
//option[長さの指定できるCSSプロパティ, 加速度, 初速, 終了フラグ]
Transition.prototype.accelerate = function(option, id) {
	var _this = this;
	var e = this.element;
	var prop = (0 in option)? option[0]: "left";
	var accel = (1 in option)? option[1]: 1;
	var vel = (2 in option)? option[2]: 0;
	var finish = (3 in option)? option[3]: 0;

	return function() {
		vel += accel;
		var pos = Math.round(parseInt(getStyle(e, prop)) + vel);

		if(!finish && pos >= 0) {
			g_velocity = vel;		//このページ用カスタム値
			e.style[prop] = "0";
			if(g_velocity <= accel) _this.chain = null;
			return id;
		} else if(finish && vel >= 0) {
			return id;
		}
		e.style[prop] = pos + "px";
	};
};

var g_velocity = 0;

//初期化
addEvent(window, "load", function() {
	var bn = document.getElementById("cam_news");

	setOpacity(bn, 0);
	bn.style.visibility = "visible";

	var trans = new Transition(bn, 30, "accelerate", ["top", 1.5, 0]);
	trans.add("fade", [0, 100 , 5]);
	var trans2 = new Transition(bn, 30, "accelerate", ["top", 2.5, 0, 1]);
	trans2.addEventListener("start", function(e) {
		this.layers[0].option[2] = -g_velocity;
	});
	var trans3 = new Transition(bn, 30, "accelerate", ["top", 1.5, 0]);

	trans.chain = trans2;
	trans2.chain = trans3;
	trans3.chain = trans2;

	trans.start();
});