var width;
var height;


$(document).ready(function() {
	$("#murayama").hover(
		   function(){
				hover("murayama");
		   },
		   function(){
				unhover("murayama");
		   }
		);
	$("#shonai").hover(
		   function(){
				hover("shonai");
		   },
		   function(){
				unhover("shonai");
		   }
		);
	$("#mogami").hover(
		   function(){
				hover("mogami");
		   },
		   function(){
				unhover("mogami");
		   }
		);
	$("#okitama").hover(
		   function(){
				hover("okitama");
		   },
		   function(){
				unhover("okitama");
		   }
		);
	$("#murayama_butt").hover(
		   function(){
				hover("murayama");
		   },
		   function(){
				unhover("murayama");
		   }
		);
	$("#shonai_butt").hover(
		   function(){
				hover("shonai");
		   },
		   function(){
				unhover("shonai");
		   }
		);
	$("#mogami_butt").hover(
		   function(){
				hover("mogami");
		   },
		   function(){
				unhover("mogami");
		   }
		);
	$("#okitama_butt").hover(
		   function(){
				hover("okitama");
		   },
		   function(){
				unhover("okitama");
		   }
		);
	$("#kengai_butt").hover(
		   function(){
				hover("kengai");
		   },
		   function(){
				unhover("kengai");
		   }
		);
	$("#rirekilink").hover(
		function(){
			$("#rirekiimg").attr("src", "/images/rirekibutton_on.jpg");
		},
		function(){
			$("#rirekiimg").attr("src", "/images/rirekibutton.jpg");
		}
	);
	$("#tenshokulink").hover(
		function(){
			$("#tenshokuimg").attr("src", "/images/tenshokubutton_on.jpg");
		},
		function(){
			$("#tenshokuimg").attr("src", "/images/tenshokubutton.jpg");
		}
	);
	$("#murayama").click(function(){
		selectArea(1);
					 });
	$("#okitama").click(function(){
		selectArea(2);
					 });
	$("#shonai").click(function(){
		selectArea(3);
					 });
	$("#mogami").click(function(){
		selectArea(4);
					 });
	$("#kengai").click(function(){
		selectArea(5);
					 });
	$("#murayama_butt").click(function(){
		selectArea(1);
					 });
	$("#okitama_butt").click(function(){
		selectArea(2);
					 });
	$("#shonai_butt").click(function(){
		selectArea(3);
					 });
	$("#mogami_butt").click(function(){
		selectArea(4);
					 });
	$("#kengai_butt").click(function(){
		selectArea(5);
					 });
	$("#displayresults").click(function(){
		document.location.href='#results'; 
						   });
	$("#displayMail").toggle(function(){
		$("#mailme").slideDown("slow");	
						 },function(){
		$("#mailme").slideUp("slow");	
						 });
	fillMailme(0,0,0);
});

function resetMailmeArea(id){
	$("#mailme").slideUp("fast",function(){
		$("#mailme").load("ajax.php?function=getMailStuff&area_id=0&job_type_id=0&job_industry_id=0","",function(){
			$("#mailme").slideDown("fast");
			   /// clear out that last mailmagazine NO - insecure CANCEL
				//$.post("ajax.php",{"function":"deleteMailmagazine",mailmagazine_id:id});
					  });
					 });
}
function hover(area){
	$("#map").attr("src", "/images/" + area + "_hover.jpg");
	$("#" + area + "_butt").css("background-image","url(/images/" + area + "_on.jpg)");
}
function unhover(area){
	$("#map").attr("src","/images/map.jpg");
	$("#" + area + "_butt").css("background-image","url(/images/" + area + "_off.jpg)");
}

function loading(){
	$("#yamagata").slideUp("fast");
	$("#loading").css("display","block");
}
function notLoading(){
	$("#loading").css("display","none");
	$("#yamagata").slideDown("fast");
}
function selectArea(area_id){
	hideButtons(area_id);
}
function hideButtons(area_id){
	loading();
	$("#murayama_butt").slideUp("fast",function(){
		$("#okitama_butt").slideUp("fast",function(){
			$("#shonai_butt").slideUp("fast",function(){
				$("#mogami_butt").slideUp("fast",function(){
					$("#kengai_butt").slideUp("fast",function(){
						showJobType(area_id);
						fillMailme(area_id,0,0);
										  });
									  });
								  });
							   });
							});
}


function showJobType(area_id){
	$("#backtobox").css("display","none");
	$("#jobtypebox").load("ajax.php?function=getJobTypes&area_id=" + area_id,"",function(){
		$("#jobtypebox").fadeTo(0,0.0,function(){
			$("#jobtypebox").css("display","block");
							});
		$("#koyou_header").css("display","block");
		$("#jobtypebox").fadeTo(200,1.0,function(){
			showIntermediateList(area_id,0);
			notLoading();
							});
						});
}

