// -------------------------------------------------------------- //
// copyright(c) nasca 2007 all rights reserved.                   //
// -------------------------------------------------------------- //





// -------------------------------------------------------------- //
// AccessServer                                                   //
//                                                                //
// -------------------------------------------------------------- //
function accessServer(e){
	switch(getStrId(e)){
	case 'linkpopt':
		setOpacity('main',40);
		var post_data="";
		htRequest('post','./rsc/linkpopt.php',htResLinkPoptData,post_data);
		break;
	case 'linklist':
		setOpacity('main',40);
		var post_data="";
		htRequest('post','./rsc/linklist.php',htResLinkList,post_data);
		break;
	case 'linkwhat':
		setOpacity('main',40);
		var post_data="";
		htRequest('post','./rsc/linkwhat.php',htResHtmlData,post_data);
		break;
	case 'linkuseg':
		setOpacity('main',40);
		var post_data="";
		htRequest('post','./rsc/linkuseg.php',htResHtmlData,post_data);
		break;
	case 'linkapig':
		setOpacity('main',40);
		var post_data="";
		htRequest('post','./rsc/linkapig.php',htResHtmlData,post_data);
		break;
	case 'chgimage':
		setHide('new_upload_image');
		getId('upload_image').innerHTML="<img src='./rsc/loading2.gif' style='margin:50px;'/>";
		if (getId('image_logo').checked) { var logo = 1; } else { var logo = 0; }
		if (getId('image_init').checked) { var init = 1; } else { var init = 0; }
		var data1      = 'mode='         +getEnc(getId('image_mode').value);
		var data2      = 'original_file='+getEnc(getId('image_file').value);
		var data3      = 'frame='        +getEnc(getId('image_frame').value);
		var data4      = 'option='       +getEnc(getId('image_option').value);
		var data5      = 'rotate='       +getEnc(getId('image_rotate').value);
		var data6      = 'logo='         +getEnc(logo);
		var data7      = 'init='         +getEnc(init);
		var post_data  = data1 + "&" + data2 + "&" + data3 + "&" + data4 + "&" + data5 + "&" + data6 + "&" + data7;
		htRequest('post','./rsc/poptupload.cgi',htResChangeImage,post_data);
		break;
	case 'disp_attach':
		var inFile = trim(getId('disp_attach').value);
		var upFile = trim(getId('new_upload_image').src);
		if(inFile!=""&&upFile.indexOf("blank.gif")==-1){
			var data1      = 'filename='+getEnc(inFile);
			var data2      = 'filepath='+getEnc(upFile);
			var get_data  = data1 + "&" + data2;
			location.href="./rsc/poptresource.php?"+get_data;
		}
		break;
	case 'm_send':
		if(getId('_body').value==""){
			getId('updatemsg').innerHTML="　内容を入力してください・・・";
			break;
		}
		setDisabled("_body");
		setDisabled("m_cancel");
		setDisabled("m_send");
		getId('updatemsg').innerHTML="　　<img src='./rsc/loading.gif' />";
		var post_data  = "_body=" + getEnc(getId('_body').value) + "&_mode=send";
		htRequest('post','./rsc/poptmail.php',htResMailSend,post_data);
		break;
	case 'photo_ins':
		var data1     = 'title=' + getEnc(getId('photo_title').value);
		var data2     = 'url='   + getEnc(getId('r_file').value);
		var post_data = data1+'&'+data2;
		htRequest('post','./rsc/photoins.php',htResPhotoIns,post_data);
		setDisabled('photo_ins');
		setOpacity('main',40);
		setShow('photo_ins_msg');
		getId('photo_ins_msg').innerHTML="<img src='./lib/loading6.gif' height='12' alt='loading' />登録中です．．．";
		break;
	default:
	}
	return false;
}

function htResHtmlData(data){
	hideUserLayer();
	getId('main').innerHTML=data;
	setOpacity('main',100);
	return false;
}

