/**
 * 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.355954, -71.054003), 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>225 Franklin Street</strong><br><img src="src/skin/classic/thumb.jpg" style="float:right"><br>Address:<br>225 Franklin St<br>Boston, MA 02110<br style="clear:right"><br>Get directions: <a href="http://maps.google.com/maps?q=225+Franklin+st,+Boston&oi=geocode_result&resnum=0&ct=directions-to&daddr=225+Franklin+Street,+Boston,+MA+02110&saddr=&rl=1" target="_blank">To 225 Franklin St</a></div>';
				map.openInfoWindow(map.getCenter(),message);

	
				function createMarker(latlng, number) {
					var marker = new GMarker(latlng, markerOptions);
					var latlng = new GLatLng(42.355954, -71.054003);
					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(){

// Financial District 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.355601;
	var number2 = -71.055812;
	var url = "http://maps.google.com/maps?f=d&saddr=225+Franklin+Street,+Boston+Ma&daddr=42.356165,-71.056094&hl=en&geocode=&mra=dme&mrcr=0&mrsp=1&sz=18&sll=42.355424,-71.055011&sspn=0.003187,0.004828&ie=UTF8&ll=42.355793,-71.054946&spn=0.006374,0.009656&z=17";
	var thumb = 'src/skin/classic/thumb.jpg';
	var addressname = 'Financial District';
	var address1 	= 'Downtown Boston';
	var address2 	= ' ';
	var copy 	= 'Contrary to poular belife. Loreum Ipsum sum cum mangan diverte. Diagnostics sum la puella et agricolae est plus tragium. Diagnostics sum la puella et agricolae est plus tragium.';
	var website		='http://www.link.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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);
				

				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=225+Franklin+Street,+Boston+MA,+02110&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=18";
	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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);
				

				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=225+Franklin+Street,+Boston+MA,+02110&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=16";
	var thumb = 'images/googlemap-thumbs/thumb_02.gif';
	var addressname = 'Boston Harbor Walk';
	var address1 	= 'Rowes Wharf';
	var address2 	= 'Boston, MA 02110';
	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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);

				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(){

// InterContinental Hotel 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.353943;
	var number2 = -71.052980;
	var url = "http://maps.google.com/maps?f=d&saddr=225+Franklin+Street,+Boston+MA,+02110&daddr=510+Atlantic+Avenue,+Boston,+MA+02110&hl=en&geocode=&mra=ls&sll=42.353943,-71.052980&sspn=0.003187,0.004828&ie=UTF8&z=19";
	var thumb = 'images/googlemap-thumbs/thumb_03.gif';
	var addressname = 'InterContinental Hotel';
	var address1 = '510 Atlantic Avenue';
	var address2 = 'Boston, MA 02110';
	var copy 	= "InterContinental Boston is the city's most captivating 4 diamond AAA rated landmark. Located on Boston's historic Waterfront - surrounded by Boston Harbor and the new Rose Kennedy Greenway.";
	var website		='http://www.InterContinentalBoston.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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);
				

				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=225+Franklin+Street,+Boston+MA,+02110&daddr=250+Franklin+Street,+Boston,+MA+02110+(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=18";
	var thumb = 'images/googlemap-thumbs/thumb_04.gif';
	var addressname = 'The Langham';
	var address1 = '250 Franklin St';
	var address2 = 'Boston, MA 02110';
	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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);
				

				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=225+Franklin+Street,+Boston+MA,+02110&daddr=Congress+St+to:70+Rowes+Wharf,+Boston,+MA+02110+(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 02110';
	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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);
				

				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=225+Franklin+Street,+Boston+MA,+02110&daddr=Congress+St+to:70+Rowes+Wharf,+Boston,+MA+02110+(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 02110';
	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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);
				

				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=225+Franklin+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=19";
	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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);
				

				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(){

// South 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.351891;
	var number2 = -71.054133;
	
	
	var url = "http://maps.google.com/maps?f=d&saddr=225+Franklin+Street,+Boston+Ma&daddr=south+station+Boston,+ma&hl=en&geocode=&mra=ls&sll=42.354461,-71.053734&sspn=0.006375,0.009656&ie=UTF8&ll=42.351891,-71.054133&spn=0.006375,0.009656&z=17";
	var thumb = 'images/googlemap-thumbs/thumb_07.gif';
	var addressname = 'South Station';
	var address1 	= 'Downtown Boston';
	var address2 	= '';
	var copy 	= "South Station proudly plays its role as Boston's transportation gateway - now, a place to grab a bite to eat, accomplish chores, or shop for something special.";
	var website		='http://www.south-station.net/';
	
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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);
				

				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(){

// Downtown Crossing -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.355493;
	var number2 = -71.060497;
	var url = "http://maps.google.com/maps?f=d&saddr=225+Franklin+Street,+Boston+MA,+02110&daddr=42.355531,-71.060579&hl=en&geocode=&mra=dme&mrcr=0&mrsp=1&sz=16&sll=42.35561,-71.05736&sspn=0.012749,0.019312&ie=UTF8&z=17";
	var thumb = 'images/googlemap-thumbs/thumb_08.gif';
	var addressname = 'Downtown Crossing';
	var address1 	= 'Downtown Boston';
	var address2 	= '';
	var copy 	= "Downtown Crossing is the vibrant center of life in the city of Boston. Here is a neighborhood where residents and visitors gather to enjoy a meal, shop, meet friends, work or find cultural diversions.";
	var website		='http://www.downtowncrossing.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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);
				

				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(){

// Rowes Wharf Ferry -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.355916;
	var number2 = -71.049724;
	var url = "http://maps.google.com/maps?f=d&saddr=225+Franklin+Street,+Boston+MA,+02110&daddr=60+Rowes+Wharf,+Boston,+MA+02110+(Mass+Bay+Lines+Inc)&hl=en&geocode=%3BCeUy99T_ork4FQpNhgIdJ97D-yH5ht3ha8xzEg&mra=pe&mrcr=0&sll=42.357719,-71.053734&sspn=0.012748,0.019312&ie=UTF8&ll=42.354968,-71.052248&spn=0.006374,0.009656&z=17";
	var thumb = 'images/googlemap-thumbs/thumb_09.gif';
	var addressname = 'Rowes Wharf Ferry';
	var address1 = '60 Rowes Wharf';
	var address2 = 'Boston, MA 02110';
	var copy 	= "Year-round passenger water transportation throughout Boston Harbor waterfront, including exclusive water taxi service between Rowes Wharf/Boston Harbor Hotel and Logan International Airport.";
	var website		='http://www.roweswharfwatertaxi.com/services.html';
	
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 225 Franklin St</a></div>';
				
				var myLogo = '<div style="width:50px; height:151px; text-align:center; margin-left:32px"><img src="images/googleLogo.jpg" width=156px;/></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;
				}
				//225 Franklin St
				var latlng = new GLatLng(42.355954, -71.054003);
				

				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
    });

};