var maincity=[['华北-东北',['10','11','2704','2701','2801','3301']],['华东地区',['12','2101','2102','2201','3301','3101','2301','2601','2602']],['华南-华中',['2001','2002','2003','2501','2401','3701']],['西北-西南',['3501','3001','13','2901','4101','4401']]];
var allprov=[['华北-东北',['34','38','39','27','28','33']],['华东地区',['21','22','31','23','32','26']],['华南-华中',['20','40','36','37','25','24']],['西北-西南',['35','46','43','42','44','30','41','29','45']],['其它',['14','15','47','48']]];
var _mainid;	//主岗位 省
var _subid;		//子岗位 市
var _type;		//类型:zone job
var _Initilized = false;
$(document).ready(function() {
	if(_Initilized)
		return;
	_Initilized = true;
	$("body").append("<div id='fade' class='black_overlay'></div>");	//生成黑底
	$('.black_overlay').click(function(){
		$('.black_overlay').css('display','none');
		$('.white_content').css('display','none');
	});
	filloption("index_job", "index_sjob",'job', 0);
	$("#indexjob").click(function(ev){
		_mainid = "index_job";
		_subid = "index_sjob";
		_type = "job";
		ShowFacebox("#light_job", ev);
		
	});
});
//返回数据
function SetData(sid)
{
	selchange(_mainid, _subid, sid, _type);
}

