Live-Map/index.html at master · bdunlap/Live-Map · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Gallup BID Welcomes the Fireball Run</title>

<!--[if IE]>
	<script type='text/javascript'>
		document.createElement("header");
		document.createElement("nav");
		document.createElement("section");
	</script>
<![endif]-->

<!-- Grab latest version of jQuery -->
<script type="text/javascript"
        src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src='js/map-code.js'></script>
<script src='js/gallery.js'></script>

<script type="text/javascript">
$(document).ready(function() {
	$('#pause-gallery').attr('disabled', 'disabled');

    $('#start-gallery').click(function() {
		$('#pause-gallery').removeAttr('disabled');
		$(this).attr('disabled', 'disabled');
		startGallery();
	});

    $('#pause-gallery').click(function() {
		$('#start-gallery').removeAttr('disabled');
		$(this).attr('disabled', 'disabled');
		pauseGallery();
	});

	$('#accel-gallery').click(function() {
		if(galleryInterval > 2000) {
			galleryInterval -= 1000;
			$('#gallery-speed').text(galleryInterval / 1000);
		} else {
			$(this).attr('disabled', 'disabled');
		}
	});

	$('#decel-gallery').click(function() {
		galleryInterval += 1000;
		$('#gallery-speed').text(galleryInterval / 1000);

		if(galleryInterval === 3000) {
			$('#accel-gallery').removeAttr('disabled');
		}
	});

	$('#start-gallery').removeAttr('disabled');
	$('#accel-gallery').removeAttr('disabled');
    renderMap();
});
</script>

<link rel='stylesheet' type='text/css' href='css/reset.css' />
<link rel='stylesheet' type='text/css' href='css/live-map.css' />
<link rel='shortcut icon' type='image/ico' href='favicon.ico' />


</head>

<body>

<div id='canvas'>

<header>
<h1>Fireball Run 2010: <span>Gallup, New Mexico</span></h1>
<img id='bid-logo' alt='The Gallup BID logo' title='Visit us at GallupBID.com' src='bid-logo-scaled.jpg' />
</header>

<section id='photos'>

	<div id='featured'>
		<!-- place here:
				<img src='<smugmug Small URL>' />
		-->
	</div>

</section>

<section id='map-canvas'>
</section>

<section id='thumbnails'>
    <!-- to be filled with:
        <figure class='thumb'>
            <img src='<smugmug Tiny URL>' />
        </figure>
    -->
</section>

<nav>
	<p id='dashboard'>
	Server status: <span id='server-status'>none</span><br />
	Image counter: <span id='photo-counter'>none</span>
	</p>

	<p>
		<button id='accel-gallery' type='button'>Speed Up</button>
		<button id='decel-gallery' type='button'>Slow Down</button>
		Seconds between photos: <span id='gallery-speed'>30</span>
	</p>

	<p>
		<button id='start-gallery' type='button'>Start Gallery</button>
		<button id='pause-gallery' type='button'>Pause Gallery</button>
	</p>
</nav>

</div>
</body>
</html>