/**
 * Note: The functions contained in this file are for demonstration purposes
 * only and are certainly not necessary in your own project.
 */
function initDemos(){

    // setup flash gallery demo
    Shadowbox.setup([
        document.getElementById('flash1'),
        document.getElementById('flash2'),
        document.getElementById('flash3')
    ], {
        gallery:        'Flash',
        continuous:     true,
        counterType:    'skip',
        animSequence:   'sync'
    });

    // setup image map demo
    Shadowbox.setup(document.getElementById('hongkongmap').getElementsByTagName('area'));

};

function demoMap(){
	//Directions Javascript


	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	
    Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(42.3384870, -71.2528485), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
				var message = '<div style="width:300px"><strong>275 Grove Street</strong><br><img src="images/googlemap-thumbs/thumb.jpg" style="float:right"><br>Address:<br>275 Grove Street<br>Boston, MA 02466<br style="clear:right"><br>Get directions: <a href="http://maps.google.com/maps?q=275+Grove+st,+Boston&oi=geocode_result&resnum=0&ct=directions-to&daddr=275+Grove+Street,+Boston,+MA+02466&saddr=&rl=1" target="_blank">To 275 Grove Street</a></div>';
				map.openInfoWindow(map.getCenter(),message);

	
				function createMarker(latlng, number) {
					var marker = new GMarker(latlng, markerOptions);
					var latlng = new GLatLng(42.3384870, -71.2528485);
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng,message);
						});
		  
					return marker;
				}
				
				map.addOverlay(createMarker(map.getCenter(), 1));
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());            
				}
			}
		}
	});
};



function demoMap1(){

// North End 42.355601, -71.055812

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.364836;
	var number2 = -71.054977;
	var url = "http://maps.google.com/maps?saddr=46+Prince+St,+Boston,+Massachusetts+02113&daddr=275+Grove+Street,+Boston,+MA+02466";
	var thumb = 'images/googlemap-thumbs/northend.jpg';
	var addressname = 'North End';
	var address1 	= 'Downtown Boston';
	var address2 	= "";
	var copy 	= "Boston's North End is the city's oldest residential community, where people have lived continuously since it was settled in the 1630s. Though small (1/3 sq mile), the neighborhood has approximately 100 eating establishments, and a variety of tourist attractions.<br/>(Wikipedia.org)";
	var website		='http://www.northendboston.com';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 15);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:162px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  


				
				}
			}
		}
	});
};




function demoMap2(){

// Post Office Square 42.357582, -71.056735

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.356479;
	var number2 = -71.055408;
	var url = "http://maps.google.com/maps?f=d&saddr=275+Grove+Street,+Boston+MA,+02466&daddr=42.356479,-71.055408&hl=en&geocode=&mra=dme&mrcr=0&mrsp=1&sz=18&sll=42.356025,-71.05512&sspn=0.003298,0.004828&ie=UTF8&ll=42.355793,-71.055107&spn=0.003187,0.004828&z=16";
	var thumb = 'images/googlemap-thumbs/thumb_01.gif';
	var addressname = 'Post Office Square';
	var copy 	= 'In the heart of the financial district, lies a jewel-like Great Lawn, raised above the walkways by a granite curb, providing a relaxing retreat.';
	var website		='http://www.normanbleventhalpark.org';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:135px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};




function demoMap3(){

// Rowes Wharf Square -71.049724,42.355916

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.355916;
	var number2 = -71.049724;
	var url = "http://maps.google.com/maps?f=d&saddr=275+Grove+Street,+Boston+MA,+02466&daddr=rowes+wharf,+Boston+ma&hl=en&geocode=&mra=ls&sll=42.355916,-71.049724&sspn=0.0255,0.038624&ie=UTF8&ll=42.355916,-71.049724&spn=0.003187,0.004828&z=15";
	var thumb = 'images/googlemap-thumbs/thumb_02.gif';
	var addressname = 'Boston Harbor Walk';
	var address1 	= 'Rowes Wharf';
	var address2 	= 'Boston, MA 02466';
	var copy 	= 'Walk along the ever-developing Boston&#39;s Harbor Walk and along with a wonderful view of the water, you&#39;ll encounter parks, cafes, public art, fun events, and so much more along this expansive area.';
	var website		='http://www.Bostonharborwalk.com ';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:145px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

	
				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};



