//ポップアップ
var items = new Array();
var i = 0;

items[i++] = ["http://animal-note.cool.ne.jp/", "ちばわん（本サイト）", i];
items[i++] = ["http://living-with-dogs.com/modules/xfsection/article.php?articleid=369", "ペットショップ、ネットオークション、およびWebでの犬の生体展示販売・販売用生体写真掲載に反対", i];
items[i++] = ["http://www.inunekoningen.com/", "映画「犬と猫と人間と」", i];
items[i++] = ["http://www.tanteifile.com/diary/2009/11/24_01/index.html", "探偵ファイル「ペット残酷物語～保健所職員の真証言～」", i];
items[i++] = ["http://centrerep.exblog.jp/", "ちばわん愛護センター・レポート", i];
//items[i++] = ["", "", i];

//ソート
items.sort(
	function(a, b){
		return (a[2] > b[2]) ? 1 : -1;
	}
);
//items.reverse();

//mozshot
var thumbnail = "http://mozshot.nemui.org/shot?";
var thumbnail_big = "http://mozshot.nemui.org/shot/large?";

//ポップアップ用divタグ＆img生成
function pop_div(){
	for (i=0; i<items.length; i++){
		var new_div = document.createElement("div");
		new_div.setAttribute("id", "pop_image" + i);
		new_div.setAttribute("class", "absol");
		new_div.setAttribute("style", "display:none;");
		document.body.appendChild(new_div);
		var popup_image = '<img alt="" width="256" height="256" border="0" src="' + thumbnail_big + items[i][0] + '">';
		new_div.innerHTML = popup_image;
	}
}

//ポップアップ用imgを表示する位置
function popup(i, event){
	var browser = (navigator.appName);	// ブラウザ情報
	var mX = 0, mY = 0;	// マウスの位置

//IEの場合
	if(navigator.appName.charAt(0) == "M"){
		mX= event.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft);
		mY= event.clientY + (document.body.scrollTop || document.documentElement.scrollTop);
	}
//それ以外
	else{
		mX = event.pageX;
		mY = event.pageY;
	}
//mouseout処理
	var p_image = document.getElementById("pop_image" + i).style;
	p_image.display = "";
	p_image.left = mX - 130 + "px";
	p_image.top = mY - 266 + "px";
	document.getElementById("items_image" + i).onmouseout = function(){
		document.getElementById("pop_image" + i).style.display = "none";
	}
};