lallmon · lallmon · May 18, 2014 · May 18, 2014
diff --git a/index.html b/index.html
@@ -18,6 +18,7 @@
 
     <!-- Loading Flat UI -->
     <link href="css/flat-ui.css" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="src/css/ilightbox.css"/>
 
 </head>
 <body>
@@ -88,13 +89,39 @@ <h4 class="modal-title" id="titleBirdVideo">Iiwi Bird Video</h4>
     <script src="js/jquery.tagsinput.js"></script>
     <script src="js/jquery.placeholder.js"></script>
 
+    <script type="text/javascript" src="src/js/jquery.requestAnimationFrame.js"></script>
+    <script type="text/javascript" src="src/js/jquery.mousewheel.js"></script>
+    <script type="text/javascript" src="src/js/ilightbox.packed.js"></script>
+
+
     <script>
+
+
     	function showbird() {
-    		$('#birdImg').modal('show');
+    		//$('#birdImg').modal('show');
+        $.iLightBox('/NewHackton/assets/photos/jack-jeffrey-iiwi.jpg');
     	}
     	function showbirdVideo() {
-    		$('#birdVideo').modal('show');
+    		//$('#birdVideo').modal('show');
+        $.iLightBox([
+          {
+            URL: "/NewHackton/assets/video/Iiwi.mp4",
+            type: 'video',
+            title: 'Iiwi Bird',
+            caption: 'This bird is awesomely small and crazy fast and loud. Yeah....',
+            options: {
+              width: 320,
+              height: 238,
+              html5video: {
+                autoplay: true,
+                preload: 'auto',
+                controls: false
+              }
+            }
+          }
+        ]);
     	}
+
     </script>
 </body>
 </html>
