var f = null;

var country_id = '';
var region_id = '';
var city_id = '';
var country = '';
var region = '';
var city = '';

function on_load() {
	f = document.getElementById('form_list');
	document.form_search.keyword.focus();

	$('.vmenu2 li').hover(
		function() {
			$(this).css({'background-color':'#FF9900','color':'#FFFFFF'});
			$('#'+this.id+' span').css({'color':'#ffffff'});
		},
		function() {
			$(this).css({'background-color':'#FFFFFF','color':'#000000'});
			$('#'+this.id+' span').css({'color':'#009900'});
		}
	).click(function() {
		field_click(this);
	});
	$('.location_closer').click(function() {
		show_loading();
		var field = this.id.replace('img_close_','');
		f[field].value = '';
		f[field+'str'].value = '';
		f.submit();
	});
	//load_map_list();
}
function paging(page) {
	//load_map_list({page:page});
	show_loading();
	f.page.value = page;
	f.submit();
}
function orderby_click(orderby) {
	show_loading();
	f.page.value = 1;
	f.orderby.value = orderby;
	f.submit();
}
function tag_click(trigger) {
	show_loading();
	f.page.value = 1;
	f.tag.value = $(trigger).text();
	f.submit();
}
function field_click(trigger) {
	var id = $(trigger).parent().attr('id');
	var str = $(trigger).text();
	var val = numcut(trigger.innerHTML);
	show_loading();
	f.page.value = 1;
	if(id == 'country') {
		f.country.value = val;
		f.countrystr.value = str;
		f.region.value = '';
		f.city.value = '';
	}
	else if(id == 'region') {
		f.region.value = val;
		f.regionstr.value = str;
		f.city.value = '';
	}
	else if(id == 'city') {
		f.city.value = val;
		f.citystr.value = str;
	}
	else {
		f.tag.value = val;
		f.tagstr.value = str;
	}
	f.submit();
}
function browse_tab_click(id) {
	document.getElementById('browse_tab_recent').className = '';
	document.getElementById('browse_tab_location').className = '';
	document.getElementById('browse_tab_tag').className = '';
	document.getElementById('browse_tab_'+id).className = 'blue';

	if(id == 'recent') {
		var opt = {};
		load_map_list(opt);
	}
	else if(id == 'location') {
	}
	else if(id == 'tag') {
	}
}
function load_map_list(opt) {
	opt = opt ? opt : {};
	opt.page = opt.page ? opt.page : 1;
	opt.country = opt.country ? opt.country : '';
	opt.region = opt.region ? opt.region : '';
	opt.city = opt.city ? opt.city : '';
	opt.tag = opt.tag ? opt.tag : '';

	$('#map_list').html('<img src="../img/spinner.gif" class="iconb" alt="" />').load("browse_callback.php",
		{page:opt.page,country:opt.country,region:opt.region,city:opt.city,tag:opt.tag},
		function() {
			hide_loading();
		}
	);
}