window.addEvent('domready', function(){
	if (window.ie6 || window.ie7) {
		$('region').setStyles({'background-image':'none','background-color':'#fff'});
	}
});

function pop(url, gid, param, layer) {
	var gid = $(gid);							// where put valuex

	if (layer) {
		var topLayer = $(layer); 				// overlayer
	} else {
		var topLayer = $('region'); 			// overlayer
	}
	
	topLayer.innerHTML="<ul class=\"o\"></ul>";
	topLayer.setStyles({'display':'block'});

	var log = topLayer.getElements('ul')[0];
	
    log.empty().addClass('loading');
    
	var req = new Request({
		url: url,
		update: log,
		method: 'get',
		onSuccess: function(responseHTML) {
			log.set('html', responseHTML);

			log.removeClass('loading');

			log.getElements('a').each(function(el){
				
               	el.addEvent('click', function(event) {
               		event = new Event(event).stop();
               		if (param == 'id') {
               			gid.value = el.getProperty('id')
               		} else {
               			gid.value = this.innerHTML;
               		}
                   	log.empty();
                   	topLayer.setStyles({'display':'none'});

               	});
			});
		},
		onCancel: function() {
			log.removeClass('loading');
		}
	}).send();
}