//显示窗口
function ShowFacebox(layelid, ev){
	if(_z.length == 0)
		makeoptionsarray();
	$('div.black_overlay').css('display','block');
	$("div.black_overlay").height($("body").height());
	if(0 == $(layelid).length){
		if(layelid == "#light_area")
			buildAreaLayer();
		else if(layelid == "#light_job")
			buildJobLayer();
	}
	//设定LightBox高
	obj = $(layelid);
	obj.css('display','block');
	obj.height(obj.height() + 32);
	var bl = document.body.scrollLeft || document.documentElement.scrollLeft;
	var bw = document.body.clientWidth || document.documentElement.clientWidth;
	var ow = bl + (bw / 2 - obj.width() / 2);
	obj.css('top', ev.pageY);
	obj.css('left', ow);
}
//设定Obj 的点击位置
function SetMenuPos(obj, ev)
{
	var ex = ev.clientX;
	var ey = ev.clientY;
	var bl = document.body.scrollLeft || document.documentElement.scrollLeft;
	var bt = document.body.scrollTop || document.documentElement.scrollTop;
	var bw = document.body.clientWidth || document.documentElement.clientWidth;
	var bh = document.body.clientHeight || document.documentElement.clientHeight;
	var ow = obj.width();
	var oh = obj.height();
	var ol = ex + ow > bw ? ex + bl - ow : ex + bl;
	ol = Math.max( bl , ol );
	var ot = ey + oh > bh ? ey + bt - oh : ey + bt;
	ot = ot < bt ? bt + bh - oh : ot;
	ot = ot < bt ? bt : ot;
	obj.css({'left': ol + 'px','top': ot + 'px'});
}
//关闭市小窗
function isCloseCurSubLayerByTag() {
	if($('#fmenu').attr('menuhide') == 1){
		$("#fmenu").remove();
	}
}
//根据ID返回省市名字
function GetIdName(cid, at)
{
	var len = String(cid).length;
	var output = "";
	var tmp;
	if(at == "zone")
		tmp = _z;
	else
		tmp = _j;
	if(len == 2){
		$.each(tmp, function(key, prov){
			if(cid == prov[0]){
				output = prov[1];
				return;
			}
		});
	}else{
		var pid = parseInt(cid / 100);
		$.each(tmp, function(key, prov){
			if(pid == prov[0]){
				$.each(prov[2], function(key, city){
					if(cid == city[0]){
						output = city[1];
						return;
					}
				});
				return;
			}
		});
	}
	return output;
}
//生成地区窗口
function buildAreaLayer()
{
	$("body").append("<div id='light_area' class='white_content'></div>");
	$("#light_area").append("<div id='item_content'></div>");
	$("#item_content").append("<div id='area_title' class='title'><div class='title_more'><a href='JavaScript:void(0)' act='close'>[关闭]</a></div><h2>请选择地区</h2></div>"
		+ "<div class='title1'><h2>主要城市：</h2></div>");
	
	//主要城市开始
	var plen = maincity.length;
	for ( i = 0 ; i < plen ; i++ ) {
		tmp = maincity[i];
		$("#item_content").append("<div id='item" + i + "' class='list'></div>");
		$("#item" + i).append("<span class='item_title'>" + tmp[0] + "：</span>");
		$("#item" + i).append("<div class='item'><ul></ul></span>");
		var slen = tmp[1].length;
		for(var k = 0; k < slen; k++){
			$("#item" + i + " ul").append("<li itemid='" + tmp[1][k] + "'>" + GetIdName(tmp[1][k], 'zone') + "</li>");
		}
	}
	//主要城市结束
	
	$("#item_content").append("<div class='list'><div class='title1'><h2>主要省份：</h2></div></div>");
	//主要省份开始
	var plen = allprov.length;
	for ( i = 0 ; i < plen ; i++ ) {
		tmp = allprov[i];
		$("#item_content").append("<div id='items" + i + "' class='list'></div>");
		$("#items" + i).append("<span class='item_title'>" + tmp[0] + "：</span>");
		$("#items" + i).append("<div class='items'><ul></ul></span>");
		var slen = tmp[1].length;
		for(var k = 0; k < slen; k++){
			if ( plen - 1 == i )
				$("#items" + i + " ul").append("<li itemid='" + tmp[1][k] + "'>" + GetIdName(tmp[1][k], 'zone') + "</li>");
			else
				$("#items" + i + " ul").append("<li itemsid='" + tmp[1][k] + "'>" + GetIdName(tmp[1][k], 'zone') + "</li>");
		}
	}
	//主要省份结束
	//背景变色
	$("#item_content li").hover(function(){
		$(this).css({'background-color':"#FFA22E", 'color':"#fff"});
	}, function(){
		$(this).css({'background-color':"", 'color':"#000"});
	});
	$("li[@itemid]").click(
		function(){
			SetData($(this).attr("itemid"));
			$('.black_overlay').css('display','none');
			$('.white_content').css('display','none');
		}
	);
	$("#light_area li[@itemsid]").click(
		function(e){
			buildAreaSubLayer(e, $(this).attr('itemsid'));
		}
	);
	//关闭
	$(".title_more [@act=close]").click(function(){
		$('.black_overlay').css('display','none');
		$('.white_content').css('display','none');
	});
}
//根据省ID生成市小窗
function buildAreaSubLayer(event, id)
{
	if(_z.length == 0)
		makeoptionsarray();

	// create the div to wrap everything in
	$("#fmenu").remove();
	$("body").append("<div id='fmenu'><ul></ul></div>");
	for(var i = 0; i < _z.length; i++){
		if(_z[i][0] == id){
			tmp = _z[i][2];
			$("#fmenu ul").append("<li itemid='" + id + "' class='items'><b>" + _z[i][1] + "</b></li>");
			for(var j = 0; j < tmp.length; j++){
				$("#fmenu ul").append("<li itemid='" + tmp[j][0] + "'>" + tmp[j][1] + "</li>");
			}
		}
	}				
	$("#fmenu").attr('menuhide', 0);
	$("#fmenu").bind("mouseout",function(){
		$("#fmenu").attr('menuhide', 1);
		setTimeout(isCloseCurSubLayerByTag, 5);
	}).bind("mouseover",function(){
		$("#fmenu").attr('menuhide', 0);
	});

	$("#fmenu li").hover(function(){
		$(this).css({'background-color':"#FFA22E", 'color':"#fff"});
	}, function(){
		$(this).css({'background-color':"", 'color':"#000"});
	}).click(function(){
		SetData($(this).attr("itemid"));
		$('.black_overlay').css('display','none');
		$('.white_content').css('display','none');
		$("#fmenu").attr('menuhide', 1);
		isCloseCurSubLayerByTag();
	});
	SetMenuPos($("#fmenu"), event);
}
//生成职位窗口
function buildJobLayer()
{
	$("body").append("<div id='light_job' class='white_content'></div>");
	$("#light_job").append("<div id='job_title' class='title'><div class='title_more'><a href='JavaScript:void(0)' act='close'>[关闭] </a></div><h2>请选择职能类别：</h2></div>");
	
	$("#light_job").append("<div class='items'><ul></ul></span>");
	for(var i = 0, jlen = _j.length; i < jlen; i++){
		$("#light_job ul").append("<li itemsid='" + _j[i][0] + "'>" + _j[i][1] + "</li>");
	}
	//背景变色
	$("#light_job li").hover(function(){
		$(this).css({'background-color':"#FFA22E", 'color':"#fff"});
	}, function(){
		$(this).css({'background-color':"", 'color':"#000"});
	});
	//打开子页
	$("#light_job li[@itemsid]").click(
		function(e){
			buildJobSubLayer(e, $(this).attr('itemsid'));
		}
	);
	//关闭
	$(".title_more [@act=close]").click(function(){
		$('.black_overlay').css('display','none');
		$('.white_content').css('display','none');
	});
}
//根据省ID生成市小窗
function buildJobSubLayer(event, id)
{
	if(_j.length == 0)
		makeoptionsarray();

	// create the div to wrap everything in
	$("#fmenu").remove();
	$("body").append("<div id='fmenu'><ul></ul></div>");
	for(var i = 0; i < _j.length; i++){
		if(_j[i][0] == id){
			tmp = _j[i][2];
			$("#fmenu ul").append("<li itemid='" + id + "'><b>" + _j[i][1] + "</b></li>");
			for(var j = 0; j < tmp.length; j++){
				$("#fmenu ul").append("<li itemid='" + tmp[j][0] + "'>" + tmp[j][1] + "</li>");
			}
		}
	}				
	$("#fmenu").attr('menuhide', 0);
	$("#fmenu").bind("mouseout",function(){
		$("#fmenu").attr('menuhide', 1);
		setTimeout(isCloseCurSubLayerByTag, 5);
	}).bind("mouseover",function(){
		$("#fmenu").attr('menuhide', 0);
	});

	$("#fmenu li").hover(function(){
		$(this).css({'background-color':"#FFA22E", 'color':"#fff"});
	}, function(){
		$(this).css({'background-color':"", 'color':"#000"});
	}).click(function(){
		SetData($(this).attr("itemid"));
		$('.black_overlay').css('display','none');
		$('.white_content').css('display','none');
		$("#fmenu").attr('menuhide', 1);
		isCloseCurSubLayerByTag();
	}).addClass('items');
	SetMenuPos($("#fmenu"), event);
}
//Function	: 向行业类多项选项增加选项
//sub_obj	: Sub Cate
//tag_obj 	: Target Cate	目标选项
function additem(souid, tagid)
{
	var selval, duplicate;
	var sou_obj = $("#" + souid);
	var tag_obj = $("#" + tagid);
	selval = sou_obj.val();
 	var optobj = tag_obj[0];
 	duplicate=false;
	for(var i = 0; i < optobj.length; i++){
		var subval = optobj.options[i].value;
		if(selval.length == 2 && subval.length == 4 && selval == subval.substring(0,2)){
			optobj.remove(i);
			i--;
			continue;
		}
		if(selval.length == 4 && subval.length == 2 && subval == selval.substring(0,2)){
			optobj.remove(i);
			break;
		}
		if(optobj.options[i].value == selval){
			duplicate = true;
			return;
		}
	}
	if (duplicate == false){
		if (tag_obj[0].length >= 3) 
			alert('最多可选三项');
		else{
			tag_obj.append(sou_obj.find("option:selected").clone());
			if(sou_obj[0].selectedIndex + 1 != sou_obj[0].length)
				sou_obj[0].selectedIndex++;
		}
	}
}
//Function	: 在多项选项删除指定的选项
//tag_obj 	: Target Cate	目标选项
function removeitem(tagid)
{
	var tag_obj = $("#" + tagid);
	tag_obj.find("option[@selected]").remove();
}
//Function 	: 填充选择项
//main_obj 	: Main Cate
//main_obj 	: Sub Cate
//type 		: 'zone' 地区 'job' 职位
//lan 		: en 英文 cn 中文
//sel 		: 缺省选择
function filloption(mainid, subid, type, selval, nolimit)
{
	var fillarray;
	var main_obj = $("#" + mainid);
	var sub_obj = $("#" + subid);
	main_obj.empty();
	sub_obj.empty();
	if(_z.length == 0)
		makeoptionsarray();
	if(type == "job"){
		fillarray = _j;
		if(selval == 0 || nolimit){
			main_obj.append("<option value=''>请选择职位</option>");
		}		
	}else{
		fillarray = _z;
		if(selval == 0 || nolimit){
			main_obj.append("<option value=''>请选择地区</option>");
		}		
	}
	for(i = 0; i < fillarray.length; i++){
		main_obj.append("<option value='" + fillarray[i][0] + "'>" + fillarray[i][1] + "</option>");
	}
	if(type == "zone"){
		main_obj.append("<option value='99'>其他</option>");
	}
	if(selval != 0)		//Set value
		selchange(mainid, subid, selval, type);
}
//Function	: 主类变更
//main_obj 	: Main Cate
//main_obj 	: Sub Cate
//type 		: 'zone' 地区 'job' 职位
//lan 		: en 英文 cn 中文
//nolimit 	: 不填或为0 可选择不限,1不能选择不限
function selchange(mainid, subid, selval, type, nolimit)
{
	var main_obj = $("#" + mainid);
	var sub_obj = $("#" + subid);
	var fillarray, mval;
	if(type == "job")
		fillarray = _j;
	else
		fillarray = _z;

	if(selval == 99){	//如果主类为其他,则直接在子类增加
		sub_obj.append("<option value='99'>其他</option>");
		return;
	}		
	//主ID
	var mval = String(selval).substring(0,2);
	sub_obj.empty();
	for(var i = 0; i < fillarray.length; i++){
		if(fillarray[i][0] == mval){
			if(!nolimit){
				sub_obj.append("<option value='" + fillarray[i][0] + "'>" + fillarray[i][1] + "-不限</option>");
			}else if(selval < 20 && type == 'zone'){	//如果是直辖市,直接返回
				sub_obj.append("<option value='" + fillarray[i][0] + "'>" + fillarray[i][1] + "</option>");
				return;
			}
			tmp = fillarray[i][2];
			for(var j = 0; j < tmp.length; j++){
				sub_obj.append("<option value='" + tmp[j][0] + "'>" + tmp[j][1] + "</option>");
			}
			if(j != 0){	//新增其他类
				sub_obj.append("<option value='99'>其他</option>");
			}				
			break;
		}
	}
	sub_obj.attr('value', selval);
	main_obj.attr('value', mval);
}