// Google map data

//<![CDATA[

		if (GBrowserIsCompatible()) {
			
			var imagesMap = 0;
			var imagesMapMax = 0;
	
			// Create some custom icons
			var icons = [];
			
			var mayor = new GIcon(); 
			mayor.image = 'http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/icons/ico_foursquare_mayor_sm.png';
			mayor.iconSize = new GSize(16, 16);
			mayor.iconAnchor = new GPoint(8, 8);
			mayor.infoWindowAnchor = new GPoint(16, 1);
			
			var mayorBig = new GIcon(); 
			mayorBig.image = 'http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/icons/ico_foursquare_mayor_md.png';
			mayorBig.iconSize = new GSize(32, 32);
			mayorBig.iconAnchor = new GPoint(16, 16);
			mayorBig.infoWindowAnchor = new GPoint(32, 1);
			
			var missing = new GIcon(); 
			missing.image = 'http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/icons/ico_missing_sm.png';
			missing.iconSize = new GSize(16, 16);
			missing.iconAnchor = new GPoint(8, 8);
			missing.infoWindowAnchor = new GPoint(16, 1);
			
			var missingBig = new GIcon(); 
			missingBig.image = 'http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/icons/ico_missing_md.png';
			missingBig.iconSize = new GSize(32, 32);
			missingBig.iconAnchor = new GPoint(16, 16);
			missingBig.infoWindowAnchor = new GPoint(32, 1);
			
			var info = new GIcon(); 
			info.image = 'http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/icons/ico_about_sm.png';
			info.iconSize = new GSize(16, 16);
			info.iconAnchor = new GPoint(8, 8);
			info.infoWindowAnchor = new GPoint(16, 1);
			
			var infoBig = new GIcon(); 
			infoBig.image = 'http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/icons/ico_about_md.png';
			infoBig.iconSize = new GSize(32, 32);
			infoBig.iconAnchor = new GPoint(16, 16);
			infoBig.infoWindowAnchor = new GPoint(32, 1);
			
			var web = new GIcon(); 
			web.image = 'http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/icons/ico_portfolio_sm.png';
			web.iconSize = new GSize(16, 16);
			web.iconAnchor = new GPoint(8, 8);
			web.infoWindowAnchor = new GPoint(16, 1);
			
			var webBig = new GIcon(); 
			webBig.image = 'http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/icons/ico_portfolio_md.png';
			webBig.iconSize = new GSize(32, 32);
			webBig.iconAnchor = new GPoint(16, 16);
			webBig.infoWindowAnchor = new GPoint(32, 1);
			
			var photo = new GIcon(); 
			photo.image = 'http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/icons/ico_photos_sm.png';
			photo.iconSize = new GSize(16, 16);
			photo.iconAnchor = new GPoint(8, 8);
			photo.infoWindowAnchor = new GPoint(16, 1);
			
			var photoBig = new GIcon(); 
			photoBig.image = 'http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/icons/ico_photos_md.png';
			photoBig.iconSize = new GSize(32, 32);
			photoBig.iconAnchor = new GPoint(16, 16);
			photoBig.infoWindowAnchor = new GPoint(32, 1);
			
						icons["info"] = info;
			icons["infoBig"] = infoBig;
			icons["missing"] = missing;
			icons["missingBig"] = missingBig;
			icons["photo"] = photo;
			icons["photoBig"] = photoBig;
			icons["web"] = web;
			icons["webBig"] = webBig;
			icons["mayor"] = mayor;
			icons["mayorBig"] = mayorBig;
			
			// this variable will collect the html which will eventually be placed in the side_bar
      		var side_bar_html = "";
    
      		// arrays to hold copies of the markers and html used by the side_bar
      		// because the function closure trick doesnt work there
	  		var gmarkers = [];
			var gmarkersMap = [];
			var i = 0;
	 
	  

		// A function to create the marker and set up the event window
      function createMarker(point,html,icontype) {
		//function createMarker(point,html) {
        var marker = new GMarker(point,icons[icontype]);
		//var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(html, {maxWidth:473,buttons:{close:{show:4}}});
			//var infoWindowOptions = {zoomLevel:15, mapType:G_NORMAL_MAP};
			//marker.showMapBlowup(infoWindowOptions);
		});
		
		/*
		if (icontype != "missing" && icontype != "info" && icontype != "web" && icontype != "photo") {
			GEvent.addListener(marker, "click", function() {
				var infoWindowOptions = {zoomLevel:15, mapType:G_NORMAL_MAP};
				marker.showMapBlowup(infoWindowOptions);
        	});
		}
		*/
		
		// save the info we need to use later for the side_bar
       	gmarkers[i] = marker;
		i++;
		if (icontype == "missing" || icontype == "info" || icontype == "web" || icontype == "photo") {
			gmarkersMap[imagesMapMax] = marker;
			imagesMapMax++
		}
        return marker;
      }

		// This function picks up the click and opens the corresponding info window
      	function myclick(i) {
			if(i != '0') {
				map.panTo(gmarkersMap[i].getLatLng());
			}
        	//GEvent.trigger(gmarkers[i], "click");
			GEvent.trigger(gmarkersMap[i], "click");
      	}
		
		function backclick() {
			if (imagesMap > 0) {	
				imagesMap = imagesMap - 1;
			} else {
				imagesMap = 0;
			}
			if(imagesMap != '0') {
				map.panTo(gmarkersMap[imagesMap].getLatLng());
			}
			GEvent.trigger(gmarkersMap[imagesMap], "click");
      	}
		
		function nextclick() {
			if (imagesMap < imagesMapMax) {	
				imagesMap++;
			} else {
				imagesMap = imagesMapMax;
			}
			if(imagesMap != '0') {
				map.panTo(gmarkersMap[imagesMap].getLatLng());
			}
			GEvent.trigger(gmarkersMap[imagesMap], "click");
      	}
		
		function zoomIn() {
        	map.zoomIn();
      	}
		
		function zoomOut() {
        	map.zoomOut();
      	}     
		// Display the map, with some controls and set the initial location 
		var map = new GMap2(document.getElementById("container-map"));
		//map.addControl(new GSmallMapControl());
		//map.addControl(new GMapTypeControl());
		//map.setCenter(new GLatLng(41.938729,-87.60293),13);
		map.setCenter(new GLatLng(41.918729,-87.61393),13);
		map.setMapType(G_SATELLITE_MAP);
		map.enableScrollWheelZoom();

		var mm = new GMarkerManager(map); 
		
		document.getElementById("container-map").style.backgroundImage = "url(images/screen_bg.png)";

		// create markers
	
		
		var point = new GLatLng(41.898729,-87.62293);
		var html = '<div class="infoWindow"><a href="/contact" class="image"><img src="http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/joel/sm/09032008.jpg" width="100" height="100" alt="Joel" /></a><h1>Developer // Problem-Solver // Constant Work-in-Progress<!--<del>Robot in Disguise</del>--></h1><p>I believe in creating websites that work just as great as they look. Functionality should be intuitive, unconscious; it should just feel right. When I&rsquo;ve done my job well you might not even notice, but you darn sure know when something&rsquo;s off.</p><ul class="contact"><li class="phone"><a href="tel:3127256351">312.725.6351</a></li><li class="email"><a href="/contact">contact[at]damofknowledge[dot]com</a></li><li class="noindent"><a href="http://www.facebook.com/joelsunman" rel="external nofollow" title="Facebook" class="b_facebook">Facebook</a> <a href="http://twitter.com/damofknowledge" rel="external nofollow" title="@damofknowledge" class="b_twitter">@damofknowledge</a> <a href="http://www.linkedin.com/in/joelsunman" rel="external nofollow" title="LinkedIn"  class="b_linkedin">LinkedIn</a> <a href="/contact" class="inline-padding">more &raquo;</a></li></ul></div>';
		var icontype = "info";
		// create the marker
		var marker = createMarker(point,html,icontype);
		map.addOverlay(marker);
		// add the bigger icon version
		var icontype = "infoBig";
		// create the marker
		var marker = createMarker(point,html,icontype);
		mm.addMarker(marker,7,17);
		
		//$("#footer").append('<a href="http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/joel/lg/09032008.jpg" class="fancybox image testing" rel="mapGallery" title="Joel Sunman"><img src="http://www.damofknowledge.com/wp-content/themes/dam_v8_2009/images/joel/sm/09032008.jpg" width="100" height="100" alt="Joel" /></a>');
		
		// websites and photos
		//PianoByJaclyn.com Launches
