//文字コードはEUCで保存すること
jQuery.noConflict();

jQuery(function($) {

	//ツールチップ
	$(".hintimg").tipsy({
		gravity: 'w',
		fade: true
	});
	
	//大区分ソート設定
	$('#sorttargetD').sortable({
		connectWith: ['#dtrush'],
		items:"tr[id^='trDnD']" ,
		cursor: 'pointer' ,
		helper: 'clone' ,
		opacity: 0.6 ,
		placeholder: 'dplaceholder',
		revert: true,
		update: function(ev, ui) { 
			//大区分ソータブル要素の更新
			RefreshSortD(ui.item.get(0), ui.item.parent().get(0).id);
			dspUpdmsg();
			$(this).sortable("refresh");
		}
	});
	$('#sorttargetD').sortable("disable");
	
	//小区分ソート設定
	$('#sorttargetS').sortable({
		connectWith: ['#strush'],
		items:"div[id^='shou']" ,
		cursor: 'pointer' ,
		helper: 'clone' ,
		opacity: 0.6 ,
		placeholder: 'splaceholder',
		revert: true,
		update: function(ev, ui) { 
			if (ui.item.parent().get(0).id === "sorttargetS") {
				//枠外にドラッグされた場合、新規項目は削除
				$("#sorttargetS").find(".sitemadd").remove();
			}else {
				//小区分の追加、ソータブル要素の更新
				RefreshSortS(ui.item.get(0), ui.item.parent().get(0).id);
				dspUpdmsg();
				$(this).sortable("refresh");
				var j = 0;
				var sArray = $(this).sortable("toArray");
			}
		}
	});
	$('#sorttargetS').sortable("enable");
	
	//小区分ドラッグ後の処理
	function RefreshSortS(element, parentid) {
	
		var parid = parentid.substring(7, parentid.length);
		var elname = element.firstChild.innerHTML;
		//ドラッグ対象が新規項目の場合
		if (element.id == "shouAdd") {
		
			var idmax = eval(document.frm.hdnIdMax.value) + 1;
			element.id = "shou"+idmax;
			element.className = "sitem";
			
			var sHTML =  '<div class="sKubunName">';
			sHTML += '<span id="dspName'+idmax+'" onClick="dspTxtbox(\''+idmax+'\');">'+elname+'</span>';
			sHTML += '<input id="txtbox'+idmax+'" type="text" class="hdntxtbox" size="14" name="hdnSName[]" value="'+elname+'" onChange="dspUpdmsg();">';
			sHTML +=  '</div><span class="zeiCheck">';
			sHTML += '<input type="checkbox" name="chkzei[]" value="0" onClick="dspZeimsg(\''+idmax+'\');">';
			sHTML += '<span id="lblzei'+idmax+'" class="zeihdn">税抜入力</span>';
			sHTML += '<input id="sSeqval'+idmax+'" type="hidden" size="4" name="hdnSSeq[]" value="'+idmax+'">';
			sHTML += '<input id="sPareval'+idmax+'" type="hidden" size="4" name="hdnSPare[]" value="'+parid+'">';
			sHTML += '<input id="sRankval'+idmax+'" type="hidden" size="4" name="hdnSRank[]" value="">';
			sHTML += '<input id="zeival'+idmax+'" type="hidden" size="4" name="hdnSZei[]" value="0"></span>';
			
			element.innerHTML = sHTML;
			
			document.frm.hdnIdMax.value = idmax;
		}else if(parid !== null){
			//ドラッグ対象が項目変更の場合
			var elid = element.id.substring(4, element.id.length);
			document.getElementById("sPareval"+elid).value = parid;
		}
		
		//表示順更新
		var lng = $('.sitem').length;
		var objRank = $('.sitem');
		var strid = "";
		for(j=0;j<lng;j++){
			strid = objRank[j].id.substring(4, objRank[j].id.length);
			document.getElementsByName("hdnSRank[]").item(j).value = j + 1;
		}
		
	}

	//ゴミ箱ソート設定
	$('#strush').sortable({
		cursor: 'pointer' ,
		helper: 'clone' ,
		opacity: 0.6 ,
		revert: false,
		update: function(ev, ui) { 
			//削除前の確認処理
			if(confirm("項目を削除すると、これまで入力した入金データも削除されます。\n本当に削除してもよろしいですか？")){
				//削除処理
//				$("#dtrush").find("tr[id^='trDnD']").remove();
				$("#strush").find(".sitem").remove();
			}else{
				//キャンセル処理
				$(ui.sender).sortable('cancel');
				if (ui.sender.get(0).id === "sorttargetD") {
					RefreshSortD(ui.item.get(0), ui.item.parent().get(0).id);
				}else if (ui.sender.get(0).id === "sitemTD") {
					RefreshSortS(ui.item.get(0), ui.item.parent().get(0).id);
				}
				$(ui.sender).sortable("refresh");
			}
		}
	});
	
	$('#dtrush').sortable({
		cursor: 'pointer' ,
		helper: 'clone' ,
		opacity: 0.6 ,
		revert: false,
		update: function(ev, ui) { 
			//削除前の確認処理
			if(confirm("項目を削除すると、これまで入力した入金データも削除されます。\n本当に削除してもよろしいですか？")){
				//削除処理
				$("#dtrush").find(".dtr").remove();
//				$("#strush").find(".sitem").remove();
			}else{
				//キャンセル処理
				$(ui.sender).sortable('cancel');
				if (ui.sender.get(0).id === "sorttargetD") {
					RefreshSortD(ui.item.get(0), ui.item.parent().get(0).id);
				}else if (ui.sender.get(0).id === "sitemTD") {
					RefreshSortS(ui.item.get(0), ui.item.parent().get(0).id);
				}
				$(ui.sender).sortable("refresh");
			}
		}
	});


	//ゴミ箱ドロップ設定
	$("#ddrop").droppable({
		accept: ".ditemadd , .dtr",
		tolerance: "fit",
		hoverClass: "trushover",
		drop: function(ev, ui) {

			ui.draggable.appendTo("#ddrop").fadeOut("slow", function() {
//				$("#sdrop").find(".sitemadd").remove();
				$("#ddrop").find(".ditemadd").remove();
			});
		}
	});
	$("#sdrop").droppable({
		accept: ".sitemadd",
		tolerance: "fit",
		hoverClass: "trushover",
		drop: function(ev, ui) {

			ui.draggable.appendTo("#sdrop").fadeOut("slow", function() {
				$("#sdrop").find(".sitemadd").remove();
//				$("#ddrop").find(".ditemadd").remove();
			});
		}
	});


	//大区分ドラッグ設定
	$(".itemTR").droppable({
		accept: ".ditemadd",
		tolerance: "pointer",
		hoverClass: "ditemover",
		drop: function(ev, ui) {
			var dropObj = ui.draggable.get(0);
			var parentid = this.id
			//大区分の追加
			insertTR(dropObj, parentid);
			RefreshSortD(ui.draggable.get(0), this.id);
			dspUpdmsg();
		}
	});

	//大区分項目追加処理
	function insertTR(ditem, parentid) {
		var parid = parentid.substring(6, parentid.length);	//大区分の親SEQ
		var tbody = document.getElementById("tbody"+parid);	//挿入先オブジェクト
		var dname = ditem.innerHTML;						//大区分名称

		//ドラッグ対象が新規項目の場合
		if (ditem.id == "daiAdd") {
			var idmax = eval(document.frm.hdnIdMax.value) + 1;
			var addtr = createAddTR(dname, idmax, parid)
			tbody.insertBefore( addtr, tbody.firstChild );
			document.frm.hdnIdMax.value = idmax;
		}
	}

	//大区分ドロップ・ソート後の処理
	function RefreshSortD(element, parentid) {
		var parid = parentid.substring(5, parentid.length);
		var elid = element.id.substring(5, element.id.length);
		var lng = document.getElementsByName("hdnDRank[]").length;
		var objRank = $('.ditem');
		if (element.id !== "daiAdd") {
			document.getElementById("dPareval"+elid).value = parid;
		}
		
		for(j=0;j<lng;j++){
			document.getElementsByName("hdnDRank[]")[j].value = j + 2;
		}
	}

	$("#mode").change(function(){
		var val = dspToolbox();
		if (val == 1){
			$('#sorttargetS').sortable("disable");
			$('#sorttargetD').sortable("enable");
			$('.ditem').css({'background-color' : '#DCFFDC', 'border' : '2px green solid'});
			$('.sitem').css({'background-color' : '#F7F7F7', 'border' : '2px #303030 solid'});
			
		} else if(val == 2) {
			$('#sorttargetD').sortable("disable");
			$('#sorttargetS').sortable("enable");
			$('.ditem').css({'background-color' : '#F7F7F7', 'border' : '2px #303030 solid'});
			$('.sitem').css({'background-color' : '#DCDCFF', 'border' : '2px blue solid'});
		}
	});

	//大区分・小区分編集モード切替
	$("#dadd").click(function(){
		var dboxObj = document.getElementById("daibox");
		if (dboxObj.getElementsByTagName("div").length < 12) {
			if (document.frm.txtAddDai.value.length > 0) {
				var element = document.createElement('div'); 
				element.id = "daiAdd";
				element.innerHTML = document.frm.txtAddDai.value ;
				element.className = "ditemadd"; 
				var eletext = document.createElement('input');
				eletext.type = "hidden";
				eletext.name = "eletext";
				eletext.value = document.frm.txtAddDai.value;
					
				var objDiv = document.getElementById("daibox").appendChild(element); 
				apply_dragD(objDiv);
			}
		}
		return false;
	});

	//小区分ドラッグ要素作成
	$("#sadd").click(function(){
		var sboxObj = document.getElementById("shoubox");
		if (sboxObj.getElementsByTagName("div").length < 24) {
			if (document.frm.txtAddShou.value.length > 0) {
				var element = document.createElement('div'); 
				element.id = "shouAdd";
				element.className = "sitemadd"; 
				var elchild = document.createElement('div');
				elchild.className = "sKubunName";
				elchild.innerHTML += document.frm.txtAddShou.value;
				element.appendChild(elchild);
		
				var objDiv = document.getElementById("shoubox").appendChild(element); 
				apply_dragS(objDiv);
			}
		}
		return true;
	});
	
	//大区分ドラッグ属性追加
	function apply_dragD(element) {
		$(element).draggable({
//			connectToSortable: '#sorttargetD',
			opacity: 0.8,
			cursor: 'pointer',
			helper: 'clone',
			revert: 'invalid'
		});
	}

	//小区分ドラッグ属性追加
	function apply_dragS(element) {
		$(element).draggable({
			connectToSortable: "#sorttargetS",
			opacity: 0.8,
			cursor: 'pointer' ,
			helper: 'clone',
			revert: 'invalid'
		});
	}
	
	function dspToolbox() {
		var daiObj = document.getElementById("daibox");
		var shouObj = document.getElementById("shoubox");
		var dTrushObj = document.getElementById("ddrop");
		var sTrushObj = document.getElementById("sdrop");
		var val = document.frm.mode.value;
		
		if (val==1) {
			daiObj.style.display = "block";
			dTrushObj.style.display = "block";
			shouObj.style.display = "none";
			sTrushObj.style.display = "none";
		}else if (val==2) {
			daiObj.style.display = "none";
			dTrushObj.style.display = "none";
			shouObj.style.display = "block";
			sTrushObj.style.display = "block";
		}
		return val;
	}

});

