function changeMenu(id,count,page,center_lat,center_lng,indate,backdate){
	
	for(var i=1;i<=count;i++){
		$("#menu_"+i).removeClass("on");
		$("#menu_"+i).addClass("tab");
	}	
	$("#menu_"+id).addClass("on");
	//如果是电子地图则显示地图．
	if(id==2){
		$("#map_div").show();
		$("#page1").hide();
		$("#page2").show();		
		CreateMap(page,center_lat,center_lng,indate,backdate);
		var hotel_mark=document.getElementsByName("hotel_mark");
		for(var i=0;i<hotel_mark.length;i++){
			hotel_mark.item(i).style.display="block";
		}		
	}else if (id==1){
		$("#map_div").hide();
		var hotel_mark=document.getElementsByName("hotel_mark");
		for(var i=0;i<hotel_mark.length;i++){
			hotel_mark.item(i).style.display="none";
		}		
	}

}
	var map;
	var myPano;   
	var panoClient;
	var nextPanoId;
	var flag=false;
	var geocoder;
	var searchBox;
//创建Map
function CreateMap(page,center_lat,center_lng,indate,backdate,mapDiv){
	//第一个参数是是纬度，第二个参数是经度
      var fenwayPark = new GLatLng(center_lat,center_lng);
	  //var fenwayPOV = {yaw:370.64659986187695,pitch:-20};  
      panoClient = new GStreetviewClient();          
      map = new GMap2(document.getElementById(mapDiv));
	  map.addControl(new GLargeMapControl());
	  searchBox=new SearchBox();
	  //添加搜索框
	 map.addControl(searchBox);
	  map.enableDoubleClickZoom();
      map.setCenter(fenwayPark, 12);
	  map.enableScrollWheelZoom(); 
	  geocoder = new GClientGeocoder();
	  //调用这个方法已获得酒店位置坐标.
	  getHotelData(page,indate,backdate);
	  //alert(getHotelData());

	  
}

//得到酒店坐标的数店
var coordArray=new Array();
function getHotelData(page,indate,backdate){
	var url="getCar_ajax.asp?page="+page+"&dq_id=3";	
	$.get(url,null,function(data){
		flag=true;
		$("#coords").html(data);
		//alert($("#coords").html());
		var coordObj=document.getElementById("coordList");
		//alert(coordObj.rows[0].cells.length);
		//alert(coordObj.rows.length);
		//处理坐标位置
		//alert(document.getElementsByTagName("COORD").item(0).length);
		//var coordLength=document.getElementsByTagName("COORD").length;
		//alert(coordLength);
		//var coordObj=document.getElementsByTagName("COORD");
		
		for(var i=0;i<coordObj.rows.length;i++){
			coordArray[i]=new Array();
			for(var j=0;j<coordObj.rows[i].cells.length;j++){
				coordArray[i][j]=coordObj.rows[i].cells[j].innerHTML;
				//alert(coordArray[i][j]);
			}
		}
		//alert(coordArray.length);
		var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < coordArray.length; i++) {
			var point = new GLatLng(coordArray[i][0],
			coordArray[i][1]);

			var bg_id=coordArray[i][2];
			map.addOverlay(clickHotel(point,bg_id,i,indate,backdate));
      }
	   //geoXml = new GGeoXml("http://chinamaps.googlecode.com/svn/docs/examples/beijing-resorts.xml");
	  // map.addOverlay(geoXml);
	},"html");
}



function showData(lat,lng,bg_id,num,indate,backdate){
	var point = new GLatLng(lat,lng);
	var url="hotelDetail_ajax.asp?bg_id="+bg_id+"&indate="+indate+"&backdate="+backdate;
	$.get(url,function(data){
		map.openInfoWindowHtml(point,data);	
	},"html");	
	changeNav();
	
}
function changeNav(){
	if (document.documentElement.scrollTop<113){
		document.documentElement.scrollTop=document.documentElement.scrollTop+30;
		changeNav();
	}
}
//点击出现酒店列表可以预订
    function clickHotel(point,bg_id,num,indate,backdate,bgmc) {
		var tinyIcon=new GIcon();
		//alert(num);
		tinyIcon.image="num/"+(num+1)+".gif";
		tinyIcon.shadow = "http://www.google.cn/mapfiles/shadow50.png"; 
		tinyIcon.iconSize = new GSize(17, 17); 
		tinyIcon.shadowSize = new GSize(26, 23); 
		tinyIcon.iconAnchor = new GPoint(6, 20); 
		tinyIcon.infoWindowAnchor = new GPoint(5, 1); 
		markerOptions = { icon:tinyIcon,title:bgmc}; 
		var marker = new GMarker(point,markerOptions);	
		//alert(marker);
	 	GEvent.addListener(marker, "click", function() {			
			var url="carDetail_ajax.asp?bg_id="+bg_id+"&indate="+indate+"&backdate="+backdate;	
			$.get(url,function(data){	   
				map.openInfoWindowHtml(point,data);
				//alert(map.fromLatLngToContainerPixel(point));
				//map.openInfoWindowTabs(point,map.fromLatLngToContainerPixel(point));
			},"html");
			
      	});
		return marker;
    }


