<?
set_include_path('../../');
require '_inc/cfg.php';

$city = db::fa("select id, title from _city order by od asc");
$area = array();
foreach($city as $k => &$r){
	$area[$k] = db::fa("select id, zip, title from _area where city={$r['id']} order by zip asc");
	foreach($area[$k] as &$a){
		$zip[] = $a['zip'];
	}
}
$json_city = json_encode($city);
$json_area = json_encode($area);
$nr = '\n';
$js = "
var twzip = {
	city : $json_city,
	area : $json_area,
	init : function(n, fix_jquery_uniform){
		if(cj.util.is(n, 'string')) n = cj.d.getElementById(n);
		if(!n) console.log('@cj.twzip(n) [' + n + ' is not defined!')
		
		var t = this, index,x,y;
		if(!/\d+/i.test(n.value)) n.value = 100;
		
		cj.util.each(n.parentNode.getElementsByTagName('select'),function(s,k){
			if(k==0) n.z = s;
			if(k==1) n.c = s;
			if(k==2) n.a = s;
		});
		if(!n.z) n.z = cj.util.addElm(n.parentNode, {tag:'select'});
		if(!n.c) n.c = cj.util.addElm(n.parentNode, {tag:'select', attrib:'name:' + n.name.replace('_zip','_city')});
		if(!n.a) n.a = cj.util.addElm(n.parentNode, {tag:'select', attrib:'name:' + n.name.replace('_zip','_area')});
		
		index = x = 0;
		cj.util.each(t.area,function(i){
			y = 0;
			cj.util.each(i,function(j){
				var o = new Option(j.zip,j.zip)
				o.pos = [x,y];
				o.area = j.id;
				n.z.options.add(o);
				if(n.value==j.zip) n.z.selectedIndex = index;
				y++;
				index++;
			});
			x++
		});
		cj.util.each(t.city,function(i){
			n.c.options.add(new Option(i.title,i.id));
		});
		n.c.onchange = function(){
			t._clear(n.a);
			cj.util.each(t.area[n.c.selectedIndex],function(j){
				n.a.options.add(new Option(j.title,j.id));
			});
			n.a.onchange();
		}
		n.a.onchange = function(){
			for(var i=0; i<n.z.options.length; i++){
				if(this.value==n.z.options[i].area) n.z.selectedIndex = i;
			}
			n.z.onchange();
		}
		n.z.onchange = function(){
			var pos = this.options[this.selectedIndex].pos;
			n.c.selectedIndex = pos[0];
			t._clear(n.a);
			cj.util.each(t.area[n.c.selectedIndex],function(j){
				n.a.options.add(new Option(j.title,j.id));
			});
			n.a.selectedIndex = pos[1];
			n.value = this.value;
			if(fix_jquery_uniform) t.fix_jquery_uniform(n);
		}
		n.z.onchange();
	},
	getText : function(id){
		var n = cj.d.getElementById(id);
		if(!n) return;
		var t = this, x=0,y=0;
		cj.util.each(t.area, function(a0){
			var j = 0;
			cj.util.each(a0, function(a1){
				if(a1.zip==n.value){
					y=j;
					return false;
				}
				j++;
			});
			if(y) return false;
			x++;
		});
		cj.util.addElm(n.parentNode, {tag:'span', innerHTML:n.value + ' ' + t.city[x].title + t.area[x][y].title});
	},
	_clear : function(o){
		while(o.options.length) o.options[0] = null;
	},
	gen : function(){
		var t = this;
		var str = '';
		for(var i=0; i<t.area.length; i++){
			str += '\\n';
			for(var j=0; j<t.area[i].length; j++){
				str += '(' + (i+1) + \",'\" + t.area[i][j] + \"',\" + t.zip[i][j] + '),\\n';
			}
		}
		return str;
	},
	fix_jquery_uniform : function(n){
		n.z.parentNode.getElementsByTagName('span')[0].innerHTML = n.z.value;
		n.c.parentNode.getElementsByTagName('span')[0].innerHTML = n.c.options[n.c.selectedIndex].text;
		n.a.parentNode.getElementsByTagName('span')[0].innerHTML = n.a.options[n.a.selectedIndex].text;
	}
}
";
file_put_contents('twzip.src.js', $js);
exec('jscompile.sh twzip');