// JavaScript Document

/* ==========================================================================

概要

 1. イベントリスナユーティリティ
 2. 旧ieのアップグレードを促す

(C) 920
最終更新日： 2009.10.04    by 920

========================================================================== */


/* ----------------------------------------------------------------------
 1. イベントリスナユーティリティ
---------------------------------------------------------------------- */

// イベントリスナの登録と削除
function addListener(element, type, listener) {
  if(element.addEventListener) {
	// W3C DOMのイベントモデルを利用可能な場合
	element.addEventListener(type, listener, false);
  } else if(element.attachEvent) {
	// Internet Explorerの場合
	element.attachEvent('on' + type, listener);
  }
}

function removeListener(element, type, listener){
  if(element.removeEventListener) {
	// W3C DOMのイベントモデルを利用可能な場合
	element.removeEventListener(type, listener, false);
  } else if(element.attachEvent) {
	// Internet Explorerの場合
	element.detachEvent('on' + type, listener);
  }
}


/* ----------------------------------------------------------------------
 2. 旧ieのアップグレードを促す
---------------------------------------------------------------------- */

var noMoreIE6Html = "\
<div id=\"ie6-warning\">\
<p id=\"ie6-warning-message\">ご利用の「Internet explorer」は旧式のものです。多くのサイトを快適にご覧いただくためにアップグレードをお奨めします。</p>\
<div id=\"ie6-warning-push\">\
<p id=\"ie6-warning-push-message\"><a href=\"#\" id=\"ie6-warning-push-btn\">お奨めのブラウザ</a></p>\
<div id=\"browser-icons-container\">\
<ul id=\"browser-icons\">\
<li><a href=\"http://www.microsoft.com/downloads/details.aspx?FamilyID=341c2ad5-8c3d-4347-8c03-08cdecd8852b&amp;DisplayLang=ja\" target=\"_blank\" id=\"browser-icon-ie\">Internet Explorer</a></li>\
<li><a href=\"http://www.mozilla.jp\" target=\"_blank\" id=\"browser-icon-firefox\">Mozilla Firefox</a></li>\
<li><a href=\"http://www.apple.com/jp/safari/download/\" target=\"_blank\" id=\"browser-icon-safari\">Safari</a></li>\
<li><a href=\"http://www.google.com/chrome?hl=ja\" target=\"_blank\" id=\"browser-icon-chrome\">Google Chrome</a></li>\
</ul>\
<div id=\"browser-icons-container-close\"><a href=\"#\" id=\"browser-icons-container-close-btn\" title=\"お奨めブラウザを閉じます\">お奨めブラウザを閉じる</a></div>\
</div>\
</div>\
</div>\
<div id=\"ie6-warning-close\"><a href=\"#\" id=\"ie6-warning-close-btn\" title=\"このメッセージを閉じます\">閉じる</a></div>\
";

addListener(window, 'load', ieUpgrade);


function ieUpgrade() {

	if (typeof document.body.style.maxHeight == "undefined") {	// IE6, older browsers

		var targetNode = document.getElementsByTagName("body")[0];
		var addNode = document.createElement("div");
		addNode.id = "no_more_ie_container";

		targetNode.appendChild(addNode);
		document.getElementById("no_more_ie_container").innerHTML = noMoreIE6Html;

		document.getElementById("ie6-warning-close-btn").onclick = function() {
			document.getElementById("no_more_ie_container").style.display = "none";
			return false;
		}

		document.getElementById("ie6-warning-push-btn").onclick = function() {
			if(document.getElementById("browser-icons-container").style.display == "block") {
				document.getElementById("browser-icons-container").style.display = "none";
			}
			else {
				document.getElementById("browser-icons-container").style.display = "block";
			}
			return false;
		}

		document.getElementById("browser-icons-container-close-btn").onclick = function() {
			document.getElementById("browser-icons-container").style.display = "none";
			return false;
		}

	} 

}