function createAddTR(dname, idmax, parid) {
		
		var addtr = document.createElement('tr');
		addtr.id = "trDnD"+idmax;

		var daddtd = document.createElement('td');
		daddtd.id = "tdd"+idmax;
		daddtd.className = "ditem";
		daddtd.style.border = '2px green solid';
		daddtd.style.background = '#DCFFDC';

//		$('.ditem').css({'background-color' : '#DCFFDC', 'border' : '2px green solid'});

		var dadddiv = document.createElement('div');
		dadddiv.id = "dDiv"+idmax;

		var daddname = document.createElement('span');
		daddname.id = "dspName"+idmax;
		daddname.innerHTML = dname;
		daddname.onclick = function(){dspTxtbox(idmax);};

		var daddinp = document.createElement('input');
		daddinp.id = "txtbox"+idmax;
		daddinp.type = "text";
		daddinp.className = "hdntxtbox";
		daddinp.size = 14;
		daddinp.name = "hdnDName[]";
		daddinp.value = dname;
		daddinp.onchange = function(){dspUpdmsg();};

		var hSeq = document.createElement('input');
		hSeq.id = "dSeqval"+idmax;
		hSeq.type = "hidden";
		hSeq.size = 4;
		hSeq.name = "hdnDSeq[]";
		hSeq.value = idmax;
		
		var hPer = document.createElement('input');
		hPer.id = "dPareval"+idmax;
		hPer.type = "hidden";
		hPer.size = 4;
		hPer.name = "hdnDPare[]";
		hPer.value = parid;
		
		var hRnk = document.createElement('input');
		hRnk.id = "dRankval"+idmax;
		hRnk.type = "hidden";
		hRnk.size = 4;
		hRnk.name = "hdnDRank[]";
		hRnk.value = "1";
		
		var saddtd = document.createElement('td');
		saddtd.id = "childTD"+idmax;
		saddtd.className = "sitemTD";

		var sadddmy = document.createElement('div');
		sadddmy.id = "shoudummy";
		sadddmy.className = "sitemcl";
		
		dadddiv.appendChild(daddname);
		dadddiv.appendChild(daddinp);
		daddtd.appendChild(dadddiv);
		daddtd.appendChild(hSeq);
		daddtd.appendChild(hPer);
		daddtd.appendChild(hRnk);
		saddtd.appendChild(sadddmy);
		addtr.appendChild(daddtd);
		addtr.appendChild(saddtd);
		
	return (addtr);
}

