function see() { 
  var open = document.getElementById( "open" );
  var open2 = document.getElementById( "open2" );
  var bar1 = document.getElementById( "tab-wrap1" );
  var bar2 = document.getElementById( "tab-wrap2" );
  var list1 = document.getElementById( "search-list-1" );
  var list2 = document.getElementById( "search-list-2" );

  open.onclick = function see() {
       bar1.style.display = 'none';
	   bar2.style.display = 'block';
       list1.style.display = 'none';
       list2.style.display = 'block';   

  };
  open2.onclick = function see() {
       bar1.style.display = 'block';
	   bar2.style.display = 'none';
       list1.style.display = 'block';
       list2.style.display = 'none';   
  };
};

function show_city(p){
document.getElementById(p).style.display="block"; 
}
function hide_city(s){
document.getElementById(s).style.display="none"; 
}
function showbranch1(){
document.getElementById("tb-detail1").style.display="block"; 
document.getElementById("branch1").className="on"; 
document.getElementById("tb-detail2").style.display="none"; 
document.getElementById("branch2").className="out"; 
}
function showbranch2(){
document.getElementById("tb-detail2").style.display="block"; 
document.getElementById("branch2").className="on"; 
document.getElementById("tb-detail1").style.display="none"; 
document.getElementById("branch1").className="out"; 
}