var dispY;
var dispX;

include('./js/settings.js');

function include(astrFile)
{
	var script = document.createElement('script');
	script.src = astrFile;
	script.type = 'text/javascript';
	script.defer = true;
	document.getElementsByTagName('head').item(0).appendChild(script);
}

function setLayout() {
	var i = 0;
	for(menu in jsonMenu) {
		var ai = i % maxMenuVCount;
		var bi = Math.floor(i / maxMenuVCount) + 1;
		dispY = (menuHeight + gapH) * ai + topMergin;
		dispX = (menuWidth + gapW) * bi + leftMergin;
		
		if(jsonMenu[menu]["title"].match(/gallery.*/)){
			var imgCnt = jsonGallery[jsonMenu[menu]["title"]].length;
			document.write("			<div id=\"sub_context_" + i + "\">" + jsonMenu[menu]["description"] + "</div><br class=\"clear\" />");
			for(j=0;j<imgCnt;j++){
				document.write("			<a href=\"" + jsonGallery[jsonMenu[menu]["title"]][j] + "\" id=\"anchor_" + i + "_" + j + "\" onmouseover=\"menu_mouseOver('sub_context_" + i + "');\" onmouseout=\"menu_mouseOut('sub_context_" + i + "');\" rel=\"lightbox[" + jsonMenu[menu]["title"] + "]\"></a>");
				adoptStyle(i, j);
			}
			
			i++;
		} else {
			document.write("			<div id=\"sub_context_" + i + "\">" + jsonMenu[menu]["description"] + "</div><br class=\"clear\" />");
			document.write("			<a href=\"#\" id=\"anchor_" + i + "_0\" onmouseover=\"menu_mouseOver('sub_context_" + i + "');\" onmouseout=\"menu_mouseOut('sub_context_" + i + "');\"></a>");
			adoptStyle(i, 0);
			
			i++;
		}
		
	}
}

function adoptStyle(i, j) {
	document.getElementById("anchor_" + i + "_" + j).style.top = dispY + "px";
	document.getElementById("anchor_" + i + "_" + j).style.left = dispX + "px";
	document.getElementById("anchor_" + i + "_" + j).style.margin = "1em";
	if(j == 0) {
		document.getElementById("anchor_" + i + "_" + j).style.display = "block";
	} else {
		document.getElementById("anchor_" + i + "_" + j).style.display = "none";
	}
	document.getElementById("anchor_" + i + "_" + j).style.height = menuHeight + "px";
	document.getElementById("anchor_" + i + "_" + j).style.width = menuWidth + "px";
	document.getElementById("anchor_" + i + "_" + j).style.border = "1px solid #6666cc";
	document.getElementById("anchor_" + i + "_" + j).style.position = "absolute";
	document.getElementById("anchor_" + i + "_" + j).style.background = "url(\"./jpg/" + i + ".jpg\")";
	
	document.getElementById("sub_context_" + i).style.top = dispY + "px";
	document.getElementById("sub_context_" + i).style.left = dispX + menuWidth + gapW + "px";
	document.getElementById("sub_context_" + i).style.margin = "1em";
	document.getElementById("sub_context_" + i).style.visibility = "hidden";
	document.getElementById("sub_context_" + i).style.width = contextWidth + "px";
	document.getElementById("sub_context_" + i).style.height = menuHeight + "px";
	document.getElementById("sub_context_" + i).style.position = "absolute";
	document.getElementById("sub_context_" + i).style.border = "1px solid #6666cc";

}

function menu_mouseOver(objname) {
	document.getElementById(objname).style.visibility = "visible";
}

function menu_mouseOut(objname) {
	document.getElementById(objname).style.visibility = "hidden";
}