// IE6バグ用にポップアップのチェックボックスにチェックが入っているものを保存する
// (『追加・変更する』ボタンでポップアップを閉じたときはcheckedを残す)

var checkArray = new Array();



// 初期化
function init() {
	
	// 『さらに絞り込む』の追加
	var detailButton = document.searchForm["detailButton"];
	if(detailButton != null && detailButton.value == "1"){ 
		var more_text = '<p class="more"><img id="more_syokusyu" class="pointer" src="/kensaku/imgs/btn_search_more_off.gif" alt="さらに絞り込む" width="107" height="22" /></p>';
		$$(".inContent").each(function(obj) {
			new Insertion.After(obj,more_text);
		});

		// 『さらに絞り込む』の処理
		Event.observe("more_syokusyu","click",more_syokusyu);
	}

	// 『さらに絞り込む』検索条件テーブル表示判定
	checkMoreSyokusyu();
	
	if (detailButton == null || detailButton.value != "1") {
		return;
	}

	// 職種・業界・勤務地のポップアップのクリックイベント登録-----------------
	$$(".show_popup_syokusyu").each(function(obj) {
		Event.observe(obj,"click",show_popup_syokusyu);
	});

	// 閉じるボタン
	$$(".small_close_button").each(function(obj) {
		Event.observe(obj,"click",small_close_button);
	});
	// 追加・変更するボタン
	$$(".change_conditions").each(function(obj) {
		Event.observe(obj,"click",change_conditions);
		Event.observe(obj,"click",searchKyujinCnt);
	});
	
	// 職種別ポップアップの小カテゴリ
	Element.setStyle($("secondContent"),{
		'display':'none'
	});
	Element.setStyle($("popup_syokusyu_bottom"),{
		'display':'none'
	});
	
	// IE6バグ対策のiframeを最初に非表示にする
	$$("div.parent_iframe").each(function(obj) {
		Element.setStyle(obj,{
			"position":"relative"
		});
	});
	$$("iframe.coverIframe").each(function(obj) {
		Element.setStyle(obj,{
			"display":"none",
			"position":"absolute"
		});
	});
	//---------------------------------------------------------------------------//
	
}


// 『さらに絞り込む』の処理 ---------------------------------------------

function more_syokusyu(event) {
	Element.setStyle($("detailSyokusyu"),{
		'display':'block'
	});
	var elm = Event.element(event);
	var pElm = elm.parentNode;
	Element.setStyle(pElm,{
		'display':'none'
	});
	Element.setStyle($("result_more_syokusyu"),{
		'display':'none'
	});
	Event.observe("close_more_syokusyu","click",close_more_syokusyu);
}




function more_gyoukai(event) {
	Element.setStyle($("detailGyoukai"),{
		'display':'block'
	});
	var elm = Event.element(event);
	var pElm = elm.parentNode;
	Element.setStyle(pElm,{
		'display':'none'
	});
	Element.setStyle($("result_more_gyoukai"),{
		'display':'none'
	});
	Event.observe("close_more_gyoukai","click",close_more_gyoukai);
}

function close_more_gyoukai(event) {
	Element.setStyle($("detailGyoukai"),{
		'display':'none'
	});
	Element.setStyle($("result_more_gyoukai"),{
		'display':'block'
	});
	Element.setStyle($('more_gyoukai').parentNode,{
		'display':'block'
	});
	Event.stopObserving('close_more_gyoukai','click',close_more_gyoukai);
}


// -------------------------------------------------------------------------------------//


// -----------------------------------------------------------------------------

function close_popup() {
	Element.setStyle($("secondContent"),{
		'display':'none'
	});
	Element.setStyle($("popup_syokusyu_bottom"),{
		'display':'none'
	});
	
	var input = $$("#parentSyokusyuAll input");
	var label = $$("#parentSyokusyuAll label");
	input.each(function(obj) {
		Event.stopObserving(obj,"click",open_secondContent);
		Element.remove(obj);
	});
	label.each(function(obj) {
		Element.remove(obj);
	});
	
	var childLists = $("syokusyuList").childNodes;
	if (childLists !== null) {
		while (childLists.length > 0) {
			for (var i=0; i < childLists.length; i++) {
				//alert(childLists[i].id);
				if (childLists[i] !== null) {
					Element.remove(childLists[i]);
				}
			}
		}
	}
	
	$$("div.popup").each(function(obj) {
		Element.setStyle(obj,{
			'display':'none'
		});
	});
}

