
var being_dragged = false;
var click_x = 0;
var click_y = 0;
var box_x = 0;
var box_y = 0;

function createMarker(point, index) {
  // Create a lettered icon for this point using our icon class
  var letter = String.fromCharCode("A".charCodeAt(0) + index);
  var letteredIcon = new GIcon(baseIcon);
  letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

  // Set up our GMarkerOptions object
  markerOptions = { icon:letteredIcon };
  var marker = new GMarker(point, markerOptions);

  GEvent.addListener(marker, "click", function() {
	marker.openInfoWindowHtml("Horsham, PA Location");
  });
  return marker;
}

function initialize() {
  if (GBrowserIsCompatible()) {

	var map = new GMap2(document.getElementById("map"));
	var point = new GLatLng(40.200618, -75.168674 );
	map.setCenter(point, 7);
	//map.disableDragging();
	map.addControl(new GSmallMapControl());
	//map.addControl(new GMapTypeControl());
	var marker = new GMarker(point);
	map.addOverlay(marker);
	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml("Our Horsham, PA Location");
	});
  }
}

function showDirections() {
	var address = document.getElementById("address").value;
	if (address == "" || address == "Address Here")
		return;
	var directionsTxt = address + " to 420 Babylon Rd, Horsham, PA 19044-1225";
	var map2 = new GMap2(document.getElementById("map2"));
    var directionsPanel = document.getElementById("routeWrapper");
    var routeDrag = document.getElementById("routeDrag");
    var directionsData = document.getElementById("routeData");
    map2.innerHTML="";
    directionsData.innerHTML="";
	directions = new GDirections(map2, directionsData);
	// GEvent.addListener(directions,"load",function() {
	// 	directions.innerHTML += "\n<div></div>\n";
	// }); }
	directions.load(directionsTxt);
	directionsPanel.style.left="10px";
	directionsPanel.style.top="10px";
	directionsPanel.style.display="inline";
}

function hideDirections() {
	var directionsPanel = document.getElementById("routeWrapper");
	directionsPanel.style.display="none";
	directionsPanel.style.left="-999px";
}

function mouse_down(event) {
	being_dragged = true;
	var box = document.getElementById("routeWrapper");
	box_x = parseInt(box.style.left, 10);
	box_y = parseInt(box.style.top, 10);
	click_x = event.clientX;
	click_y = event.clientY;
	var sts = "box: "+box_x+","+box_y+"  evnt: "+event.clientX+"px,"+event.clientY + "px  clk: "+click_x+","+click_y;
	//window.status=sts;
	document.getElementById("routeWrapper").style.cursor = 'move';
}

function stick() {
	var box = document.getElementById("routeWrapper");
	being_dragged = false;
	box_x = parseInt(box.style.left, 10);
	box_y = parseInt(box.style.top, 10);
	document.getElementById("routeWrapper").style.cursor = 'auto';
}

function mouse_track(event) {
	var box = document.getElementById("routeWrapper");
	var bx = parseInt(box.style.left, 10);
	var by = parseInt(box.style.top, 10);
	if(being_dragged == true) {
		document.getElementById("routeWrapper").style.left = (box_x + event.clientX - click_x) + "px";
		document.getElementById("routeWrapper").style.top = (box_y + event.clientY - click_y) +"px";
	}
	var sts = "box:"+bx+","+by+" - evnt:"+event.clientX+","+event.clientY+" - clk:"+click_x+","+click_y;
	//window.status=sts;
}

function print_doc() {
	var  disp_setting="toolbar=no,location=no,directories=no,menubar=no,";
		 disp_setting+="scrollbars=yes,width=650, height=400,left=100, top=25";
	var directionsPanel = document.getElementById("routeWrapper");
	var docData = directionsPanel.innerHTML;
	var docprint=window.open("","",disp_setting);
	docprint.document.open();
	docprint.document.write('<html>\n<head>\n<title>Whitaker Walk Directions</title>\n');
	docprint.document.write('</head>\n<body onLoad="self.print()">\n');
	docprint.document.write(docData);
	docprint.document.write('</body>\n</html>');
	docprint.document.close();
	docprint.focus();
}