function overImage(e){
	setOpacity(getStrId(e),100);
	return false;
}
function outImage(e){
	setOpacity(getStrId(e),40);
	return false;
}
function htResLinkList(data){
	hideUserLayer();
	getId('main').innerHTML=data;
	for (i=0;i<getName('thumbnail').length;i++){
		setOpacity('img'+i,40);
		addListener(getName('thumbnail')[i],'click',selectImage,false);
		addListener(getName('thumbnail')[i],'mouseover',overImage,false);
		addListener(getName('thumbnail')[i],'mouseout',outImage,false);
	}
	var pb = new pageButton();
		pb.check('v_downpage');
		pb.check('v_uppage');
	addListener(getId('dispSelectImage'),'click',dispBigImage,false);
	setOpacity('main',100);
	return false;
}
function pageButton(){
	this.check=function(str){
		if(getId(str).value>0){
			setShow(str.substr(2));
			addListener(getId(str.substr(2)),'mouseover',mFocus,false);
			addListener(getId(str.substr(2)),'click',mServer,false);
		}else{
			setHide(str.substr(2));
		}
		return false;
	}
	return this;
}
function mServer(e){
	setOpacity(getStrId(e),40);
	var post_data="offset="+getId("v_"+getStrId(e)).value;
	htRequest('post','./rsc/linklist.php',htResLinkList,post_data);
	return false;
}
function mBlur(e){
	var nodeId = getStrId(e);
	getId(nodeId).style.backgroundColor="#f2f1f6";
	getId(nodeId).style.borderColor="#aaaaaf";
	removeListener(getId((nodeId)),'mouseout',mBlur,false);
	return false;
}
function mFocus(e){
	var nodeId = getStrId(e);
	addListener(getId(nodeId),'mouseout',mBlur,false);
	getId(nodeId).style.backgroundColor = "#f8e8ab";
	getId(nodeId).style.borderColor     = "#444444";
	return false;
}

function fadeImage(e){
	var pointId = getStrId(e);
	setOpacity(pointId,100);
	getId('dispSelectImage').src=getId(pointId).src;
	getId('dispSelectMessage').innerHTML="<p>"+getId(pointId).src+"</p>";
	return false;
}

function selectImage(e){
	var pointId = getStrId(e);
	if(getId(pointId)){
		try {
			clearInterval(fadeout_timer);
		} catch(e) {
		}
		var selectImgFadeoutOpacity        = 0;
		setOpacity(pointId,100);
		getId('divSelectMessage').innerHTML=getId("msg"+pointId.substr(3)).value;
		getId('dispSelectImage').src=getId(pointId).src;
		setOpacity('dispSelectImage',selectImgFadeoutOpacity);
		var func_ref                       = function(){
			try {
				selectImgFadeoutOpacity    = selectImgFadeoutOpacity + 10;
				if(selectImgFadeoutOpacity >= 100){
					clearInterval(fadeout_timer);
				}
				setOpacity('dispSelectImage',selectImgFadeoutOpacity);
			} catch(e) {
				alert(e.description);
				setOpacity('dispSelectImage',100);
			}
			return false;
		};
		fadeout_timer=setInterval(func_ref,40);
	}
	return false;
}

function htResPhotoIns(data){
	hideUserLayer();
	if(data!=""){
		setEnabled('photo_ins');
		getId('photo_ins_msg').innerHTML="登録に失敗しました。<br />"+data;
	} else {
		setHide('imageupload');
		setEnabled('photo_ins');
		getId('photo_ins_msg').innerHTML="サンプルに登録しました。";
	}
	setOpacity('main',100);
	return false;
}

function htResLinkPoptData(data){
	hideUserLayer();
	getId('main').innerHTML=data;
	addListener(getId('open_imagesetting'),'click',dispSetting,false);
	addListener(getId('open_imageupload'),'click',dispSetting,false);
	addListener(getId('new_upload_image'),'click',dispBigImage,false);
	addListener(getId('chgimage'),'click',accessServer,false);
	addListener(getId('disp_attach'),'click',accessServer,false);
	addListener(getId('disp_attach'),'mouseover',dispMouseover,false);
	addListener(getId('photo_ins'),'click',accessServer,false);
	setOpacity('main',100);
	return false;
}


