// HOLD CURRENT STATE, OPEN OR CLOSED.
			// UTILIZE libAnimation.js FROM OTHER PROJECT.
			// BUILD CONTROLS AROUND MOTION AND TOUCH AND CLICK.

			function MyVideos() {
				this.numVideos = 0;
				this.sizeMinHeight = 28;
				this.sizeMinWidth = 315;
				this.sizeMaxWidth = 426;
				this.sizeMaxThumbHeight = 240;
				this.sizeMaxVideoHeight = 240;
				this.sizeIncrement = 15;
				this.hasWritten = 0;
				
			}

			MyVideos.prototype.addVideo = function( inFileVideo, inFileThumbnail, inDivId, inTitle, inTitleOffset, inColor, inClient ) {
				if( this.numVideos == 0 ) {
					this.arrayVideos = new Array();
				}
				this.numVideos++;
				var objVideo = new Object();
				objVideo.fileVideo = inFileVideo;
				objVideo.fileThumbnail = inFileThumbnail;
				objVideo.divId = inDivId;
				objVideo.isVideoShown = false;
				objVideo.title = inTitle;
				objVideo.titleOffset = inTitleOffset;
				objVideo.titleColor = inColor;
				objVideo.client = inClient;
				this.arrayVideos[inDivId] = objVideo;
			}

			MyVideos.prototype.writeDivs = function() {
				if (this.hasWritten == 1) return;
				
				for( var indexVideo in this.arrayVideos ) {
					
					var strStyle = "style='margin-bottom: 15px; overflow: hidden; height: " + this.sizeMinHeight + "px; position: relative; z-index: 1; top: 0px; left: 49px; width: 315px;margin-right: 0px'";
					document.write( "<div id='"+this.arrayVideos[indexVideo].divId+"' " + strStyle + "  >" );
					document.write( "<img id='" + this.arrayVideos[indexVideo].divId + "-img' src='videos/"+this.arrayVideos[indexVideo].fileThumbnail+"' style='z-index: 1;'>" );
					document.write( "<span style='position: absolute;top: 9px;margin:0px;padding:0px;right:10px;color: darkgray; font-size: 13px;z-index: 2; '>"+this.arrayVideos[indexVideo].title+"</span>" );
					document.write( "</div>" );
					
					
					
					
				}
				this.hasWritten = 1;
			}

			MyVideos.prototype.writePlayer = function( indexVideo ) {
				
				var div = this.arrayVideos[indexVideo].divId;
				jwplayer( this.arrayVideos[indexVideo].divId ).setup({
					autostart:		"true",
					controlbar:		"over",
					file:			'/videos/'+videoSet.arrayVideos[indexVideo].fileVideo,
					width:			this.sizeMaxWidth,
					wmode: 			"opaque",
					height:			this.sizeMaxVideoHeight,
					stretching:		"fill",
					image:			'/videos/color-'+videoSet.arrayVideos[indexVideo].fileThumbnail,
					events: {
            onComplete: function() {  this.remove();videoSet.writeImage(this.id);document.getElementById('close-button').focus();}
},

					players:		[{ type: "flash", src: "/player/player.swf" }, { type: "html5" }]
				});
			};
			MyVideos.prototype.writeImage = function(indexVideo) {
			
				var cdiv = this.arrayVideos[indexVideo].divId;
				$("#" + cdiv).css('height',this.sizeMinHeight + "px");
				$("#" + cdiv).css('overflow','hidden');
				$("#" + cdiv).css('margin-bottom','15px');
				$("#" + cdiv).css('margin-right','0px');
				$("#" + cdiv).css('position','relative');
				$("#" + cdiv).css('z-index','1');
				$("#" + cdiv).css('top','0px');
				$("#" + cdiv).css('left','49px');
				$("#" + cdiv).css('width','315px');
				cfrom = (cdiv == "video_rooftop" ? "video_leapfrog" : "video_rooftop");
				$("#" + cfrom).copyEventsTo($('#' + cdiv));
				var html =  "<img id='" + this.arrayVideos[indexVideo].divId + "-img' src='videos/"+this.arrayVideos[indexVideo].fileThumbnail+"' style='z-index: 1;'>" ;
				html += "<span style='position: absolute;top: 9px;margin:0px;padding:0px;right:10px;color: darkgray; font-size: 13px;z-index: 2; '>"+this.arrayVideos[indexVideo].title+"</span>" ;
				
				$("#" + cdiv).html(html);
														videoSet.arrayVideos[cdiv].isVideoShown = false;
														$("#titlediv").html("");
			}
			MyVideos.prototype.hidePlayer = function(indexVideo) {
				
				var cdiv = this.arrayVideos[indexVideo].divId;
				jwplayer(cdiv).remove();
				 style = 'margin-bottom: 15px; overflow: hidden; height: " + this.sizeMinHeight + "px; position: relative; z-index: 1; top: 0px; left: 49px; width: 315px;margin-right: 0px';
				var html =  "<img id='" + this.arrayVideos[indexVideo].divId + "-img' src='videos/"+this.arrayVideos[indexVideo].fileThumbnail+"' style='z-index: 1;'>" ;
				html += "<span style='position: absolute;top: 9px;margin:0px;padding:0px;right:10px;color: darkgray; font-size: 13px;z-index: 2; '>"+this.arrayVideos[indexVideo].title+"</span>" ;
				
				$("#" + cdiv).html(html);
				cfrom = (cdiv == "video_rooftop" ? "video_leapfrog" : "video_rooftop");
				$("#" + cfrom).copyEventsTo($('#' + cdiv));
			}
			MyVideos.prototype.closeAll = function (currentVideo) {
				for( var indexVideo in this.arrayVideos ) {
					
					if (indexVideo == currentVideo) continue;
					
					var html =  "<img id='" + this.arrayVideos[indexVideo].divId + "-img' src='videos/"+this.arrayVideos[indexVideo].fileThumbnail+"' style='z-index: 1;'>" ;
				 html += "<div style='position: absolute;top: 10px;right:10px;color: darkgray; font-size: 13px;z-index: 10; '>"+this.arrayVideos[indexVideo].title+"</div>" ;
				document.getElementById(indexVideo).innerHTML = html;
				
				cdiv = "#" + indexVideo;
										
				}
			}
			var videoSet = new MyVideos();
			videoSet.addVideo( "Rooftop.mov", "Rooftop.jpg", "video_rooftop", "Rooftop", 0, "#ffffff" ,"Kentucky Lottery");
			videoSet.addVideo( "Alpha.mov", "Alpha.jpg", "video_alpha", "Welcome to Alpha", 0, "#ffffff","Alpha Natural Resources" );
			videoSet.addVideo( "Leapfrog.mov", "Leapfrog.jpg", "video_leapfrog", "Innovation", 0, "#ffffff" ,"AMPAC");
			videoSet.addVideo( "Heist.mov", "Heist.jpg", "video_heist", "The Heist", 0, "#ffffff","Ohio Lottery" );
			videoSet.addVideo( "CCHMC_Marketing.mov", "CCHMC_Marketing.jpg", "video_cchmc", "Numbers", 0, "#ffffff","Cincinnati Children's" );
			videoSet.addVideo( "KY_Lottery.mov", "KY_Lottery.jpg", "video_kylottery", "Decades of Dollars", 0, "#ffffff","Kentucky Lottery" );
			videoSet.addVideo( "Hobart.mov", "Hobart.jpg", "video_hobart", "Tech Center", 0, "#ffffff","Hobart" );
			videoSet.addVideo( "Truseal.mov", "Truseal.jpg", "video_truseal", "Lines", 0, "#ffffff","Truseal Windows" );
			videoSet.addVideo( "GoTag.mov", "GoTag.jpg", "video_gotag", "Go Tag Video", 0, "#ffffff","First Data" );
			videoSet.addVideo( "Penn.mov", "Penn.jpg", "video_penn", "Variety", 0, "#ffffff","Penn Station" );