// JavaScript Document
function makeBox(element, title, text, width, height, btnFlag, position){
	var insertElement = element;
	var searchElement = insertElement.parentNode.childNodes;
	var flag = 0;
	var positionElement;
	for(var i = 0; i < searchElement.length; i++){
		if(searchElement[i].className == "defaultPosition"){
			positionElement = searchElement[i];
			positionElement.style.display = "block";
			flag = 1;
		}
	}
	
	if(flag == 0){
		positionElement = document.createElement("div");
		positionElement.className = "defaultPosition";
		new Insertion.Before(insertElement, positionElement);
	}
		new Ajax.Request(
			'/common/js/library/floatbox/box.txt',{
				method: "post",
				onComplete: function(textObj){
					var responseData = textObj.responseText;
					if( navigator.appVersion.indexOf("KHTML") > -1 ){
						var esc = escape( responseData );
						if( esc.indexOf("%u") < 0 && esc.indexOf("%") > -1 ){
							responseData = decodeURIComponent( esc );
						}
					}
					var changeArea = responseData.match(/%(.*?)%/g);
					for(var i = 0; i < changeArea.length; i++){
						switch(changeArea[i]){
							case "%title%": responseData = responseData.replace(/%title%/, title); break;
							case "%text%": responseData = responseData.replace(/%text%/, text); break;
							case "%tablewidth%": responseData = responseData.replace(/%tablewidth%/, width + 28); break;
							case "%boxPositionwidth%": responseData = responseData.replace(/%boxPositionwidth%/, width); break;
							case "%boxMainwidth%": responseData = responseData.replace(/%boxMainwidth%/, width + 12); break;
							case "%tableheight%": responseData = responseData.replace(/%tableheight%/, height + 28); break;
							case "%boxPositionheight%": responseData = responseData.replace(/%boxPositionheight%/, height); break;
							case "%boxMainheight%": responseData = responseData.replace(/%boxMainheight%/, height + 12); break;
						}
					}
					positionElement.innerHTML = responseData;
					var closeBtn = positionElement.getElementsByTagName("a");
					if(!btnFlag){
						var createImage = new Image();
						createImage.src = "/images/button/btn_close.gif";
						createImage.width = 54;
						createImage.height = 18;
						createImage.alt = "閉じる";
						createImage.className = "over";
						closeBtn[0].appendChild(createImage);
						Event.observe(closeBtn[0], "click", hideBox, false);
					}else{
						Element.remove(closeBtn[0]);
					}
					var tableElement = positionElement.getElementsByTagName("table")[0];
					var divElement = tableElement.getElementsByTagName("div");
					for(var i = 0; i < divElement.length; i++){
						if(divElement[i].className == "boxMain"){
							if(position == "right"){
								divElement[i].style.right = 7 +"px";
								tableElement.style.right = 0 +"px";
							}else{
								divElement[i].style.left = 7 +"px"; 
								tableElement.style.left = 0 +"px";
							}
						}
					}
					rollover();
				}
		});
	var result = true;
	var element = positionElement.parentNode.id;
	return {
		result: result,
		element: element
	};
}

function hideBox(e){
	var Element = Event.element(e);
	var hideElement = Element.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode;
	if(hideElement.className == "defaultPosition"){
		hideElement.style.display = "none";
		hideElement.innerHTML = "";
	}
}