/* Javascript */

/* JQuery */

$(function(){	

	/*** Slider **/
	$("#slidetop").carouFredSel({
		width : 800,
		height : 186,
 		direction	: "left",
		//infinite : false,
		circular : false,
		//auto : true,
		pagination : "#slidetop_pag",
		scroll: 1,
		prev : "#slidetop_prev",
		next : "#slidetop_next",
	});

	$("a.playyoutube").click(function() {
			 $.fancybox({
			  'padding': 0,
			  'autoScale': false,
			  'transitionIn': 'none',
			  'transitionOut': 'none',
			  'title': this.title,
			  'width': 600,
			  'height': 400,
			  'autoplay': 1,
			  'href': this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			  'type': 'swf',    // <--add a comma here
			  'swf': {'allowfullscreen':'true'} // <-- flashvars here
			  });
			 return false;

		}); 


	
	/*** Featured **/
	$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	/*** End **/


	/*** Go to Top **/
	$('a[href=#top]').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });
	/*** End **/

	$("input#SearchPlace").click(function(){
		searchPlace();
		$("#map_canvas").show();
	}); 
	var searchPlace=function(){
		var AddressSearch=$("input#namePlace").val();
		var SeachZoom = $("input#mapzoom").val();
		if(geocoder){
			geocoder.geocode({  
				 address: AddressSearch
			},function(results, status){
				if(status == GGM.GeocoderStatus.OK) { 
					var my_Point=results[0].geometry.location;
					$("input#maplat").val(my_Point.lat());
					$("input#maplon").val(my_Point.lng());
					$("input#mapzoom").val(SeachZoom);     
					initialize(); 
				}else{  
					alert("สถานที่นี้ยังไม่มีแผนที่ค่ะ");  
					//$("input#namePlace").val("");
				 }  
			});  
		} 
	}
	$("<script/>", {
	  "type": "text/javascript",
	  src: "http://maps.google.com/maps/api/js?v=3.2&sensor=false&language=th&callback=initialize"
	}).appendTo("body");	
});

var map;
var GGM;
var geocoder;
var my_Marker;
function initialize() { 
	GGM=new Object(google.maps);
	geocoder = new GGM.Geocoder();
	var maplat = $("#maplat").val();	
	var maplon = $("#maplon").val();	
	var my_Latlng  = new GGM.LatLng(maplat,maplon);
	var my_mapTypeId=GGM.MapTypeId.ROADMAP;
	var my_DivObj=$("#map_canvas")[0]; 
	var myOptions = {
		zoom: 15, 
		center: my_Latlng ,
		mapTypeId:my_mapTypeId 
	};
	map = new GGM.Map(my_DivObj,myOptions);
	
	var my_Marker = new GGM.Marker({ 
		position: my_Latlng,
		map: map, 
		draggable:false, 
	});
	
	GGM.event.addListener(map, 'zoom_changed', function() {
		$("#zoom_value").val(map.getZoom());
	});

}