function htResMailSend(data){
	try {
		if(data.length==0){
			getId('userlayerd').innerHTML="<br />　　☆ありがとうございました☆<br />　　<input type=\"button\" id=\"m_close\" class=\"editbtn\" value=\"　閉　じ　る　\" />";
			addListener(getId('m_close'),'click',hideUserLayer,false);
		} else {
			getId('updatemsg').innerHTML=data;
			setEnabled("_body");
			setEnabled("m_cancel");
			setEnabled("m_send");
		}
	} catch (e) {
	}
	return false;
}
function htResChangeImage(data){
	if(data.length==0){
		var new_image_path      = getCacheClearURL("./rsc/" + getPath(getEnc(getId('image_file').value)).substr(2) + ".tmp");
		var rotate     = getId('image_rotate').value
		var rWidth     = getId('new_upload_image_width').value;
		var rHeight    = getId('new_upload_image_height').value;
		var oWidth     = rWidth;
		var oHeight    = rHeight;
		if( rotate >   45 && rotate <  135 ) { oWidth=rHeight;oHeight=rWidth;}
		if( rotate <  -45 && rotate > -135 ) { oWidth=rHeight;oHeight=rWidth;}
		if( rotate >  225 && rotate <  315 ) { oWidth=rHeight;oHeight=rWidth;}
		if( rotate < -225 && rotate > -315 ) { oWidth=rHeight;oHeight=rWidth;}
		var maxWidth   = 240; /* 180 */
		var maxHeight  = 200; /* 120 */
		if ( oWidth < oHeight ) {
			if ( oHeight > maxHeight ) {
				oWidth  = Math.floor(oWidth/(oHeight/maxHeight));
				oHeight = maxHeight;
			}
			} else {
			if ( oWidth  > maxWidth ) {
				oHeight = Math.floor(oHeight/(oWidth/maxWidth));
				oWidth  = maxWidth;
			}
		}
		var dsp_upload_image        = getId('new_upload_image');
			dsp_upload_image.src    = new_image_path;
			dsp_upload_image.width  = oWidth;
			dsp_upload_image.height = oHeight;
		getId('upload_image').innerHTML = "";
//		var new_upload_image            = creElem('img');
//	    	new_upload_image.id         = 'new_upload_image';
//	    	new_upload_image.src        = new_image_path;
//			new_upload_image.width      = oWidth;
//			new_upload_image.height     = oHeight;
//		getId('upload_image').appendChild(new_upload_image);
	} else {
		getId('upload_image').innerHTML=data;
	}
	setShow('new_upload_image');
	return false;
}

function htResDummy(data){
	return false;
}

// -------------------------------------------------------------- //
// Page setListeners On load                                      //
//                                                                //
// -------------------------------------------------------------- //

function dispFilterLayer(e){
	switch(getStrId(e)){
	case 'mail':
	case 'update':
		dispUserLayer(300,180);
		try {
			removeListener(getId('userlayer'),'mousedown',dragStart,false);
			removeListener(getId('m_cancel'),'click',hideUserLayer,false);
			removeListener(getId('m_send'),'click',accessServer,false);
		}catch(e){ }
		var html  ="";
			html +="<br />　<u><strong>Nasca にメール</strong></u><br />";
			html +="<div id=\"userlayerd\">";
			html +="<div id=\"updatemsg\"></div>";
			html +="　何かあればお気軽にご意見を下さい☆<br />";
			html +="　<textarea class=\"mailbody\" id=\"_body\" rows=\"4\" cols=\"30\"></textarea><br />";
			html +="　<input type=\"button\" id=\"m_send\" class=\"editbtn\" value=\"　送信　\" />";
			html +="　<input type=\"button\" id=\"m_cancel\" class=\"editbtn\" value=\"キャンセル\" />";
			html +="</div>";
		getId('userlayer').innerHTML=html;
		addListener(getId('_body'),'focus',dispFocus,false);
		addListener(getId('m_cancel'),'click',hideUserLayer,false);
		addListener(getId('m_send'),'click',accessServer,false);
		getId('_body').focus();
		break;
	default:
	}
	return false;
}



function dispSetting(e){
	switch(getStrId(e)){
	case 'open_imagesetting':
		setHide('imageupload');
		setShow('imagesetting');
		removeListener(getId('open_imageupload'),'click',hideSetting,false);
		addListener(getId('open_imageupload'),'click',dispSetting,false);
		removeListener(getId('open_imagesetting'),'click',dispSetting,false);
		addListener(getId('open_imagesetting'),'click',hideSetting,false);
		break;
	case 'open_imageupload':
		setHide('imagesetting');
		setShow('imageupload');
		removeListener(getId('open_imagesetting'),'click',hideSetting,false);
		addListener(getId('open_imagesetting'),'click',dispSetting,false);
		removeListener(getId('open_imageupload'),'click',dispSetting,false);
		addListener(getId('open_imageupload'),'click',hideSetting,false);
		break;
	default:
	}
	return false;
}

