/**
 * index.html程序入口
 */
$(document).ready(function(){
	//布局计算
	$(window).bind("resize",doLayout);
	$(window).bind("load",doLayout);
	$(window).bind("load",loadMap);
	var isinput=true;
	//显隐
//	$("#show-left").bind("click",show_left);
	$("#left_hide").bind("click",hide_left);
	//菜单
//	$("#tools-btn").hover(hover_menu,out_menu);
////	$("#tools-menu").hover(hover_menu,out_menu);
////	$("#tools-menu a").click(click_menu);
////	$("#tools-mid a").hover(hover_tools,out_tools);
////	$("#tools-right a").hover(hover_tools,out_tools);
	$("#map_tools a").click(toolbar_item);
	$("#nav_search a").click(click_menu);
	$("#integrated-form select[name=type]").change(typeChage);
	$("#around-form select[name=type]").change(typeChage);
	
	
	//类别变化
	function typeChage(){
		var name=$(this).attr("target");
		var val=$(this).val();
		if(val=="free"){
			$("#"+name+"-form input[name=keyword]").replaceWith("<select name='keyword'><option value='收费'>收费</option><option value='免费'>免费</option></select>");
			isinput=false;
		}else if(val=="name"||val=="address"){
			if(isinput==false){
				if($("#"+name+"-form select[name=keyword]")[0]){
					$("#"+name+"-form select[name=keyword]").replaceWith("<input name='keyword' type='text'/>");
					isinput=true;
				}else{
					$("#"+name+"-form input[name=keyword]").replaceWith("<input name='keyword' type='text'/>");
					isinput=true;
				}
			}
		}	
	}
	
	//工具栏
	function toolbar_item(){
		var value=$(this).attr("value");
		switch(value){
			case "0":dMap.setMouseMode(DMouseMode.ZOOM_IN);break;
			case "1":dMap.setMouseMode(DMouseMode.ZOOM_OUT);break;
			case "2":dMap.setMouseMode(DMouseMode.RULER);break;
			case "3":dMap.setMouseMode(DMouseMode.COMPUTE_AREA);break;
			case "4":dMap.setMouseMode(DMouseMode.MAP_DRAG);break;
			case "5":reset();break;
		}
	}
	function reset(){
		dMap.clearOverlays(true);
		$("#result").empty();
		$("#map_result_list").empty();
		//表单
		//$("#integrated-form").resetForm();
		//$("#around-form").resetForm();
		//清空坐标
		window.center=void(0);
		$("#around-cenname").html("<请选择中心点>").attr("title","<请选择中心点>").css("color","black");
		//清空分页
		$("#pager").empty();
		//精彩景点
		$("#left_title span:first").text("精彩景点推荐");
		$("#left_title span:last").text("");
		//清空是否收费
		$("#integrated-form select[name=keyword]").replaceWith("<input name='keyword' type='text'/>");
		$("#around-form select[name=keyword]").replaceWith("<input name='keyword' type='text'/>");
		//清空标题数组
		window.parkList=void(0);
		window.isTheme=false;
		window.dtitles=new Array();
		//景点推荐	
		if(window.carousel){	
			$("#result").html(interestHtml);
			window.carousel=$('#mycarousel').jcarousel({
				vertical: true,			    
			    scroll:1
			});
			doLayout();
		}
	}
//	
//	//显示菜单
//	var tools_menu=$("#tools-menu");
//	var menu_display=0;
//	var menu_timeout=void(0);
//	function hover_menu(){
//		menu_display=1;
//		show_menu();
//	}
//	function out_menu(){
//		menu_display=0;
//	}
//	function show_menu(){
//		tools_menu.slideDown("normal");
//		menu_timeout=setTimeout(hide_menu,300)
//	}
//	function hide_menu(event){
//		if(!menu_display){
//			tools_menu.fadeOut("fast");
//			menu_timeout=null;
//		}
//		setTimeout(hide_menu,300);
//	}
//	
	//现在正在显示的模块
	var crt_search="integrated";
	var id;
	var search_modules={
		"integrated":$("#integrated"),
		"around":$("#around")};
//	var crt_link=$("#tools-mid").find(".mid-span-fist");
	function click_menu(event){
		 id=$(this).attr("value");
//		if(crt_link){
//			crt_link.removeClass("tools_selected");
//			$(this).addClass("tools_selected");
//			crt_link=$(this);
//		}
		if(id!=crt_search){
			search_modules[crt_search].hide();
			search_modules[id].show();
			crt_search=id;
		}
	}
	
	
	//当左边显示时，此值为true
 	var left_display=true;
 	//当左边隐藏时，地图与左边间隔的宽度
 	var display_width=14;
 	var map_left=0;
	function hide_left(){
		$(this).trigger("blur");
		$("#left_hide").toggleClass("show_left");
		if(left_display){
			$("#left").hide();
			map_left=$("#map").position().left;
			$("#map").css({left:display_width});
			left_display=false;
			$("#nav_search a").unbind("click",click_menu);
			$("#nav_search a").css("color","#838181");
			$("#nav_search a").css("cursor","none");
			
		}else{
			$("#left").show();
			$("#map").css({left:map_left});
			left_display=true;
			$("#nav_search a").click(click_menu);
			$("#nav_search a").css("color","#fffdc1");
			$("#nav_search a").css("cursor","pointer");
		}
		doLayout();
	}
	
	//系统所能接受的，最小的宽高
  	var min_height=550;
  	var min_width=1000;
	function doLayout(){
		//浏览器可视范围宽高
		var view_width=$(window).width();
		var view_height=$(window).height();
		//布局应达到的窗体宽高
		var win_width=(view_width>min_width?view_width:min_width);
		var win_height=(view_height>min_height?view_height:min_height);
		
		//根元素设置
		var box=$("#box").css({width:win_width,height:win_height});
		//头部元素设置
		var header=$("#header").css({width:win_width});
//		$("#header-tools").css({width:win_width-$("#head-tools").position().left});
		//脚部元素设置
		var footer=$("#footer").css({width:win_width});
		//内容元素设置
		var main_height=win_height-header.outerHeight()-footer.outerHeight();
		var main=$("#main").css({height:main_height,width:win_width});
		var left=$("#left").css({height:main_height});
		$("#left_middle").css({height:main_height-40});
		var result_height=main_height-$("#search").outerHeight(true)-$("#pager").outerHeight(true)-30;
		var result=$("#result").css({
			height:result_height
		});
		$(".jcarousel-skin-tango .jcarousel-container-vertical").css({
			height:result_height
		});
		$("#result-img").css({
			height:result_height
		});
		$(".jcarousel-clip-vertical").css({
			height:result_height-20
		});
		var left_width=left_display?left.outerWidth(true):display_width;
		var map_width=win_width-left_width-5;
		var map=$("#map").css({
			height:$.browser.msie?main_height:main_height-2,
			width:map_width});
		var map_container=$("#map_container").css({
			height:main_height-$("#tools").outerHeight(true)-10,
			width:map_width-13
		});
			
		//地图
		if(window.map.resizeMap){
			window.map.resizeMap();
		}
		
		var popheight = $("#popwindow").height();
		var popwidth = $("#popwindow").width();
		$("#popwindow").css({
			left:(win_width-popwidth)/2,
			top:(view_height - popheight )/2
		});
  	};
  	
  
	//初始化地图
	var icenter=new DLonLat(116.426111,40.282459);
	var izoom=10;
	var dMap;
	function loadMap(){
		dMap=new DMap($("#map_container")[0]);
		dMap.setCenter(icenter,izoom);
		dMap.enableScrollWheelZoom();
		dMap.enableKeyMap();
		dMap.addControl(new DLevel());
		dMap.addControl(new DScale());
		dMap.addControl(new DSwitcher());
		dMap.addControl(new DEagleeye());
		window.map=dMap;
		dMap.addListener("zoomend",levelSetTitle);
//		dMap.addListener("move",levelSetTitle);
	};
	
	
	//根据级别，显示图标
	function levelSetTitle(){
		var parkList=window.parkList;
		if(!parkList||!parkList.length){
			return;
		}
		var zoomLevel=map.getZoomLevel();
		if(window.isTheme){
			if(zoomLevel<=6){
				$.each(parkList,function(i,park){
					//是否在视图范围内
//					var bounds=map.getBounds().diploid(1.5);
//					var dl=new DLonLat(park.x,park.y);
					var dt=dtitles[park.id];
//					if(bounds.containsLonLat(dl)){
						//显示标题
						if(!dt){
							var dl=new DLonLat(park.x,park.y);
							dt=new DTitle(dl,park.name,{fontPosition:DTitleAnchor.BOTTOM_CENTER,offsety:-8,fontColor:"#FFF",backgroundColor:"#cc0000",borderColor:"#FFF"});
							map.addOverlay(dt);
							dtitles[park.id]=dt;
						}
						dt.show();
//					}else{
//						if(dt){
//							dt.hide();
//						}
//					}
				});
			}else{
				$.each(parkList,function(i,park){
					if(dtitles[park.id]){
						dtitles[park.id].hide();
					}
				});	
			}
		}else{
			$.each(parkList,function(i,park){
				//显示标题
				var dl=new DLonLat(park.x,park.y);
				var dt=new DTitle(dl,park.name,{fontPosition:DTitleAnchor.BOTTOM_CENTER,offsety:-8,fontColor:"#FFF",backgroundColor:"#cc0000",borderColor:"#FFF"});
				map.addOverlay(dt);
				dt.show();
			});
		}
	}
	window.levelSetTitle=levelSetTitle;

	//景点推荐
	var interestHtml= '<div id="result-img"><ul id="mycarousel" class="jcarousel-skin-tango">'+
			'<li><a href="http://www.bjyl.gov.cn/parkgarden/springHanamiweb.do?method=index" target="_blank" >'+
		    		'<img src="http://www.beijingmap.gov.cn/bjyl/park/images/interest/1cjtq.jpg" width="140" height="100" alt="春季踏青赏花游" />'+    		 
		    		'<span class="img-describe">春季踏青赏花游</span></a></li>'+
			'<li><a href="http://www.beijing.cn/chnnewyear/s214059506" target="_blank" >'+
					'<img src="http://www.beijingmap.gov.cn/bjyl/park/images/interest/2010_mh.jpg" width="140" height="100" alt="网上逛庙会" />'+
					'<span class="img-describe">网上逛庙会</span></a></li>'+
		    '<li><a href="http://www.bjyl.gov.cn/parkgarden/web/summerautumn/hy.html" target="_blank" >'+
		    		'<img src="http://www.beijingmap.gov.cn/bjyl/park/images/interest/3jqccy.jpg" width="140" height="100" alt="京都赏彩叶" />'+
		    		'<span class="img-describe">京都处处赏彩叶</span></a></li>'+	    		
			'<li><a href="http://www.bjyl.gov.cn/parkgarden/parkweb.do?method=jpParkList" target="_blank" >'+
					'<img src="http://www.beijingmap.gov.cn/bjyl/park/images/interest/4jpgy.jpg" width="140" height="100" alt="精品公园" />'+
					'<span class="img-describe">精品公园</span></a></li>' +
			'<li><a href="http://www.bjyl.gov.cn/parkgarden/web/zonghe/huaqi.htm" target="_blank" >' +
					'<img src="http://www.beijingmap.gov.cn/bjyl/park/images/interest/5hqrl.jpg" width="140" height="100" alt="游园手册" />' +
					'<span class="img-describe">花期日历</span></a></li>' +
			'<li><a href="http://ly.beijing.cn/bjlyfw/gyylscdzs/" target="_blank" >' +
					'<img src="http://www.beijingmap.gov.cn/bjyl/park/images/interest/6ylsc.jpg" width="140" height="100" alt="游园手册" />' +
					'<span class="img-describe">游园手册</span></a></li>' +
			'</ul>' +
			'</div>';
			
	$("#result").html(interestHtml);						

	window.carousel=$('#mycarousel').jcarousel({
		vertical: true,	    
	    scroll:1
	});	
	
});