window.onload = function(){
    document.body.onclick = function(evt){
	  var _target = evt ? evt.target : event.srcElement ;
	  var _id = _target.id;
	  var sls = document.getElementById('city').getElementsByTagName('a');
	  for(i=0;i<sls.length;i++){
	    if(sls[i]==_target){
		  return;
		}
	  }
	  if(_target==document.getElementById('asd')){
	    return;
	  }
	  document.getElementById('city').style.display = 'none';
	}
  }
function changecity(){
  document.getElementById('city').style.display = 'block';
  document.getElementById("as").className="hover";
}
function changecolor(){
	document.getElementById("colorDiv").style.display="block";
	document.getElementById("cda").className="hover";
}