function demoMap4(){

// Faneuil Hall/Quincy Market 42.353899, -71.053725

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.358897;
	var number2 = -71.056995;
	var url = "http://maps.google.com/maps?f=d&saddr=275+Grove+Street,+Boston+MA,+02466&daddr=510+Atlantic+Avenue,+Boston,+MA+02466&hl=en&geocode=&mra=ls&sll=42.353943,-71.052980&sspn=0.003187,0.004828&ie=UTF8&z=16";
	var thumb = 'images/googlemap-thumbs/quincymarket.jpg';
	var addressname = 'Faneuil Hall/Quincy Market';
	var address1 = '510 Atlantic Avenue';
	var address2 = 'Boston, MA 02466';
	var copy 	= "It's the seat of American history and the site of one of America's most famous shopping and dining experiences.<br/>(FaneuilHallMarketplace.com)";
	var website		='http://www.FaneuilHallMarketplace.com';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:135px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};



function demoMap5(){

// Langham Hotel 42.356397, -71.054462

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };

	var number1 = 42.356277;
	var number2 = -71.054508;
	var url = "http://maps.google.com/maps?f=d&saddr=275+Grove+Street,+Boston+MA,+02466&daddr=250+Franklin+Street,+Boston,+MA+02466+(The+Langham,+Boston+Hotel)&hl=en&geocode=%3BCSIGJLyCiNW6FWROhgIdS8vD-yF3SA_3WVuH8Q&mra=pe&mrcr=0&sll=42.356479,-71.055408&sspn=0.012749,0.019312&ie=UTF8&z=17";
	var thumb = 'images/googlemap-thumbs/thumb_04.gif';
	var addressname = 'The Langham';
	var address1 = '250 Franklin St';
	var address2 = 'Boston, MA 02466';
	var copy 	= "Located  in the heart of downtown Boston, MA, The Langham hotel combines its rich history with all the contemporary features of a luxury hotel in Boston.";
	var website		='http://Boston.langhamhotels.com/';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:125px; overflow:visible"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};


function demoMap5a(){

// Rowes Wharf 42.356597, -71.050328

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.355916;
	var number2 = -71.049724;
	var url = "http://maps.google.com/maps?f=d&saddr=275+Grove+Street,+Boston+MA,+02466&daddr=Congress+St+to:70+Rowes+Wharf,+Boston,+MA+02466+(Boston+Harbor+Hotel)&hl=en&geocode=%3BFVlGhgIdMMzD-w%3BFUxPhgIduNnD-yE-KrPFNGB5sA&mra=ls&via=1&sll=42.349854,-71.05648&sspn=0.0255,0.038624&ie=UTF8&ll=42.350917,-71.056116&spn=0.0255,0.038624&z=15";
	var thumb = 'images/googlemap-thumbs/thumb_05a.gif';
	var addressname = 'Rowes Wharf';
	var address1 = '70 Rowes Wharf';
	var address2 = 'Boston, MA 02466';
	var copy 	= "The Boston Harbor Hotel is Boston's landmark, waterfront Hotel located at Rowes Wharf overlooking historic Boston Harbor.";
	var website		='http://www.bhh.com/';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:135px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};



function demoMap6(){

// Boston Harbor Hotel 42.356597, -71.050328

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.355916;
	var number2 = -71.049724;
	var url = "http://maps.google.com/maps?f=d&saddr=275+Grove+Street,+Boston+MA,+02466&daddr=Congress+St+to:70+Rowes+Wharf,+Boston,+MA+02466+(Boston+Harbor+Hotel)&hl=en&geocode=;FVlGhgIdMMzD-w;FUxPhgIduNnD-yE-KrPFNGB5sA&mra=ls&via=1&sll=42.355916,-71.049724&sspn=0.0255,0.038624&ie=UTF8&ll=42.355916,-71.049724&spn=0.003187,0.004828&z=16";
	var thumb = 'images/googlemap-thumbs/thumb_05.gif';
	var addressname = 'Boston Harbor Hotel';
	var address1 = '70 Rowes Wharf';
	var address2 = 'Boston, MA 02466';
	var copy 	= "The Boston Harbor Hotel is Boston's landmark, waterfront Hotel located at Rowes Wharf overlooking historic Boston Harbor.";
	var website		='http://www.bhh.com/';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:135px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};





