;(function (jQuery){
	//this.province = province;
	this.doml = '';
	this.id = '';
	this.init = function(f){
		//alert(typeof(textfileds));
		if($("#areaopt_div").is(':visible')){
			$("#areaopt_div").remove();
		}
		$(f).after("<div id='areaopt_div'> <div id='areaopt'> <div class='areaopt_province'> <div class='areaopt_con'>选择省份</div></div><div class='clear'></div> <div class='areaopt_city'><div class='areaopt_con'>选择城市</div> <div class='clear'></div> </div><div class='clear'></div> <div class='areaopt_zone'><div class='areaopt_con'>选择站名</div> <div class='clear'></div> </div><div class='clear'></div> <div class='areaopt_tools'> <span class='areaopt_info'></span> <input type=button rel='close' value='关闭' class='areaopt_btn' /><div class='clear'></div></div> </div> <iframe frameborder=0 id='areaopt_back' height=40></iframe> <input type=hidden id='areaopt_province' /><input type=hidden id='areaopt_city' /><input type=hidden id='areaopt_zone' /> </div> <input type=hidden id='"+id+"' name='"+id+"' />");
		$("#areaopt .areaopt_btn[rel='close']").click(function(){
			$('#areaopt_div').remove();
		});
		$("#areaopt .areaopt_btn[rel='confirm']").click(function(){
			//confirm
			if($("#areaopt_city").val()!=''){
				//$(doml).val($("#areaopt_province").val());
				$(doml).val($("#areaopt_province").val() + ' ' + $("#areaopt_city").val());
				$('#areaopt_div').remove();
			}else if($("#areaopt_province").val()!=''){
				$(doml).val($("#areaopt_province").val());
				$('#areaopt_div').remove();
			}else{
				$("#areaopt_info").text('未选择任何站');
			}
		});
		this.getprovince();
	}
	this.bind = function(dom){
		this.handle(dom);
		//$(document.body).prepend('<input type=hidden id="area_doms" value>');
	}
	this.beforeinit = function(dom){
		$(dom).attr('readonly', 'true');
	}
	this.setframe = function(){
		$("#areaopt_back").css({width : getFullWidth($('#areaopt')[0]), height : getFullHeight($('#areaopt')[0])});
		dx = pageX($(doml)[0]);
		dy = pageY($(doml)[0])
		dw = getFullWidth($(doml)[0]);
		dh = getFullHeight($(doml)[0]);
		//aw = getFullWidth($("#areaopt")[0]);
		//ah = getFullHeight($("#areaopt")[0]);
		aw = $("#areaopt").width();
		ah = $("#areaopt").height();
		ww = windowWidth();
		wh = windowHeight();
		if(dx+dw+aw>ww){
			$('#areaopt_div').css('left',dx-aw-15);
		}else{
			$('#areaopt_div').css('left',dx+dw+1);
		}
		$('#areaopt_div').css('top',dy);
		/*if(dy+dh+ah>wh){
			$('#areaopt_div').css('top',dy-ah-1);
		}else{
			$('#areaopt_div').css('top',dy);
		}*/
	}
	this.handle = function(dom){
		if(dom.indexOf(',')==-1){					
			doml = dom;
			id = dom.substr(1)+'_id';
			beforeinit(dom);
			$(dom).click(function(){
				init(dom);
			});
		}else{
			doms = dom.split(',');
			for(i=0; i<doms.length; i++){
				beforeinit(doms[i]);
				$(doms[i]).click(function(){
					doml = '#'+$(this).attr('id');
					id = $(this).attr('id')+'_id';
					init(doml);
				});
			}
		}
	}
	this.getprovince = function(){
		var pdatas = '';
		for(i=0; i<province.length; i++){
			pdatas+= "<a href='' rev='"+i+"' title='"+province[i]+"'>"+province[i]+"</a> ";
		}
		$("#areaopt .areaopt_province .areaopt_con").html(pdatas);
		$('#areaopt_div').show();
		setframe();
		$("#areaopt .areaopt_province a").click(function(){
			$(this).parent().find('.areaopt_mouseon').removeClass('areaopt_mouseon');
			$(this).addClass('areaopt_mouseon');
			if($("#areaopt .areaopt_zone").css('display')!='none'){
				$("#areaopt .areaopt_zone").hide();
			}
			$("#areaopt_province").val($(this).text());
			$("#areaopt_city").val('');
			$("#areaopt_zone").val('');
			$("span.areaopt_info").text(' '+$(this).text());
			
			$("#areaopt .areaopt_city").show();
			setframe();
			getcity($(this).attr('rev'));
			return false;
		});		
		return false;
	}
	this.getcity = function(index){
		var cdatas = '';
		for(i=0; i<city[index].length; i++){
			cdatas+= "<a href='' rev='"+i+"' rel='"+index+"' title='"+city[index][i]+"'>"+city[index][i]+"</a> ";
		}
		$("#areaopt .areaopt_city .areaopt_con").html(cdatas);
		$("#areaopt_back").css({width : getFullWidth($('#areaopt')[0]), height:getFullHeight($('#areaopt')[0])});
		$("#areaopt .areaopt_city a").click(function(){
			$(this).parent().find('.areaopt_mouseon').removeClass('areaopt_mouseon');
			$(this).addClass('areaopt_mouseon');
			$("#areaopt_city").val($(this).text());
			$("#areaopt_zone").val('');
			$("span.areaopt_info").html(' '+$("#areaopt_province").val()+' &raquo; '+$(this).text());
			
			$("#areaopt .areaopt_zone").show();
			setframe();
			getzone($(this).attr('rel'), $(this).attr('rev'));
			return false;
		});
		return false;
	}
	this.getzone = function(index1,index2){
		var zdatas = '';
		if(zone[index1][index2]){
			for(i=0; i<zone[index1][index2].length; i++){
				zdatas+= "<a href='' title='"+zone[index1][index2][i]+"'>"+zone[index1][index2][i]+"</a> ";
				//id='"+zoneid[index1][index2][i]+"'
			}
		}
		$("#areaopt .areaopt_zone .areaopt_con").html(zdatas);
		$("#areaopt_back").css({width : getFullWidth($('#areaopt')[0]), height:getFullHeight($('#areaopt')[0])});
		$("#areaopt .areaopt_zone a").click(function(){
			$("#areaopt_zone").val($(this).text());
			//$('#'+id).val($(this).attr('id'))
			//$(doml).val($(this).text());
			$(doml).val($("#areaopt_zone").val());
			$('#areaopt_div').remove();
			return false;
		});
		return false;
	}
	this.pageX = function(elem){
		return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetParent)):elem.offsetLeft;
	}
	this.pageY = function(elem){
    	return elem.offsetParent?(elem.offsetTop+pageY(elem.offsetParent)):elem.offsetTop;
	}
	this.getStyle = function(elem,name){
		if(elem.style[name]){
			return elem.style[name];
			}else if(elem.currentStyle){
				return elem.currentStyle[name];
			}else if(document.defaultView&&document.defaultView.getComputedStyle){
				name=name.replace(/([A-Z])/g,"-$1");
				name=name.toLowerCase();
				var s=document.defaultView.getComputedStyle(elem,"");
				return s&&s.getPropertyValue(name);
		}else{
			return null;
		}
    }
	this.getFullHeight = function(elem){
		if(getStyle(elem,"display")!="none"){
       		return getHeight(elem)||elem.offsetHeight;
        }else{
    		var old=resetCss(elem,{display:"block",visibility:"hidden",position:"absolute"});
			var h=elem.clientHeight||getHeight(elem);
       		restoreCss(elem,old);
        	return h;
        }
    }
	this.getFullWidth = function(elem){
    	if(getStyle(elem,"display")!="none"){
        	return getWidth(elem)||elem.offsetWidth;
        }else{
			var old=resetCss(elem,{display:"block",visibility:"hidden",position:"absolute"});
			var w=elem.clientWidth||getWidth(elem);
			restoreCss(elem,old);
			return w;
        }
    }
	this.resetCss = function(elem,prop){
		var old={};
		for(var i in prop){
			old[i]=elem.style[i];
			elem.style[i]=prop[i];
		}
       	return old;
    }
	this.restoreCss = function(elem,prop){
   		for(var i in prop){
			elem.style[i]=prop[i];
        }
    }
	this.getHeight = function(elem){
		return parseInt(getStyle(elem,"height"));
    }
	this.getWidth = function(elem){
		return parseInt(getStyle(elem,"width"));
    }
	this.windowHeight = function(){
			var de = document.documentthisent;
			return self.innerHeight||(de && de.offsetHeight)||document.body.offsetHeight;
		},
	this.windowWidth = function(){
			var de = document.documentthisent;
			return self.innerWidth||( de && de.offsetWidth )||document.body.offsetWidth;
	}
	jQuery.areaopt = this;
    return jQuery;
})(jQuery);