var point = new GLatLng(41.944481,-87.654269);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2011/03/portfolio/pianobyjaclyn-com-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/pianobyjaclyn.com-2011-thumb-100x100.jpg" class="attachment-post-thumbnail wp-post-image" alt="PianoByJaclyn.com 2011" title="PianoByJaclyn.com 2011" /></a><h1>Piano by Jaclyn</h1> <p><em>2011</em><br /><p>Portfolio includes:</p><ul><li>HTML5 and CSS3</li><li>Audio Player for samples</li><li>Customized Wordpress theme based on the <a href="http://templatic.com/cms-themes/hospitality-premium-wordpress-theme">Hospitality theme by Templatic</a></li></ul><p><a href="http://www.damofknowledge.com/2011/03/portfolio/pianobyjaclyn-com-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//The Eye!!
var point = new GLatLng(41.877234,-87.627806);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2010/10/photos/the-eye" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/IMG_20101009_191504-corrected-100x100.jpg" class="attachment-post-thumbnail wp-post-image" alt="The Eye" title="The Eye" /></a><h1>Eye</h1> <p><em>2010</em><br />Taking the time to see this in person while wandering around town with Megan on a beautiful October evening.<p><a href="http://www.damofknowledge.com/2010/10/photos/the-eye" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Ampersandrew.com Launches
var point = new GLatLng(42.316315,-83.216811);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2010/08/portfolio/ampersandrew-com-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/ampersandrew_sm-100x100.jpg" class="attachment-post-thumbnail wp-post-image" alt="ampersandrew_sm" title="ampersandrew_sm" /></a><h1>Ampersandrew</h1> <p><em>2010</em><br />The portfolio includes:<ul><li>Single Page Layout</li><li>HTML5 and CSS3</li><li>Progressive enhancement with Webkit CSS3 transitions</li> <li>jQuery Galleries and Lightboxes</li><li>Custom HTML5 Video Player</li><li>Completely customized Wordpress theme, dropping almost everything from the traditional front-end yet leveraging it as full featured CMS</li><li><em><a href="http://ampersandrew.com">Design &amp; Content by Andrew Smith</a></em></li><li><a href="http://bit.ly/bSoqgU">Site of the Day - The CSS Awards</a></li></ul><p><a href="http://www.damofknowledge.com/2010/08/portfolio/ampersandrew-com-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//El Cuarto Año High School Site Launches
var point = new GLatLng(41.901508,-87.707226);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2010/06/portfolio/el-cuarto-ano-high-school-site-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/1116eca.org-home-06032010-100x100.png" class="attachment-post-thumbnail wp-post-image" alt="1116eca.org" title="1116eca.org" /></a><h1>El Cuarto Año High School</h1> <p><em>2010</em><br /><p>Website includes:<ul><li>All Design and Development</li><li>Customized Wordpress Theme based on Modularity</li><li>Image Galleries and Music Players</li></ul></p><p><a href="http://www.damofknowledge.com/2010/06/portfolio/el-cuarto-ano-high-school-site-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//FugScreens Studios Launches
var point = new GLatLng(41.913625,-87.667437);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2010/01/portfolio/fugscreens-studios-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/fugscreens_sm.png" class="attachment-post-thumbnail wp-post-image" alt="FugScreens" title="FugScreens" /></a><h1>FugScreens Studios</h1> <p><em>2010</em><br />Screenprinting studio site includes:<ul><li>Design and Development</li><li>Custom Wordpress Theme</li><li>PayPal Integration for Simple Shopping Cart</li></ul><p><a href="http://www.damofknowledge.com/2010/01/portfolio/fugscreens-studios-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Simple, Gray, pretty much Awesome
var point = new GLatLng(41.930878,-87.648955);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2010/01/portfolio/simple-gray-pretty-much-awesome" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/meganec_sm.png" class="attachment-post-thumbnail wp-post-image" alt="TheMeganEC" title="TheMeganEC" /></a><h1>MeganKlawitter.com</h1> <p><em>2010</em><br />Portfolio site includes:<ul><li>Custom Design</li><li>Etsy API Integration</li><li><a href="http://www.simpleviewer.net/">SimpleViewer</a> Customization</li><li>Mobile Versions for Android, iPhone and Blackberry</li></ul><p><a href="http://www.damofknowledge.com/2010/01/portfolio/simple-gray-pretty-much-awesome" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//IMU Collection Launches
var point = new GLatLng(42.253819,-83.750142);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2009/09/portfolio/imu-collection-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/imu-2010-home-100x100.png" class="attachment-post-thumbnail wp-post-image" alt="imu-2010-home" title="imu-2010-home" /></a><h1>IMUTheInsideOut.com</h1> <p><em>2009</em><br />T-shirt storefront includes:<ul><li>Full Drupal Customization</li><li>E-commerce Storefront</li><li>Blog and Community Forums</li><li>Designed by <a href="http://www.ampersandrew.com" rel="external">Andrew Smith</a></li></ul><p><a href="http://www.damofknowledge.com/2009/09/portfolio/imu-collection-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//AdTec Launches
var point = new GLatLng(39.817552,-84.9962);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2009/08/portfolio/adtec-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/admtec_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="AdTec" title="AdTec" /></a><h1>AdTec</h1> <p><em>2009</em><br />Consulting firm site includes:<ul><li>Full HTML and CSS Development</li><li>Design by <a href="http://www.ampersandrew.com" rel="external">Andrew Smith</a></li></ul><p><a href="http://www.damofknowledge.com/2009/08/portfolio/adtec-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Lisa Cordileone's Portfolio Launched
var point = new GLatLng(41.899207,-87.635912);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2009/07/portfolio/lisa-cordileones-portfolio-launched" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/lisacordileone_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="lisacordileone_sm" title="lisacordileone_sm" /></a><h1>LisaCordileone.com</h1> <p><em>2009</em><br />Actor portfolio site includes:<ul><li>Template customization</li><li>Hosting advice</li><li>Flash multimedia players</li><li>Small CMS with jQuery and editEase</li></ul><p><a href="http://www.damofknowledge.com/2009/07/portfolio/lisa-cordileones-portfolio-launched" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Emily Hoskins' Portfolio Launched
var point = new GLatLng(30.309965,-97.916312);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2009/05/portfolio/emily-hoskins-portfolio-launched" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/emilyhoskins_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="EmilyHoskins.com" title="EmilyHoskins.com" /></a><h1>EmilyHoskins.com</h1> <p><em>2009</em><br />Simple photography portfolio site includes:<ul><li>Design</li><li>SlideshowPro Photo Gallery Customization</li></ul><p><a href="http://www.damofknowledge.com/2009/05/portfolio/emily-hoskins-portfolio-launched" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Balloon Museum, Albuquerque, NM
var point = new GLatLng(35.190027,-106.598177);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2009/04/travel/balloon-museum-albuquerque-nm" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/albuquerque1_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Albuquerque" title="Albuquerque" /></a><h1>Balloon Museum, Albuquerque, NM</h1> <p><em>2009</em><br />Actually, the Balloon Museum is a lot more interesting than it sounds.<p><a href="http://www.damofknowledge.com/2009/04/travel/balloon-museum-albuquerque-nm" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Matt Cassatta's Portfolio Launched
var point = new GLatLng(40.741872,-73.984927);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2009/03/portfolio/matt-cassattas-portfolio-launched" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/mattcassatta_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="MattCassatta.com" title="MattCassatta.com" /></a><h1>MattCassatta.com</h1> <p><em>2009</em><br />Simple one page portfolio site includes:<ul><li>Design</li><li>jQuery Animation</li><li>Flash Video Playlists</li></ul><p><a href="http://www.damofknowledge.com/2009/03/portfolio/matt-cassattas-portfolio-launched" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//My City: Michigan Launches
var point = new GLatLng(42.330149,-83.045909);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2009/02/portfolio/my-city-michigan-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/mycitymi_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="My City: Michigan" title="My City: Michigan" /></a><h1>My City: Michigan</h1> <p><em>2009</em><br />B2C Directory includes:<ul><li>Adsense Integration</li><li>Twitter Integration</li><li>Users Ratings</li><li>Wordpress Customization</li></ul><p><a href="http://www.damofknowledge.com/2009/02/portfolio/my-city-michigan-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//AS3 - Image Viewer Demo
var point = new GLatLng(42.549324,-83.123288);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2008/11/portfolio/as3-image-viewer-demo" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/bigimage-100x100.png" class="attachment-post-thumbnail wp-post-image" alt="bigimage" title="bigimage" /></a><h1>Flash Image Viewer Demo</h1> <p><em>2008</em><br /><ul><li>ActionScript 3</li></ul><p><a href="http://www.damofknowledge.com/2008/11/portfolio/as3-image-viewer-demo" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Contact Form with Multiple Photo Attachments
var point = new GLatLng(35.725463,-78.849907);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2008/11/portfolio/contact-form-with-multiple-photo-attachments" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/azhairrestoration_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Contact Form for AZ" title="Contact Form for AZ" /></a><h1>Contact Form with Multiple Photo Attachments</h1> <p><em>2008</em><br />Form includes:<ul><li>Support for multiple photo attachments</li><li>PHP programming</li><li>Designed by Ben Segall</li></ul><p><a href="http://www.damofknowledge.com/2008/11/portfolio/contact-form-with-multiple-photo-attachments" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//ThesePeople v2 Launched
var point = new GLatLng(42.26062,-83.211983);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2008/09/portfolio/thesepeoplecomedycom" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/thesepeoplecomedy_sm1.jpg" class="attachment-post-thumbnail wp-post-image" alt="ThesePeopleComedy.com" title="ThesePeopleComedy.com" /></a><h1>ThesePeopleComedy.com</h1> <p><em>2008</em><br />Design & development of a website for Detroit, Michigan based comedy troupe ThesePeople, includes:<ul><li>HTML, CSS</li><li>PHP &amp; MySQL Backend</li><li>Flash Video</li><li>Closed Captioning for accessibility</li><li>iPhone & Android compatible video player</li></ul><p><a href="http://www.damofknowledge.com/2008/09/portfolio/thesepeoplecomedycom" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Spudnik Press Launched
var point = new GLatLng(41.889567,-87.672942);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2008/08/portfolio/spudnik-press-launched" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/spudnikpress_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Spudnik Press" title="Spudnik Press" /></a><h1>Spudnik Press</h1> <p><em>2008</em><br />Redesign & development of a website for Chicago, Illinois co-op print studio, includes:<ul><li>Complete Wordpress theme and CMS</li></ul><p><a href="http://www.damofknowledge.com/2008/08/portfolio/spudnik-press-launched" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Contest Winner
var point = new GLatLng(41.8892,-87.656232);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2008/07/portfolio/contest-winner" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/photobooth_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Photobooth" title="Photobooth" /></a><h1>Say Cheese Cheese Cheese Cheese</h1> <p><em>2008</em><br />Winning entry for <a href="http://www.coudal.com/" rel="external nofollow">Coudal Partners</a> photobooth contest:<ul><li>Flash ActionScript 3</li></ul><p><a href="http://www.damofknowledge.com/2008/07/portfolio/contest-winner" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Chicago Skyline
var point = new GLatLng(41.897949,-87.599498);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2008/07/photos/chicago-skyline" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/chiskyline_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Chicago Skyline" title="Chicago Skyline" /></a><h1>Chicago Skyline</h1> <p><em>2008</em><br />Architecture Boat Tour in Chicago, IL.<p><a href="http://www.damofknowledge.com/2008/07/photos/chicago-skyline" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//All State Camp Launches
var point = new GLatLng(42.252886,-83.205192);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2008/05/portfolio/all-state-camp-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/allstatecamp-home-100x100.png" class="attachment-post-thumbnail wp-post-image" alt="allstatecamp-home" title="allstatecamp-home" /></a><h1>All State Camp</h1> <p><em>2008</em><br />Site includes:<ul><li>Complete HTML/CSS Development</li><li>Designed by <a href="http://www.ampersandrew.com" rel="external">Andrew Smith</a></li></ul><p><a href="http://www.damofknowledge.com/2008/05/portfolio/all-state-camp-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Big Ben from the London Eye
var point = new GLatLng(51.500577,-0.124639);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2008/03/travel/big-ben-from-the-london-eye" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/london_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="London" title="London" /></a><h1>London</h1> <p><em>2008</em><br />One final day of sightseeing.<p><a href="http://www.damofknowledge.com/2008/03/travel/big-ben-from-the-london-eye" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Wright &amp; VanNoy Launches
var point = new GLatLng(39.759925,-84.191923);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2008/01/updates/wright-vannoy-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/wrightandvannoy-home-100x100.png" class="attachment-post-thumbnail wp-post-image" alt="wrightandvannoy-home" title="wrightandvannoy-home" /></a><h1>Wright &amp; VanNoy LPA, Inc.</h1> <p><em>2008</em><br />Site includes:<ul><li>Complete HTML/CSS Development</li><li>Designed by <a href="http://www.ampersandrew.com" rel="external">Andrew Smith</a></li></ul><p><a href="http://www.damofknowledge.com/2008/01/updates/wright-vannoy-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Keittiojatti.fl Launches
var point = new GLatLng(61.481702,23.783426);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2007/12/portfolio/keittiojatti-fl-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/jatti_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Jatti" title="Jatti" /></a><h1>Keittiojatti.fl (Demo Version)</h1> <p><em>2007</em><br />Keittiojatti.fl (Demo Version) includes:<ul><li>Complete HTML/CSS &amp; PHP Development</li><li>Custom Google Map implementation</li><li>Designed by <a href="http://www.ampersandrew.com" rel="external">Andrew Smith</a></li></ul><p><a href="http://www.damofknowledge.com/2007/12/portfolio/keittiojatti-fl-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Independence Hall in Philadelphia
var point = new GLatLng(39.948785,-75.150052);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2007/08/photos/independance-hall-in-philadelphia" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/philly_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Philly" title="Philly" /></a><h1>Philadelphia</h1> <p><em>2007</em><br />Independence Hall in Philadelphia<p><a href="http://www.damofknowledge.com/2007/08/photos/independance-hall-in-philadelphia" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Detroit World Outreach Storefront Launches
var point = new GLatLng(42.364204,-83.272923);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2007/06/portfolio/detroit-world-outreach-storefront-launches" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/dwo_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="DWO" title="DWO" /></a><h1>Detroit World Outreach</h1> <p><em>2007</em><br />Client maintained site and e-commerce storefront includes:<ul><li>HTML, CSS Development</li><li>X-Cart Customization</li><li>Design by <a href="http://www.ampersandrew.com/" target="_blank">Andrew Smith</a></li></ul><p><a href="http://www.damofknowledge.com/2007/06/portfolio/detroit-world-outreach-storefront-launches" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Welcome to The Mod Club
var point = new GLatLng(43.655237,-79.419304);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2007/05/travel/welcome-to-the-mod-club" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/modclub_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="The Mod Club" title="The Mod Club" /></a><h1>Toronto, ON</h1> <p><em>2007</em><br />Welcome... to The Mod Club<p><a href="http://www.damofknowledge.com/2007/05/travel/welcome-to-the-mod-club" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Washington D.C.
var point = new GLatLng(38.849334,-77.041969);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2007/03/travel/washington-d-c" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/dca_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="DCA" title="DCA" /></a><h1>Reagan National Airport</h1> <p><em>2007</em><br />Just landed for a long weekend in the capital.<p><a href="http://www.damofknowledge.com/2007/03/travel/washington-d-c" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//"bending minds since [1981]"
var point = new GLatLng(42.279849,-83.741714);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2007/02/portfolio/bending-minds-since-1981" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/aafilmfest_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Ann Arbor Film Fest" title="Ann Arbor Film Fest" /></a><h1>The Ann Arbor Film Festival</h1> <p><em>2007</em><br /><em>No longer live.</em><br />Design and development includes:<ul><li>Wordpress theme customization</li></ul><p><a href="http://www.damofknowledge.com/2007/02/portfolio/bending-minds-since-1981" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//soldes soldes soldes - Paris Day 3
var point = new GLatLng(48.862156,2.28918);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2007/01/travel/soldes-soldes-soldes-paris-day-3" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/eiffel_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Eiffel Tower" title="Eiffel Tower" /></a><h1>Paris, France</h1> <p><em>2007</em><br />Eiffel Tower from Palais de Chaillot<p><a href="http://www.damofknowledge.com/2007/01/travel/soldes-soldes-soldes-paris-day-3" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//sunday and monday are the worst nights to be anywhere/road trip day 10:
var point = new GLatLng(49.30288,-123.137941);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2006/08/travel/sunday-and-monday-are-the-worst-nights-to-be-anywhereroad-trip-day-10" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/vancouver_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Vancouver" title="Vancouver" /></a><h1>Vancouver - Seattle Road Trip</h1> <p><em>2006</em><br />Stanley Park, Vancouver<p><a href="http://www.damofknowledge.com/2006/08/travel/sunday-and-monday-are-the-worst-nights-to-be-anywhereroad-trip-day-10" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Touristy McTourister/road trip day 6:
var point = new GLatLng(47.620382,-122.34905);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2006/08/travel/touristy-mctouristerroad-trip-day-6" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/spaceneedle_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Space Needle" title="Space Needle" /></a><h1>Seattle Road Trip</h1> <p><em>2006</em><br />Space Needle and EMP<p><a href="http://www.damofknowledge.com/2006/08/travel/touristy-mctouristerroad-trip-day-6" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//"They've wifi-ed Yellowstone right?"/road trip day 3:
var point = new GLatLng(44.460526,-110.828249);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2006/08/travel/theyve-wifi-ed-yellowstone-rightroad-trip-day-3" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/yellowstone_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Yellowstone" title="Yellowstone" /></a><h1>Yellowstone - Seattle Road Trip</h1> <p><em>2006</em><br />Old Faithful at Yellowstone National Park<p><a href="http://www.damofknowledge.com/2006/08/travel/theyve-wifi-ed-yellowstone-rightroad-trip-day-3" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//"Love w/ 10% ethanol added"/road trip: day 2
var point = new GLatLng(43.878908,-103.4598);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2006/08/travel/love-w-10-ethanol-addedroad-trip-day-2" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/mtrushmore_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Mt Rushmore" title="Mt Rushmore" /></a><h1>Mount Rushmore - Seattle Road Trip</h1> <p><em>2006</em><br />Mount Rushmore after the hail storm<p><a href="http://www.damofknowledge.com/2006/08/travel/love-w-10-ethanol-addedroad-trip-day-2" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Charm at Kiyomizu Temple
var point = new GLatLng(34.994909,135.784199);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2005/07/travel/charm-at-kiyomizu-temple" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/kiyomizu_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Kiyomizu" title="Kiyomizu" /></a><h1>Kyoto, Japan</h1> <p><em>2005</em><br />Charm at Kiyomizu Temple<p><a href="http://www.damofknowledge.com/2005/07/travel/charm-at-kiyomizu-temple" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Stone lanterns in Nara
var point = new GLatLng(34.687918,135.839703);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2005/07/travel/stone-lanterns-in-nara" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/lantern_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Lanterns" title="Lanterns" /></a><h1>Japan</h1> <p><em>2005</em><br />Stone lanterns in Nara<p><a href="http://www.damofknowledge.com/2005/07/travel/stone-lanterns-in-nara" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Wandering around Asakusa, Tokyo
var point = new GLatLng(35.714905,139.795596);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2005/07/travel/wandering-around-asakusa-tokyo" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/asakusa_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Asakusa" title="Asakusa" /></a><h1>Tokyo, Japan</h1> <p><em>2005</em><br />Wandering off from the group to walk among the smaller temples in Asakusa.<p><a href="http://www.damofknowledge.com/2005/07/travel/wandering-around-asakusa-tokyo" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//Campaign Website, A Learning Experience
var point = new GLatLng(39.988781,-83.012497);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2005/07/portfolio/campaign-website-a-learning-experience" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/cbeach_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Campaign Website" title="Campaign Website" /></a><h1>Campaign Website (no longer online)</h1> <p><em>2005</em><br />Campaign website (no longer online) includes:<ul><li>Custom design</li><li>HTML/CSS development</li><li>Mailing list</li></ul><p><a href="http://www.damofknowledge.com/2005/07/portfolio/campaign-website-a-learning-experience" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "web";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "webBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
//My surname town, Indiana
var point = new GLatLng(39.235305,-85.095052);
var html = '<div class="infoWindow"><a href="http://www.damofknowledge.com/2003/08/travel/my-surname-town-indiana" class="fancybox image"><img width="100" height="100" src="http://www.damofknowledge.com/wp-content/uploads/sunman_sm.jpg" class="attachment-post-thumbnail wp-post-image" alt="Sunman, IN" title="Sunman, IN" /></a><h1>Sunman, IN</h1> <p><em>2003</em><br />My surname town, Indiana<p><a href="http://www.damofknowledge.com/2003/08/travel/my-surname-town-indiana" class="learnmore">Learn More</a></p><br class="clearboth" /></div>';
var icontype = "photo";
var marker = createMarker(point,html,icontype);
map.addOverlay(marker);
var icontype = "photoBig";
var marker = createMarker(point,html,icontype);
mm.addMarker(marker,7,17);
		
		// create foursquare markers
				
		
		
		    }

    else {
      alert("If your browser was awesome you'd be rockin' a Google map right now.");
    }
	
	
	//open first item by default
	myclick('0');

	
    //]]>