diff --git a/src/css/closedhand.cur b/src/css/closedhand.cur
diff --git a/src/css/ilightbox.css b/src/css/ilightbox.css
@@ -0,0 +1,324 @@
+/* Import Skins */
+@import url('../dark-skin/skin.css');
+@import url('../light-skin/skin.css');
+@import url('../parade-skin/skin.css');
+@import url('../metro-black-skin/skin.css');
+@import url('../metro-white-skin/skin.css');
+@import url('../mac-skin/skin.css');
+@import url('../smooth-skin/skin.css');
+
+/* Reset Styles */
+.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * {
+    float:none;
+    margin:0;
+    padding:0;
+    border:0;
+    outline:0;
+    font-size:100%;
+    line-height:100%;
+    vertical-align:baseline;
+    background:transparent;
+
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	   -moz-user-select: -moz-none;
+	 -khtml-user-select: none;
+	     -o-user-select: none;
+	        user-select: none;
+}
+.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social {
+	-webkit-transform: translateZ(0);
+	   -moz-transform: translateZ(0);
+}
+
+/* Disable & Hide Scrollbar */
+.ilightbox-noscroll {
+	overflow: hidden;
+}
+.ilightbox-closedhand * {
+	cursor: url(closedhand.cur),default !important;
+}
+
+.ilightbox-overlay {
+	display: none;
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 100000;
+}
+
+.ilightbox-loader {
+	position: fixed;
+	z-index: 100005;
+	top: 45%;
+	left: -192px;
+	padding-left: 30px;
+	opacity: 0.9;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+	filter: alpha(opacity=90);
+
+	-webkit-border-radius: 0 100px 100px 0;
+	        border-radius: 0 100px 100px 0;
+}
+
+.ilightbox-loader div {
+	width: 72px;
+	height: 72px;
+
+	-webkit-border-radius: 0 100px 100px 0;
+	        border-radius: 0 100px 100px 0;
+}
+
+.ilightbox-loader.horizontal {
+	left: 45%;
+	top: -192px;
+	padding: 0;
+	padding-top: 30px;
+
+	-webkit-border-radius: 0 0 100px 100px;
+	        border-radius: 0 0 100px 100px;
+}
+
+.ilightbox-loader.horizontal  div {
+	-webkit-border-radius: 0 0 100px 100px;
+	        border-radius: 0 0 100px 100px;
+}
+
+.ilightbox-toolbar {
+	display: none;
+	position: fixed;
+	z-index: 100010;
+}
+
+.ilightbox-toolbar a {
+	float: left;
+	cursor: pointer;
+}
+
+.ilightbox-toolbar .ilightbox-prev-button,
+.ilightbox-toolbar .ilightbox-next-button {
+	display: none;
+}
+
+.ilightbox-thumbnails {
+	display: block;
+	position: fixed;
+	z-index: 100009;
+}
+
+.ilightbox-thumbnails.ilightbox-horizontal {
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	height: 100px;
+}
+
+.ilightbox-thumbnails.ilightbox-vertical {
+	top: 0;
+	right: 0;
+	width: 140px;
+	height: 100%;
+	overflow: hidden;
+}
+
+.ilightbox-thumbnails .ilightbox-thumbnails-container {
+	display: block;
+	position: relative;
+}
+
+.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container {
+	width: 100%;
+	height: 100px;
+}
+
+.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container {
+	width: 140px;
+	height: 100%;
+}
+
+.ilightbox-thumbnails .ilightbox-thumbnails-grid {
+	display: block;
+	position: absolute;
+
+	-webkit-transform: translateZ(0);
+	   -moz-transform: translateZ(0);
+}
+
+.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail {
+	display: block;
+	cursor: pointer;
+	padding: 10px;
+	position: relative;
+}
+
+.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
+	width: 100%;
+	height: 100%;
+
+	-webkit-border-radius: 2px;
+	        border-radius: 2px;
+
+	-ms-interpolation-mode: bicubic;
+}
+
+.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	opacity: .7;
+}
+
+.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover {
+	opacity: 1;
+}
+
+.ilightbox-holder {
+	display: none;
+	position: fixed;
+	z-index: 100003;
+
+	-webkit-transform: none;
+	   -moz-transform: none;
+}
+
+.ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev {
+	cursor: pointer;
+}
+
+.ilightbox-holder div.ilightbox-container {
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+
+.ilightbox-holder img.ilightbox-image {
+	width: 100%;
+	height: 100%;
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-caption {
+	display: none;
+	position: absolute;
+	left: 30px;
+	right: 30px;
+	bottom: 0;
+	max-width: 100%;
+	padding: 5px 10px;
+	margin: 0 auto;
+	font-size: 12px;
+    line-height: 150%;
+	word-wrap: break-word;
+	z-index: 20003;
+
+	-webkit-box-sizing: border-box;
+	   -moz-box-sizing: border-box;
+	        box-sizing: border-box;
+
+	-webkit-border-radius: 3px 3px 0 0;
+	        border-radius: 3px 3px 0 0;
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-social {
+	display: none;
+	position: absolute;
+	left: 10px;
+	top: 10px;
+	padding: 5px;
+	padding-left: 0;
+	z-index: 20003;
+	height: 16px;
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-social ul {
+	float: left;
+	list-style: none;
+	height: 16px;
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-social ul li {
+	display: inline;
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-social ul li a {
+	float: left;
+	margin-left: 5px;
+	width: 16px;
+	height: 16px;
+	background-repeat: no-repeat;
+	background-position: 50%;
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a {
+	background-image: url('../social_icons/facebook_16.png');
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg a {
+	background-image: url('../social_icons/digg_16.png');
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a {
+	background-image: url('../social_icons/twitter_16.png');
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious a {
+	background-image: url('../social_icons/delicious_16.png');
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit a {
+	background-image: url('../social_icons/reddit_16.png');
+}
+
+.ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a {
+	background-image: url('../social_icons/google_plus_16.png');
+}
+
+.ilightbox-holder .ilightbox-alert {
+	display: block;
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	text-align: center;
+	padding-top: 100px;
+	margin: auto;
+	width: 300px;
+	height: 50px;
+}
+
+.ilightbox-holder .ilightbox-wrapper {
+	width: 100%;
+	height: 100%;
+	overflow: auto;
+}
+
+.ilightbox-holder .ilightbox-inner-toolbar {
+	position: relative;
+	z-index: 100;
+}
+
+.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {
+	position: absolute;
+}
+
+/* Style arrow buttons */
+.ilightbox-button {
+	position: fixed;
+	z-index: 100008;
+	cursor: pointer;
+}
+
+/* Style mobile devices */
+.isMobile .ilightbox-button,
+.isMobile .ilightbox-thumbnails {
+	display: none !important;
+}
+
+.isMobile .ilightbox-toolbar .ilightbox-prev-button,
+.isMobile .ilightbox-toolbar .ilightbox-next-button {
+	display: block;
+}
diff --git a/src/dark-skin/1381493325_media-play.png b/src/dark-skin/1381493325_media-play.png
diff --git a/src/dark-skin/alert.png b/src/dark-skin/alert.png
diff --git a/src/dark-skin/arrow-next-icon-64.png b/src/dark-skin/arrow-next-icon-64.png
diff --git a/src/dark-skin/arrow-next-icon-ie.png b/src/dark-skin/arrow-next-icon-ie.png
diff --git a/src/dark-skin/arrow-next-vertical-icon-64.png b/src/dark-skin/arrow-next-vertical-icon-64.png
diff --git a/src/dark-skin/arrow-prev-icon-64.png b/src/dark-skin/arrow-prev-icon-64.png
diff --git a/src/dark-skin/arrow-prev-icon-ie.png b/src/dark-skin/arrow-prev-icon-ie.png
diff --git a/src/dark-skin/arrow-prev-vertical-icon-64.png b/src/dark-skin/arrow-prev-vertical-icon-64.png
diff --git a/src/dark-skin/buttons.png b/src/dark-skin/buttons.png
diff --git a/src/dark-skin/caption-bg.png b/src/dark-skin/caption-bg.png
diff --git a/src/dark-skin/fullscreen-icon-64.png b/src/dark-skin/fullscreen-icon-64.png
diff --git a/src/dark-skin/fullscreen-icon-ie.png b/src/dark-skin/fullscreen-icon-ie.png
diff --git a/src/dark-skin/pause-icon-64.png b/src/dark-skin/pause-icon-64.png
diff --git a/src/dark-skin/pause-icon-ie.png b/src/dark-skin/pause-icon-ie.png
diff --git a/src/dark-skin/play-icon-64.png b/src/dark-skin/play-icon-64.png
diff --git a/src/dark-skin/play-icon-ie.png b/src/dark-skin/play-icon-ie.png
diff --git a/src/dark-skin/preloader.gif b/src/dark-skin/preloader.gif