$(function(){
	panelHeight = $("#poppanel").height();//ここで非表示のパネルの高さを代入する
	$(".banner").click(function() {
		$("#poppanel").fadeIn("fast");//クリックでパネルを表示させる
		panelPosition();
		return false;
	});
	$("#alertPanel_footer img, #poppanel a").click(function() {
		$("#poppanel").fadeOut(0);
		$("#poppanel").fadeOut("fast");//ここをクリックで閉じる、他のページに飛んでも閉じる
	});
	
});
//アドバナー用関数
var panelHeight; //変数宣言　まず最初に初期のパネルの高さの値が入る
function panelPosition() {//ブラウザ判別
	if (navigator.userAgent.match(/AppleWebKit\/\d.+Safari\/\d.+/)) {
    	var scrollTop = document.body.scrollTop;//safariならこっち
	} else {
    	var scrollTop = document.documentElement.scrollTop;//それ以外のブラウザならこっち
	}
	var top = (document.documentElement.clientHeight - panelHeight)/2 + scrollTop;//ここで表示する高さを算出する
	
	//panelHeightはパネルの初期の高さ
	//clientHeightはブラウザの表示領域のサイズの値
	//scrollTopはブラウザのスクロールバーの値の座標
	//var topは(表示領域-パネルの高さ)/2+スクロールの座標の値になる
	$("#poppanel").css("top",top);//上記で計算した値をパネルに入れる。
};



