var drops = new Array(2);

if (document.getElementById) {
    document.onclick = hideDrops;
}

function setElement() {
    if (document.getElementById) {
        for (var i = 0; i < 2; i++) {
            drops[i] = document.getElementById("drop" + i);
        }
    }
}

function showDrop(index) {
    if (document.getElementById) {
        hideDrops();
        drops[index].style.visibility = "visible";
    }
}

function hideDrops() {
    if (document.getElementById) {
        for (var i = 0; i < 2; i++) { drops[i].style.visibility = "hidden"; }
    }
}
//-->


<!-- 

if (document.images) {

	// 設定開始（使用する画像を設定してください）

	// 画像1
	var navi1on = new Image();
	navi1on.src = "navi/top.jpg"; // ポイント時の画像
	var navi1off = new Image();
	navi1off.src = "navi/top_o.jpg"; // 通常の画像

	// 画像1_2
	var navi1_2on = new Image();
	navi1_2on.src = "navi/top_o.jpg"; // ポイント時の画像
	var navi1_2off = new Image();
	navi1_2off.src = "navi/top.jpg"; // 通常の画像

	// 画像2
	var navi2on = new Image();
	navi2on.src = "navi/kai_gaiyou.jpg";
	var navi2off = new Image();
	navi2off.src = "navi/kai_gaiyou_o.jpg";

	// 画像3
	var navi3on = new Image();
	navi3on.src = "navi/syu_seibi.jpg";
	var navi3off = new Image();
	navi3off.src = "navi/syu_seibi_o.jpg";

	// 画像4
	var navi4on = new Image();
	navi4on.src = "navi/sei_syou.jpg";
	var navi4off = new Image();
	navi4off.src = "navi/sei_syou_o.jpg";

	// 画像5
	var navi5on = new Image();
	navi5on.src = "navi/toiawase.jpg";
	var navi5off = new Image();
	navi5off.src = "navi/toiawase_o.jpg";

	// 画像6
	var navi6on = new Image();
	navi6on.src = "navi/blog.jpg";
	var navi6off = new Image();
	navi6off.src = "navi/blog_o.jpg";
	
	// 設定終了

}

// ポイント時の処理
function On(name) {

	if (document.images) {

		document.images[name].src = eval(name + 'on.src');

	}

}

// 放した時の処理
function Off(name) {

	if (document.images) {

		document.images[name].src = eval(name + 'off.src');

	}

}

// -->