// JavaScript Document
window.onload = function() {
	var elementTop		= document.getElementById("menu0");
	var elementMenu1	= document.getElementById("menu1");
	var elementMenu2	= document.getElementById("menu2");
	var elementMenu3	= document.getElementById("menu3");
	var elementMenu4	= document.getElementById("menu4");
	var elementMenu5	= document.getElementById("menu5");
	var elementMenu6	= document.getElementById("menu6");
	var elementMenu7	= document.getElementById("menu7");
	var elementRes		= document.getElementById("res");
	
	var aLinkColor	= "#FFCCFF";
	var aHoverColor	= "#9999FF";

	viewAjax("top.html");

	//alert("top "+elementTop);
	//alert("menu1 "+ elementMenu1);
	
	elementTop.onmouseover = function() {
		elementRes.innerHTML = "TOP画面";
		elementTop.style.color = aHoverColor;
	}
	elementTop.onmouseout = function() {
		elementRes.innerHTML = "";
		elementTop.style.color = aLinkColor;
	}

	elementMenu1.onmouseover = function() {
		elementRes.innerHTML = "FlorestaPrateadaのだいたい";
		elementMenu1.style.color = aHoverColor;
	}
	elementMenu1.onmouseout = function() {
		elementRes.innerHTML = "";
		elementMenu1.style.color = aLinkColor;
	}

	elementMenu2.onmouseover = function() {
		elementRes.innerHTML = "お知らせの過去ログ";
		elementMenu2.style.color = aHoverColor;
	}
	elementMenu2.onmouseout = function() {
		elementRes.innerHTML = "";
		elementMenu2.style.color = aLinkColor;
	}

	elementMenu3.onmouseover = function() {
		elementRes.innerHTML = "頒布などお仕事情報";
		elementMenu3.style.color = aHoverColor;
	}
	elementMenu3.onmouseout = function() {
		elementRes.innerHTML = "";
		elementMenu3.style.color = aLinkColor;
	}
	
	elementMenu4.onmouseover = function() {
		elementRes.innerHTML = "掲示板";
		elementMenu4.style.color = aHoverColor;
	}
	elementMenu4.onmouseout = function() {
		elementRes.innerHTML = "";
		elementMenu4.style.color = aLinkColor;
	}

	elementMenu5.onmouseover = function() {
		elementRes.innerHTML = "いいかげんなブログ";
		elementMenu5.style.color = aHoverColor;
	}
	elementMenu5.onmouseout = function() {
		elementRes.innerHTML = "";
		elementMenu5.style.color = aLinkColor;
	}	
	
	elementMenu6.onmouseover = function() {
		elementRes.innerHTML = "リンク";
		elementMenu6.style.color = aHoverColor;
	}
	elementMenu6.onmouseout = function() {
		elementRes.innerHTML = "";
		elementMenu6.style.color = aLinkColor;
	}
	
	elementMenu7.onmouseover = function() {
		elementRes.innerHTML = "前サイトのログ";
		elementMenu7.style.color = aHoverColor;
	}
	elementMenu7.onmouseout = function() {
		elementRes.innerHTML = "";
		elementMenu7.style.color = aLinkColor;
	}
	


	//TOP
	elementTop.onclick = function() {
		viewAjax("top.html");
	}

	//About
	elementMenu1.onclick = function() {
		viewAjax("about.html");
	}
	
	//log
	elementMenu2.onclick = function() {
		viewAjax("log.html");
	}
	
	//works
	elementMenu3.onclick = function() {
		viewAjax("works.html");
	}
	
	//BBS
	elementMenu4.onclick = function() {
		location.href = "http://bbs1.nazca.co.jp/20/flopra/";	
	}
	
	//BLOG
	elementMenu5.onclick = function() {
		location.href = "http://flopra.blog.shinobi.jp/";	
	}
	
	//LINK
	elementMenu6.onclick = function() {
		viewAjax("link.html");
		return false;
	}
	
	//log_old
	elementMenu7.onclick = function() {
		viewAjax("log_old.html");
		return false;
	}
	
}

function viewAjax(linkItem) {
	var ajaxRequest = new Ajax.Updater("inframe",linkItem,{ method:'get'});	
}

function dispWindow(width,height,url){
	var wid = width/2;
	var hei = height/2;
	var w=getWindowWidth();
	var h=getWindowHeight();
	window.open(url, "winDetails", "width="+width+",height="+height+",scrollbars=yes,left="+ ((w/2) - wid) +",top="+ ((h/2) - hei) +"");
	return false;
}

function getWindowWidth(){
	if (self.innerWidth)	return self.innerWidth;
	else					return document.body.clientWidth;
}

function getWindowHeight(){
	if (self.innerHeight)	return self.innerHeight;
	else					return document.body.clientHeight;
}