var customFn = function() {
	var imgLogo = new Image();
	imgLogo.src = "./pl/yumap.gif";
	imgLogo.className = "gmnoprint";
	imgLogo.style.position = "absolute";
	imgLogo.style.left = "70px";
	//map.getContainer().insertBefore(imgLogo,map.getContainer().firstChild.nextSibling);
	map.getContainer().appendChild(imgLogo);
	
	//override function
	showInfoWindowAt = function(record)
	{
		//create new node
		Ext.getBody().createChild({
			id : "info",
			style: "width:100%;height:100%;"
		});
		var grid = new Ext.grid.PropertyGrid({
			title : "Details",
			region : "east",
			width : 200,
			height : 100,
			disableSelection : true,
			collapsible : true,
			stripeRows : true,
			autoScroll : true,
			source : {
				"SIA": record.get("mls"),
				"Number": record.get("number"),
				"Street": record.get("street"),
				"City": record.get("city"),
				"Province": record.get("province"),
				Price : record.get("price"),
				"Living Area" : record.get("living_area"),
				"View in" : "<a href=\"./createkml.asp?a=pl&m=" + record.get("mls") + "\">Google Earth<\/a>"
			}
		});
		grid.store.sortInfo = null;
		grid.getColumnModel().setConfig([
			{ header : "Name", width : 125, sortable : false, dataIndex : "name", id : "name" },
			{ header : "Value", width : 175, sortable : false, dataIndex : "value", id : "value" }
		]);
		grid.on("beforeedit",function(e){
			e.cancel = true;
		});
		grid.colModel.renderCellDelegate = function(value, templateParams, record, rowIndex, columnIndex, store)
		{
			switch(record.id)
			{
				case "SIA":
					return Ext.util.Format.mls(value);
				case "Price":
					return Ext.util.Format.usMoney(value);
				case "Living Area":
					return Ext.util.Format.superficy(value,"sq. ft.");
				default:
					return value;
			}
		}
		var mlsImg = new Ext.Panel({
			title : record.get("title"),
			region : "center",
			width : 125,
			height : 100,
			html : "<a href=\"javascript:openPropertyWindow('" + record.get("mls") + "');\"><img src=\"" + record.get("img") + "\" alt=\"Property Picture\" style=\"width:100%;height:100%;\" /><\/a>"
		});
		//get the info div
		var info = new Ext.Panel({
			el : "info",
			width : 300,
			height : 150,
			layout : "border",
			bufferResize : 1,
			items : [
				mlsImg,
				grid
			]
		});
		info.render();
		//show the info window
		record.marker.openInfoWindow(info.getEl().dom, { maxContent : info.getEl().dom });
		//register maximizeend event
		google.maps.Event.addListener(map.getInfoWindow(), "maximizeend", function() {
			var container = this.getContentContainers()[0];
			info.setSize(container.clientWidth,container.clientHeight - 3);
			mlsImg.setSize(info.width - grid.width,info.height);
		});
		//register restoreend event
		google.maps.Event.addListener(map.getInfoWindow(), "restoreend", function() {
			info.setSize(300,150);
			mlsImg.setSize(125,100);
		});
	}
	
	//insert an iframe calling google earth
 	//Ext.DomHelper.insertAfter(Ext.getBody().dom.lastChild,{ tag : "iframe", src : "./createkml.asp?a=pl" });
}