function demoMap7(){

// Rose Kennedy Greenway -71.056474,42.362154

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.354461;
	var number2 = -71.053734;
	var url = 
"http://maps.google.com/maps?f=d&saddr=275+Grove+Street,+Boston+Ma&daddr=42.353898,-71.053981&hl=en&geocode=&mra=dme&mrcr=0&mrsp=1&sz=17&sll=42.354461,-71.053734&sspn=0.006375,0.009656&ie=UTF8&ll=42.354461,-71.053734&spn=0.006375,0.009656&z=16";
	var thumb = 'images/googlemap-thumbs/thumb_06.gif';
	var addressname = 'Rose Kennedy Greenway';
	var address1 = 'Dowtown Boston';
	var address2 = ' ';
	var copy 	= "A progression of charming and expansive parks extending through Downtown Boston through to the Waterfront areas is the ongoing chain of grassland conservancy and gardens that make up this beautiful Greenway.";
	var website		='http://www.rosekennedygreenway.org/';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:145px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};



function demoMap8(){

// State Street Station 42.355295, -71.060788

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.358657;
	var number2 = -71.057795;
	
	
	var url = "http://maps.google.com/maps?saddr=Court+St+%26+City+Hall+Plaza,+Boston,+MA+02108&daddr=275+Grove+Street,+Boston,+MA+02466";
	var thumb = 'images/googlemap-thumbs/statestreetstn.jpg';
	var addressname = 'State Street Station';
	var address1 	= 'Downtown Boston';
	var address2 	= '';
	var copy 	= "Old State House was the center of Boston's civic life in the 18th century and the scene of some of the most dramatic chapters in the lead-up to the American Revolution.<br/>(BostonHistory.org)";
	var website		='http://www.mbta.com/schedules_and_maps/subway/lines/stations/?stopId=14471&lat=42.359065&lng=-71.057421';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(42.357591, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:135px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};




function demoMap9(){

// Government Center Station -71.060497,42.35549

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.359297;
	var number2 = -71.059595;
	var url = "http://maps.google.com/maps?saddr=Court+St+at+cambridge+street,+boston,+ma+02108&daddr=275+Grove+Street,+Boston,+MA+02466";
	var thumb = 'images/googlemap-thumbs/governmentcenterstn.jpg';
	var addressname = 'Government Center Station';
	var address1 	= 'Downtown Boston';
	var address2 	= '';
	var copy 	= "Government Center is the location of Boston City Hall, two Suffolk County courthouses, two state office buildings, and two federal office buildings, a major MBTA subway interchange station, and a large open plaza used for large outdoor urban events, including free concerts in the summer and a large Santa's Workshop display in the winter.<br/>(Wikipedia.org)";
	var website		='http://www.mbta.com/schedules_and_maps/subway/lines/stations/?stopId=14037&lat=42.359322&lng=-71.059252';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:165px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};




function demoMap10(){

// Haymarket Station -71.049677,42.355972

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.363298;
	var number2 = -71.058296;
	var url = "http://maps.google.com/maps?saddr=North+Washington+at+New+Chardon+Street,+Boston&daddr=275+Grove+Street,+Boston,+MA+02466";
	var thumb = 'images/googlemap-thumbs/haymarketstation.jpg';
	var addressname = 'Haymarket Station';
	var address1 = '60 Rowes Wharf';
	var address2 = 'Boston, MA 02466';
	var copy 	= "Haymarket is Boston's great outdoor market, where you can buy everything from fruits and vegetable to sugar cane to fish just off the boat. It is everything your average supermarket isn't: cheap and loud and in your face. And don't even think of looking over any of those 12 limes you're about to spend a buck on.<br/>(Boston-Online.com)";
	var website		='http://www.mbta.com/schedules_and_maps/subway/lines/stations/?stopId=15582&lat=42.363222&lng=-71.057922';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:175px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};


function demoMap11(){

// Aquarium Station -71.049677,42.355972

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.359716;
	var number2 = -71.051104;
	var url = "http://maps.google.com/maps?saddr=183+State+St,+Boston,+MA+02110&daddr=275+Grove+Street,+Boston,+MA+02466";
	var thumb = 'images/googlemap-thumbs/neaq.jpg';
	var addressname = 'Aquarium Station';
	var address1 = '60 Rowes Wharf';
	var address2 = 'Boston, MA 02466';
	var copy 	= "Founded in 1969, the New England Aquarium is a global leader in ocean exploration and marine conservation. The Aquarium is one of the premier visitor attractions in Boston, with over 1.3 million visitors a year, and a major public education resource.<br/>(www.neaq.org)";
	var website		='http://www.mbta.com/schedules_and_maps/subway/lines/stations/?stopId=14486&lat=42.359634&lng=-71.051807';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:155px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};


function demoMap12(){

// Aquarium  -71.049677,42.355972

	// Create our "tiny" marker icon
	var blueIcon = new GIcon(G_DEFAULT_ICON);
	blueIcon.image = "images/marker.png";
	
	// Set up our GMarkerOptions object
	markerOptions = { icon:blueIcon };
	
	var number1 = 42.359016;
	var number2 = -71.049504;
	var url = "http://maps.google.com/maps?saddr=1+Central+Wharf,+Boston,+MA+02110&daddr=275+Grove+Street,+Boston,+MA+02466";
	var thumb = 'images/googlemap-thumbs/neaq.jpg';
	var addressname = 'New England Aquarium';
	var address1 = '60 Rowes Wharf';
	var address2 = 'Boston, MA 02466';
	var copy 	= "Founded in 1969, the New England Aquarium is a global leader in ocean exploration and marine conservation. The Aquarium is one of the premier visitor attractions in Boston, with over 1.3 million visitors a year, and a major public education resource.<br/>(www.neaq.org)";
	var website		='http://www.neaq.org/';
	
Shadowbox.open({
        player:     'html',
        content:    '',
        height:     550,
        width:      990,
        options:    {
		onFinish: function(item){
            if(GBrowserIsCompatible()){
				var map = new GMap2(document.getElementById('shadowbox_content'));
				map.setCenter(new GLatLng(number1, number2), 16);
	
				var bounds = map.getBounds();
				var southWest = bounds.getSouthWest();
				var northEast = bounds.getNorthEast();
				var lngSpan = northEast.lng() - southWest.lng();
				var latSpan = northEast.lat() - southWest.lat();
			
				var myHtml = '<div style="width:300px; height:155px; overflow:visible; display:block"><strong>' + addressname + '</strong><br><div style="float:right; text-align:center"><div style="font-size:10px"><a href="'+ website +'" target="_blank"><img src="' + thumb + '" border=0 style="padding-left:3px;"/></a><br/><a href="'+ website +'" target="_blank">Visit Website</a></div></div><div style="font-size:10px; margin-top:10px; line-height:13px; color:#999">' + copy + '</div><br style="clear:right">Get directions: <a href="' + url + '" target="_blank">To here from 275 Grove Street</a></div>';
				
				var myLogo = '<div style="width:25px; height:96px; text-align:center; margin-left:48px"><img src="images/logo.jpg"/></div>';

				function createMarker(latlng, number) {
      				var marker = new GMarker(latlng, markerOptions);
      				marker.value = number;
					GEvent.addListener(marker,"click", function() {
						map.openInfoWindow(latlng, myLogo);
						});
					return marker;
				}
				//275 Grove Street
				var latlng = new GLatLng(42.3370370, -71.2517485);
				

				function createMarker2(latlng, number) {
      				var marker = new GMarker(latlng);
      				marker.value = number;
      				GEvent.addListener(marker,"click", function() {
        				map.openInfoWindowHtml(latlng, myHtml);
      					});
      				return marker;
				}
				
				var latlng2 = new GLatLng(number1, number2);
				map.addOverlay(createMarker2(latlng2, 1));
				//map.addOverlay(new GMarker(latlng, markerOptions));
				map.addOverlay(createMarker(latlng, 1));
				map.openInfoWindowHtml(latlng2,myHtml);
				
				// add some simple controls
				map.addControl(new GSmallMapControl());
				map.addControl(new GMapTypeControl());  

				
				}
			}
		}
	});
};

















function demoMessage(){

    Shadowbox.open({
        player:     'html',
        content:    '<div class="shadowbox_message">You\'re using <a href="http://www.mjijackson.com/shadowbox">Shadowbox</a>!</div>',
        height:     225,
        width:      200
    });

};

function demoGallery(){

    var img = {
        player:     'img',
        content:    'gallery/aston_martin/vanquish.jpg'
    };

    var video = {
        player:     'iframe',
        content:    'http://www.youtube.com/v/y8Kyi0WNg40&amp;autoplay=1',
        height:     340,
        width:      405,
        title:      'Dramatic Look'
    };

    Shadowbox.open([img, video], {
        continuous: true
    });

};