function dspUpdmsg() {
	document.getElementById("updmsg").innerHTML = "※区分が変更されています。変更後は「項目データ確定」を押してください。";
	document.getElementById("updmsg").style.display = "inline";
}

function dspSendmsg() {
	document.getElementById("updmsg").innerHTML = "※更新中です。";
	document.getElementById("updmsg").style.display = "inline";
}

function dspFinishmsg() {
	document.getElementById("updmsg").innerHTML = "※更新が完了しました。";
	document.getElementById("updmsg").style.display = "inline";
}

function dspTxtbox(spanid) {
	var spnObj = document.getElementById("dspName"+spanid);
	var frmObj = document.getElementById("txtbox"+spanid);
	
	spnObj.style.display = "none";
	frmObj.style.display = "inline";
}

function dspZeimsg(chkid) {

	var lblObj = document.getElementById("lblzei"+chkid);
	
	if (lblObj.className == "zeidsp") {
		lblObj.className = "zeihdn";
		document.getElementById("zeival"+chkid).value = 0;
	}else{
		lblObj.className = "zeidsp";
		document.getElementById("zeival"+chkid).value = 1;
	}
}

var SFlg = false;					//サブミットフラグを定義
function DoubleSubmit(){			//ダブルサブミットチェック関数
	if (SFlg){						//ダブルサブミットの場合
		alert("応答中です");		//メッセージを出力
		return false;
	}
	SFlg = true;					//サブミットフラグを設定
	return true;					//戻り値を設定
}