function show_iframe() {
	$$("iframe.coverIframe").each(function(obj) {
		Element.setStyle(obj,{
			"display":"inline",
			"height":"25px",
			"top":"-1px",
			"left":"-1px"
		});
	});
}

function close_iframe() {
	$$("iframe.coverIframe").each(function(obj) {
		Element.setStyle(obj,{
			"display":"none"
		});
	});
}

// ---------------------------------------------------------------------------//



// ------------------------------------------------------------------------------------
// 『○○の職種すべてから探す』のチェックボックスのイベント関数
function syokusyuCheckAll(event) {
	var parentElm = Event.element(event);
	var className = (parentElm.id).toString();
	className = className.substring(0,(className.length - 3));
	if (parentElm.checked) {
		Form.getElements('searchForm').each(function(obj) {
			if (Element.hasClassName(obj,className)) {
				obj.checked = true;
			}
		});
	} else {
		Form.getElements('searchForm').each(function(obj) {
			if (Element.hasClassName(obj,className)) {
				obj.checked = false;
			}
		});
	}
}


// 職種の小カテゴリを表示するイベントハンドラ

function open_secondContent(event) {
	var selectedCategory = Event.element(event);
	var listName = (selectedCategory.id).toString().substring(6);
	var listText;
	listText = selectedCategory.text;
	if (listText == null) {
		listText = selectedCategory.innerText;
	}
	//alert("listName => " + listName + "\nlistText => " + listText);
	Element.setStyle($("secondContent"),{
		'display':'block'
	});
	
	// 『○○の職種すべてから探す』のチェックボックスを追加
	
	var array_key = 'syokusyu_' + listName;
	
	var checkAllElm;
	checkAllElm  = '<input type="checkbox" name="syokushu_' + listName + 'All" id="syokusyu_' + listName + 'All" class="syokusyu_' + listName + '" value="99"';
	if (checkArray['syokusyu']) {
		if (checkArray['syokusyu'][array_key]) {
			if (checkArray['syokusyu'][array_key][0]) {
				checkAllElm += ' checked';
			}
		}
	}
	checkAllElm += ' />';
	checkAllElm += '<label for="syokusyu_' + listName + 'All">' + listText + 'の職種すべてから探す</label>';
	
	var childNodes  = $("parentSyokusyuAll").childNodes;
	if (childNodes !== null) {
		for (var i=0; i < childNodes.length; i++) {
			if (childNodes[i] !== null) {
				Element.remove(childNodes[i]);
			}
		}
	}
	var lastChild = $("parentSyokusyuAll").lastChild;
	if (lastChild !== null) {
		Element.remove(lastChild);
	}
	new Insertion.Top("parentSyokusyuAll",checkAllElm);
	
	// 『○○の職種すべてから探す』のチェックボックスに、クリックイベントを追加する
	Event.observe($("parentSyokusyuAll").firstChild,"click",syokusyuCheckAll);
	
	
	
	// 職種リストのチェックボックスを追加
	var addLists = '';
	for (var k = 1; k < 8; k++) {
		addLists += '<li><input type="checkbox" name="syokusyu_' + listName + '_list" id="syokusyu_'+ listName +  k + '" class="syokusyu_' + listName + '" value="' + k + '"';
		if (checkArray['syokusyu']) {
			if (checkArray['syokusyu'][array_key]) {
				if (checkArray['syokusyu'][array_key][k]) {
					addLists += ' checked';
				}
			}
		}
		addLists += ' />';
		addLists += '<label for="syokusyu_' + listName + k + '">' + listText + k + '</label></li>';
	}
	
	var childLists = $("syokusyuList").childNodes;
	
	var oldLists = $("syokusyuList").childNodes;
	if (oldLists !== null) {
		while(oldLists.length > 0) {
			for (var l = 0; l < oldLists.length; l++) {
				if (oldLists[l] !== null) {
					Element.remove(oldLists[l]);
				}
			}
		}
	}
	new Insertion.Top("syokusyuList",addLists);
	
	
	var listNodes = $("syokusyuList").childNodes;
	for (var r = 0; r < listNodes.length; r++) {
		if (listNodes[r].firstChild !== null) {
			Event.observe(listNodes[r].firstChild,"click",function(event){
				if (!Event.element(event).checked) {
					$("parentSyokusyuAll").firstChild.checked = false;
				}
			});
		}
	}
	
	// 『選択した条件をクリア』
	Event.observe("popup_syokusyu_reset","click",function() {
		// 『○○の職種すべてから探す』のチェックボックスのチェックをはずす
		$("parentSyokusyuAll").firstChild.checked = false;
		// 小カテゴリのリスト全てのチェックをはずす
		for (var s = 0; s < $("syokusyuList").childNodes.length; s++) {
			if ($("syokusyuList").childNodes[s].firstChild !== null) {
				$("syokusyuList").childNodes[s].firstChild.checked = false;
			}
		}
	});
	
	Element.setStyle($("popup_syokusyu_bottom"),{
		
		'display':'block'
	});
	
	Event.stop(event);
}


