//var text_changed = false;
function prepareMailForm() {
	$("input.subject").on("change", function(){
		//if (text_changed == true) return;
		
		var id = $(this).attr("id");
			if (id == "register") {
			$("#content").val("我想要詢問"+c_name+"課程，目前小孩____年級，請與我電話聯絡上課時間。");
		} else {
			$("#content").val("");
		}

	});	
	$("#ask_form").unbind("submit");
	$("#ask_form").on("submit", function(e) {
		$("#ask_form :input").attr("disabled", "disabled");
		var data = {
			name: $("#name").val(),
			phone: $("#phone").val(),
			content: $("#content").val(),
		}
		if (course != "") data["course"] = course;
		if(data["phone"].length<5 || data["content"]<10) {
			bootbox.alert("請填寫所需欄位,再試一次!");
		} else {
			$.ajax({
				url: "/contact",
				type: "POST",
				data: data,
				success: function(res) {
					$("#ask_form :input").attr('disabled');
					//$("#ask_form").after('<div class="alert alert-success">感謝您的來信</div>');
					bootbox.alert("感謝您的來信,會儘快回覆!");
				},
				error: function(err) {
					$("#ask_form :input").removeAttr('disabled');
					//$("#ask_form").after('<div class="alert alert-error">寄信時發生錯誤，請稍候再試</div>');
					bootbox.alert("寄信時發生錯誤，請稍候再試");
				}
			});
			e.preventDefault();
		}
	});	
}

var map;
var marker;
var infowindow;
var classroom = new google.maps.LatLng(25.04076,121.572446);
function prepareGoogleMap() {
	map = new google.maps.Map(document.getElementById("map_canvas"), {
		center: new google.maps.LatLng(25.042100,121.572500),
		zoom: 16,
		mapTypeControl: false,
		streetViewControl: true,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	});	

	//classroom
	var marker_icon = {
		url: "/images/markers/map_mark_50.png",
		size: new google.maps.Size(50, 50),
	    origin: new google.maps.Point(0,0),
    	anchor: new google.maps.Point(25,25)
	}
	var shadow_icon = {
		url: "/images/markers/map_shadow_30.png",
		size: new google.maps.Size(50, 33),
	    origin: new google.maps.Point(0,0),
    	anchor: new google.maps.Point(16,32)
	}

	marker = new google.maps.Marker({
	    position: new google.maps.LatLng(25.04076,121.572446),
	    icon: marker_icon,
	    //shadow: shadow_icon,
	    map: map,
	    title:"大拇指積木教室(忠孝東路五段246號5F)"
	});
	
	//mcdonalids
	var marker_icon2 = {
		url: "/images/markers/map_mcdonalds.jpg",
		size: new google.maps.Size(35, 35),
	    origin: new google.maps.Point(0,0),
    	anchor: new google.maps.Point(17,35)
	}

	var marker2 = new google.maps.Marker({
	    position: new google.maps.LatLng(25.041127,121.571606),
	    icon: marker_icon2,
	    map: map,
	    title:"麥當勞"
	});
	
	//mrt
	var marker_icon2 = {
		url: "/images/markers/map_mrt.png",
		size: new google.maps.Size(44, 44),
	    origin: new google.maps.Point(0,0),
    	anchor: new google.maps.Point(22,22)
	}	

	var marker2 = new google.maps.Marker({
	    position: new google.maps.LatLng(25.040747,121.575131),
	    icon: marker_icon2,	    
	    map: map,
	    title:"永春捷運站2號出口"
	});
	
	//starbucks
	var marker_icon3 = {
		url: "/images/markers/map_starbucks.jpg",
		size: new google.maps.Size(40, 40),
	    origin: new google.maps.Point(0,0),
    	anchor: new google.maps.Point(20,40)
	}
	
	var marker3 = new google.maps.Marker({
	    position: new google.maps.LatLng(25.041151,121.573623),
	    icon: marker_icon3,	    
	    map: map,
	    title:"星巴克永春店"
	});
	
	//bellavita
	var marker_icon4 = {
		url: "/images/markers/map_bellavita.png",
		size: new google.maps.Size(42, 50),
	    origin: new google.maps.Point(0,0),
    	anchor: new google.maps.Point(21,25)
	}
	
	var marker4 = new google.maps.Marker({
	    position: new google.maps.LatLng(25.039562,121.567765),
	    icon: marker_icon4,	    
	    map: map,
	    title:"BellaVita 寶利廣場"
	});
	
	//誠品書店
	var marker_icon5 = {
		url: "/images/markers/map_elite.png",
		size: new google.maps.Size(60, 23),
	    origin: new google.maps.Point(0,0),
    	anchor: new google.maps.Point(30,10)
	}
	
	var marker5 = new google.maps.Marker({
	    position: new google.maps.LatLng(25.039639,121.565298),
	    icon: marker_icon5,	    
	    map: map,
	    title:"誠品書店"
	});
	
	//新光
	var marker_icon6 = {
		url: "/images/markers/map_shin_kong.png",
		size: new google.maps.Size(60, 23),
	    origin: new google.maps.Point(0,0),
    	anchor: new google.maps.Point(30,23)
	}
	
	var marker6 = new google.maps.Marker({
	    position: new google.maps.LatLng(25.038483,121.5668),
	    icon: marker_icon6,	    
	    map: map,
	    title:"新光三越"
	});
	
	//停車場
	var marker_icon6 = {
		url: "/images/markers/parking.png",
		size: new google.maps.Size(34, 34),
	    origin: new google.maps.Point(0,0),
    	anchor: new google.maps.Point(20,40)
	}	
	var marker6 = new google.maps.Marker({
	    position: new google.maps.LatLng(25.0407,121.5698),
	    icon: marker_icon6,	    
	    map: map,
	    title:"忠孝公有停車場(平面)(30元/時)46個小型車車位"
	});
	var marker7 = new google.maps.Marker({
	    position: new google.maps.LatLng(25.039246,121.572534),
	    icon: marker_icon6,	    
	    map: map,
	    title:"松山工農停車場 (30元/時) 239個小型車車位"
	});
	var marker8 = new google.maps.Marker({
	    position: new google.maps.LatLng(25.039222,121.571379),
	    icon: marker_icon6,	    
	    map: map,
	    title:"松高路臨時停車場 (30元/時)"
	});
	
	var info_html =  $("#classroom_info").html();
	console.log(info_html)
	infowindow = new google.maps.InfoWindow({ content: info_html });
	google.maps.event.addListener(marker, 'click', function() {
		infowindow.open(map,marker);
	});
	infowindow.open(map,marker);
}

function toggleStreetView() {
	var panorama = map.getStreetView();
	var toggle = panorama.getVisible();
	if (toggle == false) {
		panorama.setPosition(classroom);
		panorama.setPov({ heading: 180, pitch:13} );
		panorama.setVisible(true);
	} else {
		panorama.setVisible(false);
	}
}