function inputChk() {
	var buffObj ="";

	if (DoubleSubmit()) {

		for(i=0; i<document.getElementsByName("hdnSName[]").length; i++){ 
			buffObj = document.getElementsByName("hdnSName[]")[i];
			//空白チェック
			if (buffObj.value.length < 1){
				alert("項目名を入力してください");
				buffObj.style.backgroudcolor = "#FF6633";
				buffObj.focus;
				SFlg = false; //ダブルサブミットフラグをリセット
				return false;
			}
			//字数チェック
			if (buffObj.value.length > 8){
				alert("項目名は８文字以内で入力してください");
				buffObj.focus;
				SFlg = false; //ダブルサブミットフラグをリセット
				return false;
			}
			
			//特殊文字チェック
			if (buffObj.value.match(/[\&\;\`\'\\\\"\|\*\?\~\<\>\^\(\)\{\}\$]/) != null ){
				alert("以下の特殊文字は使用できません\n【 &;`'\\\"|*?~<>^(){}$ 】");
				buffObj.focus;
				SFlg = false; //ダブルサブミットフラグをリセット
				return false;
			}
		}
		
		//submit
		 kubunSubmit();
	}
}

function kubunSubmit() {

//	alert("submitしたよ！");
		document.frm.action = "SIM0931.php";
		document.frm.method = "POST";
		document.frm.submit();
}