//サイトを配列に格納
var items = new Array();
var i = 0;

items[i++] = ["http://yotaka49.com/", "ブログパーツ・ヨタカデザイン", i];
items[i++] = ["http://aikentou.com/", "日本愛犬党", i];
items[i++] = ["http://aibyoutou.com/", "日本愛猫党", i];
items[i++] = ["http://wn-followme.com/", "twitter犬猫ブログパーツ", i];
items[i++] = ["http://wafuu4.com/", "twitter和風ブログパーツ", i];
items[i++] = ["http://sanshin.yotaka4.com/", "三線販売店・三線サーチ", i];
items[i++] = ["http://teesing.yotaka4.com/", "デザインTシャツ・Teesing!!", i];
items[i++] = ["http://rockstar.yotaka4.com/", "ミュージシャンの命日", i];
items[i++] = ["http://teiki.org/", "Web定期", i];
items[i++] = ["http://detarame.org/", "ジョークとパロディ広告のブログパーツ", i];
items[i++] = ["http://0road.com/", "浮世絵twitterブログパーツ", i];
items[i++] = ["http://friends100.com/", "facebook ボタン", 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 - 266 + "px";
	p_image.top = mY - 266 + "px";
	document.getElementById("items_image" + i).onmouseout = function(){
		document.getElementById("pop_image" + i).style.display = "none";
	}
}