function addSearchBox(){
	
}
//在地图上画出要显示的酒店图标。
function HotelMark(hotelName){
	this.hotelName=hotelName;
}
HotelMark.prototype=new GOverlay();
HotelMark.prototype.initialize=function(map){
	var container=document.createElement("div");
	container.id="hotel_map_mark";
	map.getPane(G_MAP_MAP_PANE).appendChild(container);
    return container;
}
HotelMark.prototype.getDefaultPosition = function() {
  return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7));
}
//重画，如果不重写这个方法，将会报错。
HotelMark.prototype.redraw=function(force){
	if (!force) return;
}
function SearchBox(){
	
}
SearchBox.prototype=new GControl();
SearchBox.prototype.initialize=function(map){
	var container=document.createElement("div");
	container.className="search_map_box";
	var inputBox=document.createElement("input");
	var inputButton=document.createElement("input");
	inputButton.type="submit";
	container.appendChild(inputBox);
	container.appendChild(inputButton);	
	//container.appendChild(document.createTextNode("搜索"));
	
	this.setStyle(inputBox,"text","search_map_input");
	this.setStyle(inputButton,"submit","search_map_btn","");
	inputButton.onclick=function(){
		
		var keyword=inputBox.value;
		var indate=$("#indate").val();
		var backdate=$("#outdate").val();	
		
		if(keyword!=""){
			var url="hotel_search_ajax.asp?indate="+indate+"&backdate="+backdate+"&keyword="+keyword;	
			url=encodeURI(url);
			//alert(url);
			$.get(url,function(data){
				//alert(data);
				
				
				 //map.removeControl(searchBox);
				 try{
					 var hotelMark=new HotelMark();
					 var container=document.createElement("div");	
					 $("#search_back").html(data);
					 if(data!=""){
						 var searchBack=document.getElementById("search_back");
						 //alert(searchBack.childNodes[0].childNodes.length);
						//alert(searchBack.childNodes[0].childNodes.length);
						 if (searchBack.childNodes[0].childNodes.length>0){
							 var center_lat=0;
							 var center_lng=0;
							
							 for (var n=0;n<searchBack.childNodes[0].childNodes.length;n++){
								 center_lat=searchBack.childNodes[0].childNodes[0].childNodes[4].innerHTML;
								 center_lng=searchBack.childNodes[0].childNodes[0].childNodes[5].innerHTML;
								 if (center_lat!=""){
									// alert(center_lat);
									 n=searchBack.childNodes[0].childNodes.length;
								 }
								
							 }
							 var centerPoint=new GLatLng(center_lat,center_lng);
							 map.clearOverlays();
							 if(searchBack.childNodes[0].childNodes.length==1||center_lat==0){
								 var center_lat=searchBack.childNodes[0].childNodes[0].childNodes[2].innerHTML;
								 var center_lng=searchBack.childNodes[0].childNodes[0].childNodes[3].innerHTML;
								// alert(center_lat+","+center_lng);
								 centerPoint=new GLatLng(center_lat,center_lng);
								 
								 map.setCenter(centerPoint, 12);
							 }else{
								// alert(center_lat+","+center_lng+","+searchBack.childNodes[0].childNodes.length);
							 	 map.setCenter(centerPoint, 12);
							 }
							 for(var i=0;i<searchBack.childNodes[0].childNodes.length;i++){
								 var id=searchBack.childNodes[0].childNodes[i].childNodes[0].innerHTML;
								 var hotelName=searchBack.childNodes[0].childNodes[i].childNodes[1].innerHTML;
								 var lat=searchBack.childNodes[0].childNodes[i].childNodes[2].innerHTML;
								 var lng=searchBack.childNodes[0].childNodes[i].childNodes[3].innerHTML;
								 var point = new GLatLng(lat,lng);	
								 //alert(lat+","+lng);
								 map.addOverlay(clickHotel(point,id,i,indate,backdate,hotelName));
								 //alert(lng);
								// var point2=map.fromLatLngToDivPixel(point);
								 //container.innerHTML=container.innerHTML+"<div class=\"hotel_map_mark\" style=\"position:absolute;left:"+Math.abs(point2.x)+"px;top:"+Math.abs(point2.y)+"px;\"><h2 class=\"hotel_map_name\" style=\"\">"+hotelName+"</h2></div>";				
								 
							 }
						 }
						  //map.getPane(G_MAP_MAP_PANE).appendChild(container);
					 }
					 //container.appendChild(boxContent);					 
					
					 //map.addOverlay(hotelMark);
				 }catch(e){
					 alert(e);
				}
				//map.openInfoWindowHtml(point,data);	
			},"html");			
		}
	}
  	GEvent.addDomListener(container, "click", function() {
  	});	
      map.getContainer().appendChild(container);
      return container;
}
SearchBox.prototype.getDefaultPosition = function() {
  return new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(7, 7));
}

SearchBox.prototype.setStyle=function(dom,typeName,className,value){
	dom.type=typeName;
	dom.className=className;
	if(value!=undefined){
		dom.value=value;
	}
}