$(document).ready(function(){

	$(function() {
		$("#accordion").tabs(
			"#accordion div.pane", {
				tabs: 'h2',
				effect: 'slide',
				initialIndex: null
			}
		);
	});
	
	$(".download_now").tooltip({
		position: "top right",
		predelay: 100,
		effect: 'slide',
		delay: 80,
		offset: [-140, -120],
		opacity: 1
	});

	$(".download_now").tooltip({
		onShow: function() {
			var api = $(this).data("tooltip");
			var mtip = api.getTip();
			mtip.insertBefore('body');
		}
	});

	$('.pid').click( function() {
    var pid = this.id;
// 		var api = $(this).data("tooltip");
// 		var mtip = api.getTip();
// 		mtip.hide();
		//alert('Will get the details for property ' + pid);
		$.post("properties.php", { get_psd: pid },
		function(retVal) {
			var retJSON = new Array();
			retJSON = eval('(' + retVal + ')');
			var cmsd = retJSON[0].cms_content;
			//alert(cmsd);
			$("#prop_details").html("");
			$("#prop_details").append(retJSON[0].pic1_html);
			$("#prop_details").append("<p>" + cmsd + "</p>");

		});
	});
		
	$('a.pdflink').click( function(event) {
    var pid = this.id.replace("pdf","");
		//alert('Will get the pdf details for property ' + pid);
		$.post("properties.php", { get_pdf: pid },
		function(retVal) {
			var retJSON = new Array();
			retJSON = eval('(' + retVal + ')');
			var cmsd = retJSON[0].prop_issue_code;
			//alert(cmsd);
			$("#prop_details").html("<h1>Details PDF file for property "+pid+"</h1>" );
			$("#prop_details").append(retJSON[0].prop_issue_code);
			$("#prop_details").append("<p class=\"right\">To download the PDF file click <em>(or right click and save as)</em> <a href="+retJSON[0].pdf1_ref+">HERE "+retJSON[0].pdf1_ref+"</a></p>");
		});
		event.preventDefault();
	});
		
	$('a.maplink').click( function(event) {
    var pid = this.id.replace("map","");
		//alert('Will get the map for property ' + pid);
		$.post("properties.php", { get_map: pid },
		function(retVal) {
			var retJSON = new Array();
			retJSON = eval('(' + retVal + ')');
			var lat = retJSON[0].map_lat;
			var lng = retJSON[0].map_lng;
			//alert(lat);
			//alert(lng);
			$("#prop_details").html("<h1>Area map for property "+pid+"</h1>" );
			$("#prop_details").append("<div id=\"map_canvas\"></div>" );

			var latlng = new google.maps.LatLng(lat, lng);
	    var myOptions = {
  	    zoom: 17,
    	  center: latlng,
      	mapTypeId: google.maps.MapTypeId.HYBRID
    	};
    	var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
	
		});
		event.preventDefault();
	});
		
	$('a.paylink').click( function(event) {
    var pid = this.id.replace("pay","");
		//alert('Will get the pdf details for property ' + pid);
		$.post("properties.php", { get_pay: pid },
		function(retVal) {
			var retJSON = new Array();
			retJSON = eval('(' + retVal + ')');
			var cmsd = retJSON[0].pay_html;
			//alert(cmsd);
			$("#prop_details").html("<h1>Booking for property "+pid+"</h1>" );
			$("#prop_details").append(retJSON[0].pay_html);
		});
		event.preventDefault();
	});
		
	$('a.gallink').click( function(event) {
    var pid = this.id.replace("gal","");
		//alert('Will get the pdf details for property ' + pid);
		$.post("properties.php", { get_gal: pid },
		function(retVal) {
			var retJSON = new Array();
			retJSON = eval('(' + retVal + ')');
			var cmsd = retJSON[0].gallery_html;
			//alert(cmsd);
			$("#prop_details").html("<h1>Photo Gallery for property "+pid+"</h1>" );
			$("#prop_details").append(retJSON[0].gallery_html);
			//$("#prop_details").append("<p><br><em><strong>Click on a picture above to view it larger.</strong> Then clicking on the left of right edge of the larger picture moves forwards and backwards through the gallery.</em><br></p>");
			$("#prop_details").append("<p class=\"right\"><br>&nbsp;</p>");
		});
		event.preventDefault();
		//.ready();
	});
		
	$("img[rel]").live.overlay();
});