function restoreKoyou(area_id){
     loading();
     $("#industry_header").css("display","none");

     $("#jobindustrybox").slideUp("fast",function(){
	  $("#maparea").slideDown("fast",function(){
	       showJobType(area_id);
		showIntermediateList(area_id,0);
		notLoading();
			document.location.href='#top';
	});
     });
}

function selectIndustry(area_id,job_type_id){
	loading();
	$("#jobtypebox").slideUp("fast",function(){
		$("#maparea").slideUp("fast",function(){
		$("#jobindustrybox").load("ajax.php?function=getJobIndustries&area_id=" + area_id + "&job_type_id=" + job_type_id,"",function(){
			$("#jobindustrybox").fadeTo(0,0.0,function(){
				$("#jobindustrybox").css("display","block");
									});	
				$("#backtobox").css("display","none");
			$("#koyou_header").css("display","none");
			$("#industry_header").css("display","block");
				$("#jobindustrybox").fadeTo(200,1.0,function(){
					showIntermediateList(area_id,job_type_id);
					fillMailme(area_id,job_type_id,0);
					notLoading();
					document.location.href='#top';
										});
						  });
		});
	});
}

function showList(area_id,job_type_id,job_industry_id){
	loading();
	$("#jobindustrybox").slideUp("fast");
	$("#chumoku").slideUp("fast");
	$("#industry_header").css("display","none");
	$("#joblist").load("ajax.php?function=showList&area_id=" + area_id + "&job_type_id=" + job_type_id + "&job_industry_id=" + job_industry_id,"",function(){
		$("#backtobox").load("ajax.php?function=getBackToBox&area_id=" + area_id + "&job_type_id=" + job_type_id + "&job_industry_id=" + job_industry_id,"",function(){
			$("#list").css("display","block");
			$("#backtobox").css("display","block");
			document.location.href='#results';
			fillMailme(area_id,job_type_id,job_industry_id);
			notLoading();
				});
		   });
}

function showIntermediateList(area_id,job_type_id){
	loading();
	$("#chumoku").slideUp("fast");
	$("#joblist").load("ajax.php?function=showList&area_id=" + area_id + "&job_type_id=" + job_type_id,"",function(){
		$("#list").css("display","block");
		notLoading();
		$("#displayresults").slideDown("slow");
	});
}

function restoreJobIndustry(){
	loading();
	$("#list").slideUp("slow",function(){
		$("#job_industry_reduced").slideUp("slow",function(){
			$("#job_industry").slideDown("slow",function(){
				notLoading();
				$("#chumoku").load("ajax.php?function=getFeatured","",function(){
					$("#list").slideUp("fast",function(){
						$("#chumoku").slideDown("fast");
								   });
							   });
	    	 });
		});
	});
}


function fillMailme(area_id,job_type_id,job_industry_id){
	$("#mailme").load("ajax.php?function=getMailStuff&area_id=" + area_id + "&job_type_id=" + job_type_id + "&job_industry_id=" + job_industry_id);
}



function confirmForm(id){
	var retval = "ajax.php?function=confirmMailmagazine&mailmagazine_id=" + id;
	$.post("ajax.php",{"function":"confirmMailmagazine",mailmagazine_id:id}, confirmed);
	return false;
}

function confirmed(){
	alert("確認メールを送信しました。");
	$("#mailme").slideUp("slow");
	return false;
}
function submitForm(){
	var retval="ajax.php?function=insertMailmagazine";
	var error = "";
	retval += "&area_ids=";
	var ars = "";
	$("input[name='areas']:checked").each(function() {
		ars += "_" + $(this).val();
     });
	if (ars.length < 1){
		error += "勤務地を選択して下さい。";
	}
	retval += "&job_types_id=";
	var jbs = "";
	$("input[name='job_types']:checked").each(function() {
		jbs += "_" + $(this).val();
     });
	if (jbs.length < 1){
		error += "雇用形態を選択して下さい。";
	}
	retval += "&job_industry_ids=";
	var jis = "";
	$("input[name='job_industries']:checked").each(function() {
		jis += "_" + $(this).val();
     });
	if (jis.length < 1){
		error += "職種を選択して下さい。";
	}
	var email= $("#emailaddress").val();
	if (!echeck(email)){
		error += "メールアドレスを確認して下さい。";
	}
	var period = $("#period").val();
	if (error.length > 0){
		alert(error);
		return false;
	}
	$.post("ajax.php",{"function":"insertMailmagazine",area_ids:ars,job_type_ids:jbs,job_industry_ids:jis,"email":email,"period":period}, formback);
	return false;
}



/**
 * DHTML email validation script. Courtesy of SmartWebby.com (http://www.smartwebby.com/dhtml/)
 */

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    return false
		 }

 		 return true					
	}




function formback(retval){
	// we get id of mailmagazine back.
	// load in confirm screen
	$("#mailme").load("ajax.php?function=getMailConfirmationStuff&mailmagazine_id=" + retval,"",function(){
		document.location.href='#mailbannertop';
				  });
	return false;
}