// --------------------------------------------------------------------------------------------------
// ポップアップ関連 -------------------------------------------------------------------

// 職種ポップアップを表示
function show_popup_syokusyu(event) {
	
	Event.stopObserving('close_more_syokusyu','click',close_more_syokusyu);
	Element.removeClassName($("close_more_syokusyu"),'pointer');
	
	close_iframe();
	close_popup();
	show_iframe();
	
	// 職種の小カテゴリを表示する
	var li = $("syokusyuCategory").childNodes;
	for (var a = 0; a < li.length; a++) {
		if (li[a].firstChild !== null) {
			Event.observe(li[a].firstChild,"click",open_secondContent);
		}
	}
	
	var pNode = $("parent_popup");
	pNode.appendChild($("popup_syokusyu"));
	
	Element.setStyle($("popup_syokusyu"),{
		'background-color':'#ffffff',
		'position':'absolute',
		'display':'block'
	});
	
	var divHeight = Element.getHeight($("popup_syokusyu"));
	Element.setStyle($("popup_syokusyu"),{
		'left':'180px',
		'top':'-' + (divHeight) + 'px'
	});
	
	if (checkArray['syokusyu']) {
		var elements = new Array();
		Form.getElements('searchForm').each(function(obj) {
			if (Element.hasClassName(obj,'syokusyu')) {
				elements.push(obj);
			}
		});
		for (var i=0; i < elements.length; i++) {
			if (checkArray['syokusyu'][i]) {
				elements[i].checked = true;
			}
		}
	}
}
// 業界ポップアップを表示
function show_popup_gyoukai(event) {
	
	Event.stopObserving('close_more_syokusyu','click',close_more_syokusyu);
	Element.removeClassName($("close_more_syokusyu"),'pointer');
	
	close_iframe();
	close_popup();
	show_iframe();
	
	// 『選択した条件をクリア』
	Event.observe("popup_gyoukai_reset","click",popup_gyoukai_reset);
	
	var pNode = $("parent_popup");
	pNode.appendChild($("popup_gyoukai"));
	
	Element.setStyle($("popup_gyoukai"),{
		'background-color':'#ffffff',
		'position':'absolute',
		'display':'block'
	});
	
	var divHeight = Element.getHeight($("popup_gyoukai"));
	Element.setStyle($("popup_gyoukai"),{
		'left':'180px',
		'top':'-' + (divHeight) + 'px'
	});
	
	if (checkArray['gyoukai']) {
		var elements = new Array();
		Form.getElements('searchForm').each(function(obj) {
			if (Element.hasClassName(obj,'gyoukai')) {
				elements.push(obj);
			}
		});
		for (var i=0; i < elements.length; i++) {
			if (checkArray['gyoukai'][i]) {
				elements[i].checked = true;
			}
		}
	}
}

// ------------------------------------------------------------//



// 『選択した条件をクリア』---------------------------------

function popup_gyoukai_reset(event) {
	$A(document.searchForm.gyoukai).each(function(elm) {
		elm.checked = false;
	});
	return false;
}


// --------------------------------------------------------//