function hideSetting(e){
	switch(getStrId(e)){
	case 'open_imagesetting':
		setHide('imagesetting');
		break;
	case 'open_imageupload':
		setHide('imageupload');
		break;
	default:
	}
	removeListener(getId(getStrId(e)),'click',hideSetting,false);
	addListener(getId(getStrId(e)),'click',dispSetting,false);
	return false;
}
function dispMouseover(e){
	var nodeId = getTargetNode(e).id;
	if(trim(getId('new_upload_image').src).indexOf("blank.gif")==-1){
		addListener(getId(nodeId),'mouseout',dispMouseout,false);
		getId(nodeId).style.backgroundColor = "#ffffaa";
	}
	return false;
}
function dispMouseout(e){
	var nodeId = getTargetNode(e).id;
	getId(nodeId).style.backgroundColor = "#ffffff";
	removeListener(getId((nodeId)),'mouseout',dispMouseout,false);
	return false;
}
function dispFocus(e){
	var nodeId = getStrId(e);
	addListener(getId(nodeId),'blur',dispBlur,false);
	getId(nodeId).style.backgroundColor = "#ffffaa";
	getId(nodeId).style.borderColor     = "#000000";
	return false;
}
function dispBlur(e){
	var nodeId = getTargetNode(e).id;
	getId(nodeId).style.backgroundColor="#ffffdd";
	getId(nodeId).style.borderColor="#cccccc";
	removeListener(getId((nodeId)),'blur',dispBlur,false);
	return false;
}

function setListeners(e){
	PreLoadingImg('./lib/gt.gif');
	PreLoadingImg('./lib/gt2.gif');
	addListener(getId('linkpopt'),'click',accessServer,false);
	addListener(getId('linklist'),'click',accessServer,false);
	addListener(getId('linkwhat'),'click',accessServer,false);
	addListener(getId('linkuseg'),'click',accessServer,false);
	addListener(getId('linkapig'),'click',accessServer,false);
	addListener(getId('pagefilter'),'click',hideUserLayer,false);
	addListener(getId('mail'),'click',dispFilterLayer,false);
	addListener(getId('open_imagesetting'),'click',dispSetting,false);
	addListener(getId('open_imageupload'),'click',dispSetting,false);
	addListener(getId('new_upload_image'),'click',dispBigImage,false);
	addListener(getId('chgimage'),'click',accessServer,false);
	addListener(getId('disp_attach'),'click',accessServer,false);
	addListener(getId('disp_attach'),'mouseover',dispMouseover,false);
	addListener(getId('photo_ins'),'click',accessServer,false);
//	htRequest('post','../rsc/linkid.php',htResDummy,'nam=Popt&sid=' + getEnc(getNavi()));
	htRequest('get','./id.php',htResDummy,'?nam=Popt&img=false&ref=' + getEnc(getNavi()));

	return false;
}




// -------------------------------------------------------------- //
// UserLayer                                                      //
//                                                                //
// -------------------------------------------------------------- //
function dispOpenWindow(targetlink){
	alert(targetlink);
	var openwin = window.open('',targetlink);
		openwin.focus();
	return false;
}

function dispUserLayer(intWidth,intHeight){
	setDisabled("site");
	var pPos       = getElemPos(getId("pageEnd"));
	var pPosX      = pPos.x + 23 ;
	var pPosY      = pPos.y + 24 ;
	getId("pagefilter").style.width = pPosX + "px";
	getId("pagefilter").style.height= pPosY + "px";
	setVisible("pagefilter");
	var offSet     = getPageCenterSize();
	var offSetX    = offSet.x - parseInt(intWidth/2)  ;
	var offSetY    = offSet.y - parseInt(intHeight/2) ;
	if(offSetX<0) { offSetX = 0;}
	if(offSetY<0) { offSetY = 0;}
	getId("userlayer").style.width  = intWidth + "px";
	getId("userlayer").style.height = intHeight + "px";
	getId("userlayer").style.left   = offSetX + "px";
	getId("userlayer").style.top    = offSetY + "px";
	setVisible("userlayer");
	return false;
}

function hideUserLayer(e){
	getId("userlayer").innerHTML  ="";
	setHidden("pagefilter");
	getId("pagefilter").width     = 0;
	getId("pagefilter").height    = 0;
	setHidden("userlayer");
	getId("userlayer").width      = 0;
	getId("userlayer").height     = 0;
	getId("userlayer").style.left = 0;
	getId("userlayer").style.top  = 0;
	setEnabled("site")
	return false;
}

function documentRefresh(e){
	location.reload(true);
	return false;
}