Created
September 24, 2014 17:55
-
-
Save naeluh/8797ab6e7d9c648f95d7 to your computer and use it in GitHub Desktop.
Golf Course Reserve Run - Poland, OH // source http://jsbin.com/wofowa/52
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <html lang="en-gb" dir="ltr" data-config='{"twitter":0,"plusone":0,"facebook":0,"style":"121"}'> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <base href="" /> | |
| <meta name="keywords" content="Reserve Run - Poland, OH" /> | |
| <meta name="author" content="1-2-1 Development" /> | |
| <meta name="description" content="Reserve Run - Poland, OH" /> | |
| <title>Golf Course</title> | |
| <link href="http://www.reserverungolf.com/templates/yoo_nite/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/calendar-f9c0ec5c.css" type="text/css" /> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/front-bbe39b0d.css" type="text/css" /> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/widgetkit-a10109fa-396675c0.css" type="text/css" /> | |
| <link href="http://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet" type="text/css"> | |
| <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> | |
| <script src="http://www.reserverungolf.com/cache/template/mootools-core-44597f25.js" type="text/javascript"></script> | |
| <script src="http://www.reserverungolf.com/cache/template/core-d43efc4b.js" type="text/javascript"></script> | |
| <script src="http://www.reserverungolf.com/cache/template/caption-f6315696.js" type="text/javascript"></script> | |
| <script src="http://www.reserverungolf.com/cache/template/script-01b6afb1.js" type="text/javascript"></script> | |
| <script src="http://www.reserverungolf.com/cache/template/jquery-6add9a0c.js" type="text/javascript"></script> | |
| <script src="http://hulea.org/bones/widgetkit-a5ae2da7-2681291c.js" type="text/javascript"></script> | |
| <script type="text/javascript"> | |
| window.addEvent('load', function() { | |
| new JCaption('img.caption'); | |
| }); | |
| </script> | |
| <link rel="apple-touch-icon-precomposed" href="http://www.reserverungolf.com/templates/yoo_nite/apple_touch_icon.png"> | |
| <link rel="stylesheet" href="http://www.reserverungolf.com/cache/template/theme-ffd0dabe.css"> | |
| <script src="http://www.reserverungolf.com/cache/template/theme-ee96686b.js"></script> | |
| <link href='http://fonts.googleapis.com/css?family=Rufina:400,700' rel='stylesheet' type='text/css'> | |
| <link href="../netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> | |
| <meta name="google-site-verification" content="" /> | |
| <script src="http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/fit.js"></script> | |
| <!--[if lt IE 9]> | |
| <script src="http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/css3-mediaqueries.js"></script> | |
| <![endif]--> | |
| <style id="jsbin-css"> | |
| /*Content*/ | |
| #mainContent { | |
| /* margin: 0% 9% 10% 9%; */ | |
| z-index: 9999; | |
| } | |
| #topContent { | |
| position: relative; | |
| width:100%; | |
| height:50px; | |
| } | |
| #midContent { | |
| position: relative; | |
| } | |
| #botContent { | |
| margin:0 auto; | |
| width:100%; | |
| } | |
| .clear { | |
| clear:both; | |
| margin-bottom:3%; | |
| } | |
| .column_1_2 { | |
| width: 32%; | |
| /* float: right; */ | |
| position: absolute; | |
| bottom: 0; | |
| right: 0; | |
| height: 20px; | |
| } | |
| .column_1_4 { | |
| width: 40%; | |
| position: absolute; | |
| right: 0px; | |
| bottom: 0; | |
| } | |
| .dHide { | |
| display:none; | |
| } | |
| .mHide { | |
| display:block; | |
| } | |
| #mainContent img { | |
| width:100%; | |
| } | |
| #botContent > ul:nth-child(1) > li:nth-child(1) { | |
| color:#85BF25; | |
| } | |
| #botContent > ul:nth-child(2) > li:nth-child(1) { | |
| color:#85BF25; | |
| } | |
| #botContent > ul >li { | |
| float: left; | |
| margin-right: 1.95%; | |
| list-style: none; | |
| margin-bottom:1%; | |
| } | |
| #botContent > ul { | |
| margin: 0 auto; | |
| padding: 0; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-bottom:1%; | |
| } | |
| .numberCircle { | |
| behavior: url(PIE.htc); | |
| text-align: center; | |
| cursor:pointer; | |
| color:#000; | |
| } | |
| .inside_column { | |
| width: 100%; | |
| margin: 0; | |
| padding: 0; | |
| float: left; | |
| position: absolute; | |
| bottom: 0; | |
| } | |
| .parGreen { | |
| text-transform: uppercase; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-right: 3px; | |
| color:#85BF25; | |
| float:left; | |
| } | |
| #parDist { | |
| margin-left: 1%; | |
| vertical-align: bottom; | |
| display: inline-block; | |
| width:75%; | |
| line-height: 77%; | |
| } | |
| .parWhite { | |
| color: #000; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-right: 6px; | |
| float:left; | |
| } | |
| .currentHole { | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| color:#000; | |
| line-height: 65%; | |
| } | |
| .currentHole span { | |
| font-size: 19px; | |
| } | |
| #holeBlock { | |
| font-size: 50px; | |
| color: #000; | |
| line-height:0px; | |
| margin-bottom: 19px; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| } | |
| #holeNumber { | |
| vertical-align: bottom; | |
| display: inline-block; | |
| } | |
| #playButton { | |
| width: 0; | |
| height: 0; | |
| background-repeat: no-repeat; | |
| background-size: 95px; | |
| z-index: 9999; | |
| position:absolute; | |
| left: 50%; | |
| top: 50%; | |
| padding-top: 5%; | |
| padding-bottom: 5%; | |
| padding-left: 5%; | |
| overflow: hidden; | |
| -webkit-transform: translateY(-50%) translateX(-50%); | |
| -moz-transform: translateY(-50%) translateX(-50%); | |
| -ms-transform: translateY(-50%) translateX(-50%); | |
| -o-transform: translateY(-50%) translateX(-50%); | |
| transform: translateY(-50%) translateX(-50%); | |
| /* IE8+ - must be on one line, unfortunately */ | |
| -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; | |
| /* IE6 and 7 */ | |
| filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand'); | |
| cursor:pointer; | |
| } | |
| #playButton:after { | |
| content:""; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| margin-top:-500px; | |
| margin-left: -500px; | |
| border-top: 500px solid transparent; | |
| border-bottom: 500px solid transparent; | |
| border-left: 500px solid #ccc; | |
| } | |
| #videoWrapper { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| /* 16:9 */ | |
| padding-top: 25px; | |
| height: 0; | |
| } | |
| #videoWrapper img { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #mobileVidOverlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #videoWrapper iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .img { | |
| max-width:65px; | |
| float:right; | |
| } | |
| /*Content*/ | |
| /*Pager*/ | |
| #pager { | |
| bottom: 0; | |
| top: 0; | |
| right: -20px; | |
| left: 0; | |
| margin: auto; | |
| position: absolute; | |
| height: 55px; | |
| margin-left: -20px; | |
| } | |
| #next, #prev { | |
| display: inline-block; | |
| font-size:4em; | |
| position: relative; | |
| text-decoration: none; | |
| z-index: 1; | |
| } | |
| #next, #prev { | |
| padding: 0.5em 0em | |
| } | |
| #next { | |
| text-align: right | |
| } | |
| #next:before, #next:after, #prev:before, #prev:after { | |
| background:#ddd; | |
| content:""; | |
| display: block; | |
| height: 0.3em; | |
| position: absolute; | |
| right: 0; | |
| top: 50%; | |
| width: 0.8em; | |
| } | |
| #prev:before, #prev:after { | |
| left: 0 | |
| } | |
| #next:before, #prev:before { | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| /* IE8+ - must be on one line, unfortunately */ | |
| -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand')"; | |
| /* IE6 and 7 */ | |
| filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand'); | |
| } | |
| #next:after, #prev:after { | |
| -moz-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| -o-transform: rotate(-45deg); | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| /* IE8+ - must be on one line, unfortunately */ | |
| -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865482, M12=0.7071067811865466, M21=-0.7071067811865466, M22=0.7071067811865482, SizingMethod='auto expand')"; | |
| /* IE6 and 7 */ | |
| filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865482, M12=0.7071067811865466, M21=-0.7071067811865466, M22=0.7071067811865482, SizingMethod='auto expand'); | |
| } | |
| #prev:after, #next:before { | |
| margin-top: -.36em | |
| } | |
| #next:hover, #next:focus, #prev:hover, #prev:focus { | |
| color: #c00 | |
| } | |
| #next:hover:before, #next:hover:after, #next:focus:before, #next:focus:after, #prev:hover:before, #prev:hover:after, #prev:focus:before, #prev:focus:after { | |
| background: #85BF25; | |
| } | |
| .pager-n { | |
| position: absolute; | |
| right:0; | |
| } | |
| /*Pager*/ | |
| /*Table*/ | |
| .rt { | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| width: 100%; | |
| font-size: 0.75em; | |
| /*12*/ | |
| line-height: 1.25em; | |
| /*15*/ | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| .rt th, .rt td { | |
| margin: 0; | |
| padding: 0.4166em; | |
| /*10*/ | |
| vertical-align: top; | |
| border: 1px solid #babcbf; | |
| background:#fff; | |
| color:#000; | |
| text-transform:uppercase; | |
| text-align:center; | |
| font-weight:bold; | |
| } | |
| .rt th { | |
| text-align: left; | |
| background: #85BF25; | |
| color:#000; | |
| text-transform:uppercase; | |
| text-align:center; | |
| } | |
| .tLink { | |
| color:#000000; | |
| text-decoration:none; | |
| cursor:pointer; | |
| } | |
| /*Table*/ | |
| /*Media Queries*/ | |
| @media only screen and (max-width : 320px) { | |
| .numberCircle { | |
| font-size:9px; | |
| } | |
| #botContent > ul:nth-child(1) > li:nth-child(1) { | |
| font-size:9px; | |
| } | |
| #botContent > ul:nth-child(2) > li:nth-child(1) { | |
| font-size:9px; | |
| } | |
| .mHide { | |
| display:none; | |
| } | |
| .dHide { | |
| display:block; | |
| } | |
| .img { | |
| max-width:52px; | |
| } | |
| #topContent { | |
| font-size:11px !important; | |
| } | |
| } | |
| @media only screen and (max-width : 450px) { | |
| } | |
| @media only screen and (max-width: 768px) { | |
| /*640*/ | |
| #rt1 { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #rt1 thead { | |
| display: block; | |
| float: left; | |
| } | |
| #rt1 tbody { | |
| display: block; | |
| width: auto; | |
| position: relative; | |
| overflow-x: auto; | |
| white-space: nowrap; | |
| } | |
| #rt1 thead tr { | |
| display: block; | |
| } | |
| #rt1 th { | |
| display: block; | |
| } | |
| #rt1 tbody tr { | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| #rt1 td { | |
| display: block; | |
| min-height: 1.25em; | |
| } | |
| #rt2 { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #rt2 thead { | |
| display: block; | |
| float: left; | |
| } | |
| #rt2 tbody { | |
| display: -webkit-box; | |
| overflow-x: auto; | |
| } | |
| #rt2 th, #rt2 tr, #rt2 td { | |
| display: block; | |
| } | |
| /* sort out borders */ | |
| .rt th { | |
| padding: 0.4em 2.75em; | |
| border-bottom: 0; | |
| } | |
| .rt td { | |
| padding: 0.4em 3.49em; | |
| border-left: 0; | |
| border-right: 0; | |
| border-bottom: 0; | |
| } | |
| .rt tbody tr { | |
| border-right: 1px solid #babcbf; | |
| } | |
| .rt th:last-child, .rt td:last-child { | |
| border-bottom: 1px solid #babcbf; | |
| } | |
| } | |
| /*Media Queries*/ | |
| </style> | |
| </head> | |
| <body class="tm-isblog"> | |
| <div class="tm-toolbar uk-clearfix"> | |
| <div class="uk-container uk-container-center"> | |
| <div class="uk-panel uk-panel-blank"> | |
| <div id="top-info"> | |
| <div class="top-address"><img src="http://www.reserverungolf.com/images/buttons/icon_map.png" alt="icon map" style="float: left;" height="18" width="11" />625 E Western Reserve Rd<br /><span>Poland, Ohio 44514</span></div> | |
| <div class="top-phone"><img src="http://www.reserverungolf.com/images/buttons/icon_phone.png" alt="icon phone" style="float: left;" height="20" width="7" /><span>Call Us Today:</span><br />(330) 758-1017</div> | |
| </div> | |
| <div id="top-buttons"><a id="button-bg" class="jcepopup noicon join-eclub" href="http://www.reserverungolf.com/signup">Email Signup</a><a id="button-bg" target="_blank" href="https://secure.east.prophetservices.com/ReserveRunGC">Book Tee Times</a></div> | |
| </div> | |
| </div> | |
| </div> | |
| <nav class="tm-navbar"> | |
| <div class="uk-container uk-container-center"> | |
| <div class="tm-navbar-center"> | |
| <div class="tm-nav-logo uk-hidden-small"> | |
| <a class="tm-logo uk-hidden-small" href="http://www.reserverungolf.com"> | |
| <div> <img src="http://www.reserverungolf.com/images/default/logo.png" width="190" height="189" alt="logo" /></div> | |
| </a> | |
| </div> | |
| <div class="tm-nav uk-hidden-small"> | |
| <div class="tm-nav-wrapper"> | |
| <ul class="uk-navbar-nav uk-hidden-small"> | |
| <li data-uk-dropdown="{}"><a href="http://www.reserverungolf.com/">Home</a></li> | |
| <li class="uk-parent uk-active" data-uk-dropdown="{}"> | |
| <a href="golf-course.html">Golf Course</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="https://secure.east.prophetservices.com/ReserveRunGC" target="_blank">Book Tee Times</a></li> | |
| <li class="uk-active"><a href="golf-course.html">Scorecard</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li data-uk-dropdown="{}"><a href="http://www.reserverungolf.com/rates">Rates</a></li> | |
| <li data-uk-dropdown="{}"><a href="http://www.reserverungolf.com/picture-gallery">Photo Gallery</a></li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/restaurant">Restaurant</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/restaurant">Another Round Bar & Grille</a></li> | |
| <li><a href="http://www.reserverungolf.com/restaurant/menu">Menu</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/events">Events</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/events">Request Outing Information</a></li> | |
| <li><a href="http://www.reserverungolf.com/events/events-calendar">Events Calendar</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/news-links">News</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/news-links">Newsletters</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/news-feeds">News Feeds</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/weblinks">Website Links</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| <li class="uk-parent" data-uk-dropdown="{}"> | |
| <a href="http://www.reserverungolf.com/contact">Contact</a> | |
| <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1"> | |
| <div class="uk-grid uk-dropdown-grid"> | |
| <div class="uk-width-1-1"> | |
| <ul class="uk-nav uk-nav-navbar"> | |
| <li><a href="http://www.reserverungolf.com/contact">Contact Us</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/directions-map">Directions & Map</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/site-map">Site Map</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <a href="golf-course.html#offcanvas" class="uk-navbar-toggle uk-visible-small uk-vertical-align-middle" data-uk-offcanvas></a> | |
| <div class="uk-navbar-content uk-navbar-center uk-visible-small"> | |
| <a class="tm-logo-small" href="http://www.reserverungolf.com"> | |
| <div> <img src="http://www.reserverungolf.com/images/default/logo.png" width="190" height="189" alt="logo" /></div> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </nav> | |
| <div class="tm-wrapper"> | |
| <div class="tm-block-top-a"> | |
| <div class="uk-container-center"> | |
| <section class="tm-top-a uk-grid" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin> | |
| <div class="uk-width-1-1"> | |
| <div class="uk-panel uk-panel-header"> | |
| <div id="slideshow-5-541cd54581194" class="wk-slideshow wk-slideshow-default" data-widgetkit="slideshow" data-options='{"style":"default","autoplay":1,"interval":5000,"width":"auto","height":"auto","duration":500,"index":0,"order":"default","navigation":0,"buttons":0,"slices":20,"animated":"fade","caption_animation_duration":500}'> | |
| <div> | |
| <ul class="slides"> | |
| <li> | |
| <article class="wk-content clearfix"> | |
| <div><img src="http://www.reserverungolf.com/images/banners/banner_sub_1.jpg" width="1995" height="315" alt="banner sub 1" style="display: block; margin-left: auto; margin-right: auto;" /></div> | |
| </article> | |
| </li> | |
| <li> | |
| <article class="wk-content clearfix"> | |
| <div><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="http://www.reserverungolf.com/images/banners/banner_sub_2.jpg" width="1995" height="315" alt="banner sub 2" style="display: block; margin-left: auto; margin-right: auto;" /></div> | |
| </article> | |
| </li> | |
| <li> | |
| <article class="wk-content clearfix"> | |
| <div><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="http://www.reserverungolf.com/images/banners/banner_sub_3.jpg" width="1995" height="315" alt="banner sub 3" style="display: block; margin-left: auto; margin-right: auto;" /></div> | |
| </article> | |
| </li> | |
| </ul> | |
| <div class="caption"></div> | |
| <ul class="captions"> | |
| <li></li> | |
| <li></li> | |
| <li></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| <div class="tm-block-top-main"> | |
| <div class="uk-container uk-container-center"> | |
| <div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin> | |
| <div class="tm-main uk-width-medium-1-1"> | |
| <main class="tm-content"> | |
| <div id="system-message-container"></div> | |
| <article class="uk-article" > | |
| <h1 class="uk-article-title"> | |
| Scorecard | |
| </h1> | |
| <div> | |
| <div> | |
| <div class="Center-Content" style="position:relative;"> | |
| <div id="preload" style="display:block;height:200px;"> | |
| <div id="loading" style="height: 50%;width: 50%;max-width: 16px;min-width: 16px;min-height: 16px;max-height: 16px;margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;"> | |
| <img src="http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/4.GIF"> | |
| </div> | |
| </div> | |
| <div id="mainContent" style="display:none;"> | |
| <div id="topContent"> | |
| <div class="inside_column"> | |
| <div id="holeNumber"> | |
| <div class="currentHole"> | |
| <span>Hole</span> | |
| <h1 id="holeBlock">1</h1> | |
| </div> | |
| </div> | |
| <div id="parDist"> | |
| <div id="par"> | |
| <div id="parName" class="parGreen">PAR:</div> | |
| <div id="parNum" class="parWhite">5</div> | |
| </div> | |
| <div id="dist"> | |
| <div id="dis" class="parGreen">Dist:</div> | |
| <div id="t1" class="parWhite">504</div> | |
| <div id="t2" class="parWhite">491</div> | |
| <div id="t3" class="parWhite">458</div> | |
| <div id="t4" class="parWhite">441</div> | |
| </div> | |
| </div> | |
| <!--<div class="column_1_1 mHide"> | |
| <div class="img"> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png" alt="" title="" /> | |
| </div> | |
| </div>--> | |
| <div class="column_1_4 mHide"> | |
| <div class=""> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png"> | |
| </div> | |
| </div> | |
| <div class="column_1_2 dHide"> | |
| <!--<div class=""> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png"> | |
| </div>--> | |
| <div class=""> | |
| <img src="http://www.hartmuseum.org/test/new/bones/tippecanone/Golf-Course/images/aerial-tour.png" alt="" title="" /> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| <div id="midContent"> | |
| <div id="pager" style=""> | |
| <div class="pager-n"> | |
| <div class="next"><a id="next" href="#"></a> | |
| </div> | |
| </div> | |
| <div class="pager-p"> | |
| <div class="prev"><a id="prev" href="#"></a> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="videoContainer"> | |
| <div id="videoWrapper"> | |
| <iframe id="video" src="http://www.youtube.com/embed/ZmIeI61hhsM?enablejsapi=1&rel=0&?wmode=transparent" frameborder="0" allowfullscreen=""></iframe> | |
| <div id="videoOverlay"> | |
| <div id="mobileVidOverlay"></div> | |
| <div id="playButton"></div> | |
| <img id="thumb" src="http://img.youtube.com/vi/ZmIeI61hhsM/hqdefault.jpg" alt="" title="" /> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="clear"></div> | |
| <div id="botContent"> | |
| <ul> | |
| <li>FRONT:</li> | |
| <li class="numberCircle">1</li> | |
| <li class="numberCircle">2</li> | |
| <li class="numberCircle">3</li> | |
| <li class="numberCircle">4</li> | |
| <li class="numberCircle">5</li> | |
| <li class="numberCircle">6</li> | |
| <li class="numberCircle">7</li> | |
| <li class="numberCircle">8</li> | |
| <li class="numberCircle">9</li> | |
| </ul> | |
| <ul> | |
| <li>BACK:</li> | |
| <li class="numberCircle">10</li> | |
| <li class="numberCircle">11</li> | |
| <li class="numberCircle">12</li> | |
| <li class="numberCircle">13</li> | |
| <li class="numberCircle">14</li> | |
| <li class="numberCircle">15</li> | |
| <li class="numberCircle">16</li> | |
| <li class="numberCircle">17</li> | |
| <li class="numberCircle">18</li> | |
| </ul> | |
| </div> | |
| <div class="clear"></div> | |
| <table id="rt1" class="rt cf"> | |
| <thead class="cf"> | |
| <tr> | |
| <th>hole</th> | |
| <th class="tLink">1</th> | |
| <th class="tLink">2</th> | |
| <th class="tLink">3</th> | |
| <th class="tLink">4</th> | |
| <th class="tLink">5</th> | |
| <th class="tLink">6</th> | |
| <th class="tLink">7</th> | |
| <th class="tLink">8</th> | |
| <th class="tLink">9</th> | |
| <th>out</th> | |
| <th class="tLink">10</th> | |
| <th class="tLink">11</th> | |
| <th class="tLink">13</th> | |
| <th class="tLink">12</th> | |
| <th class="tLink">14</th> | |
| <th class="tLink">15</th> | |
| <th class="tLink">16</th> | |
| <th class="tLink">17</th> | |
| <th class="tLink">18</th> | |
| <th>in</th> | |
| <th>total</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td style="color:black;background:#fff;font-weight:bold;">black</td> | |
| <td>504</td> | |
| <td>195</td> | |
| <td>408</td> | |
| <td>182</td> | |
| <td>343</td> | |
| <td>572</td> | |
| <td>375</td> | |
| <td>219</td> | |
| <td>364</td> | |
| <td>3162</td> | |
| <td>503</td> | |
| <td>195</td> | |
| <td>308</td> | |
| <td>373</td> | |
| <td>357</td> | |
| <td>136</td> | |
| <td>529</td> | |
| <td>169</td> | |
| <td>430</td> | |
| <td>3000</td> | |
| <td>3162</td> | |
| </tr> | |
| <tr> | |
| <td style="color:blue;background:#fff;font-weight:bold;">blue</td> | |
| <td>491</td> | |
| <td>171</td> | |
| <td>394</td> | |
| <td>166</td> | |
| <td>338</td> | |
| <td>554</td> | |
| <td>359</td> | |
| <td>201</td> | |
| <td>354</td> | |
| <td>3028</td> | |
| <td>490</td> | |
| <td>187</td> | |
| <td>303</td> | |
| <td>365</td> | |
| <td>343</td> | |
| <td>128</td> | |
| <td>518</td> | |
| <td>150</td> | |
| <td>421</td> | |
| <td>2905</td> | |
| <td>5933</td> | |
| </tr> | |
| <tr> | |
| <td style="font-weight:bold;">par</td> | |
| <td>5</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>5</td> | |
| <td>4</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>35</td> | |
| <td>5</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>4</td> | |
| <td>4</td> | |
| <td>3</td> | |
| <td>5</td> | |
| <td>3</td> | |
| <td>4</td> | |
| <td>35</td> | |
| <td>70</td> | |
| </tr> | |
| <tr> | |
| <td style="font-weight:bold;">white</td> | |
| <td>458</td> | |
| <td>147</td> | |
| <td>368</td> | |
| <td>137</td> | |
| <td>313</td> | |
| <td>514</td> | |
| <td>313</td> | |
| <td>169</td> | |
| <td>327</td> | |
| <td>2746</td> | |
| <td>469</td> | |
| <td>168</td> | |
| <td>270</td> | |
| <td>330</td> | |
| <td>304</td> | |
| <td>121</td> | |
| <td>446</td> | |
| <td>142</td> | |
| <td>385</td> | |
| <td>2635</td> | |
| <td>5381</td> | |
| </tr> | |
| <tr> | |
| <td style="color:red;background:#fff;font-weight:bold;">red</td> | |
| <td>441</td> | |
| <td>130</td> | |
| <td>325</td> | |
| <td>120</td> | |
| <td>257</td> | |
| <td>444</td> | |
| <td>286</td> | |
| <td>101</td> | |
| <td>251</td> | |
| <td>2355</td> | |
| <td>400</td> | |
| <td>134</td> | |
| <td>251</td> | |
| <td>223</td> | |
| <td>234</td> | |
| <td>100</td> | |
| <td>406</td> | |
| <td>127</td> | |
| <td>275</td> | |
| <td>2150</td> | |
| <td>4505</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| <div class="clear"></div> | |
| <div class="clear"></div> | |
| <div class="clear" style="margin-bottom:10%;"></div> | |
| <!--<img src="http://www.reserverungolf.com/images/rr_scorecard.jpg" width="100%" height="NaN" alt="rr scorecard" style="max-width: 850px; border: 1px solid #000000; display: block; margin-left: auto; margin-right: auto;" />--> | |
| </div> | |
| <table border="0" style="width: 100%; height: 200px;" align="center" frame="below" rules="cols"> | |
| <tbody> | |
| <tr> | |
| <td style="width: 33%; text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Rated by Golf Digest 4 Star</td> | |
| <td style="width: 33%; text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Bent Grass Fairways</td> | |
| <td style="width: 33%; text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />U.S.G.A. Greens </td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />6 Scenic Water Holes</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Over 60 Bunkers & Moguls</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Multiple Tees</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Seniors Weekday w/cart $26</td> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Weekday w/cart $31</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Weekend w/cart $39</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Seniors Weekend w/cart $36</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />New Bar & Grille with Restaurant</td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Cart Paths</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Patio for Outings</td> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Tee Times a year in advance</td> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />Hotel packages available</td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;"> <img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />60 minutes from Cleveland, OH </td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />50 minutes from the Pittsburgh Airport </td> | |
| <td style="text-align: center;"><img src="http://www.reserverungolf.com/images/Green_check_mark.png" width="100%" height="NaN" alt="Green check mark" style="max-width: 15px; margin-right: 5px;" />35 minutes from Cranberry, PA</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </article> | |
| </main> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="tm-block-bottom-b"> | |
| <div class="uk-container uk-container-center"> | |
| <section class="tm-bottom-b uk-grid" data-uk-grid-match="{target:'> div > .uk-panel'}" data-uk-grid-margin> | |
| <div class="uk-width-1-1"> | |
| <div class="uk-panel uk-panel-box"> | |
| <ul class="uk-nav uk-nav-parent-icon uk-nav-side" data-uk-nav="{}"> | |
| <li><a href="http://www.reserverungolf.com/">Home</a></li> | |
| <li class="uk-active"><a href="golf-course.html">Golf Course</a></li> | |
| <li><a href="http://www.reserverungolf.com/rates">Rates</a></li> | |
| <li><a href="http://www.reserverungolf.com/picture-gallery">Photo Gallery</a></li> | |
| <li><a href="http://www.reserverungolf.com/restaurant">Restaurant</a></li> | |
| <li><a href="http://www.reserverungolf.com/events">Events</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links">News</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact">Contact</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| <div class="tm-block-footer"> | |
| <div class="uk-container uk-container-center"> | |
| <footer class="tm-footer tm-link-muted"> | |
| <div class="uk-panel"> | |
| <p style="text-align: center;">© 2014 Reserve Run Golf Course | 625 E Western Reserve Rd | Poland, OH 44514 | Tel: (330) 758-1017<br />Designed and Hosted by <a target="_blank" href="http://www.1-2-1marketing.com">1-2-1 Marketing</a></p> | |
| <div class="social_icons"><a href="https://www.facebook.com/ReserveRunGolfCourse" target="_blank"><img src="http://www.reserverungolf.com/images/buttons/footer_icon_fb.png" width="18" height="18" alt="icon fb" /></a></div> | |
| </div> | |
| </footer> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="offcanvas" class="uk-offcanvas"> | |
| <div class="uk-offcanvas-bar"> | |
| <ul class="uk-nav uk-nav-offcanvas"> | |
| <li><a href="http://www.reserverungolf.com/">Home</a></li> | |
| <li class="uk-parent uk-active"> | |
| <a href="golf-course.html">Golf Course</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="https://secure.east.prophetservices.com/ReserveRunGC" target="_blank">Book Tee Times</a></li> | |
| <li class="uk-active"><a href="golf-course.html">Scorecard</a></li> | |
| </ul> | |
| </li> | |
| <li><a href="http://www.reserverungolf.com/rates">Rates</a></li> | |
| <li><a href="http://www.reserverungolf.com/picture-gallery">Photo Gallery</a></li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/restaurant">Restaurant</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/restaurant">Another Round Bar & Grille</a></li> | |
| <li><a href="http://www.reserverungolf.com/restaurant/menu">Menu</a></li> | |
| </ul> | |
| </li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/events">Events</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/events">Request Outing Information</a></li> | |
| <li><a href="http://www.reserverungolf.com/events/events-calendar">Events Calendar</a></li> | |
| </ul> | |
| </li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/news-links">News</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/news-links">Newsletters</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/news-feeds">News Feeds</a></li> | |
| <li><a href="http://www.reserverungolf.com/news-links/weblinks">Website Links</a></li> | |
| </ul> | |
| </li> | |
| <li class="uk-parent"> | |
| <a href="http://www.reserverungolf.com/contact">Contact</a> | |
| <ul class="uk-nav-sub"> | |
| <li><a href="http://www.reserverungolf.com/contact">Contact Us</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/directions-map">Directions & Map</a></li> | |
| <li><a href="http://www.reserverungolf.com/contact/site-map">Site Map</a></li> | |
| </ul> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <script id="jsbin-javascript"> | |
| window.fitText(document.getElementById("botContent"), 2.47); | |
| window.fitText(document.getElementById("topContent"), 2.6); | |
| var o = document.getElementById('Modal'); | |
| var vidOverlay = document.getElementById('videoOverlay'); | |
| var mVidWrap = document.getElementById('mobileVidOverlay'); | |
| var vidWrap = document.getElementById('videoWrapper'); | |
| var playButton = document.getElementById("playButton"); | |
| var mid = document.getElementById('midContent'); | |
| var vid = document.getElementById('video'); | |
| var h = document.getElementById('holeBlock'); | |
| var n = document.getElementById('next'); | |
| var p = document.getElementById('prev'); | |
| var t = document.getElementById('thumb'); | |
| var main = document.getElementById('mainContent'); | |
| var preload = document.getElementById('preload'); | |
| var pager = document.getElementById('pager'); | |
| var tOne = document.getElementById('t1'); | |
| var tTwo = document.getElementById('t2'); | |
| var tThree = document.getElementById('t3'); | |
| var tFour = document.getElementById('t4'); | |
| var links = document.getElementsByTagName("a"); | |
| var par = document.getElementById("parNum"); | |
| var player; | |
| var value = isNaN(value) ? 1 : value; | |
| var playerIsReady = false; | |
| window.mobilecheck = function() { | |
| var check = false; | |
| (function(a) { | |
| if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|android|ipad|playbook|silk|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; | |
| })(navigator.userAgent || navigator.vendor || window.opera); | |
| return check; | |
| }; | |
| window.onYouTubePlayerAPIReady = function() { | |
| player = new YT.Player('video', { | |
| events: { | |
| 'onReady': onPlayerReady, | |
| 'onStateChange': onPlayerStateChange | |
| } | |
| }); | |
| }; | |
| function onPlayerReady(event) { | |
| main.style.display = "block"; | |
| preload.style.display = "none"; | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| if (mobilecheck()) { | |
| playButton.addEventListener("click", function() { | |
| vidOverlay.style.display = 'none'; | |
| pager.style.display = 'none'; | |
| playerIsReady = true; | |
| }); | |
| } else { | |
| playButton.addEventListener("click", function() { | |
| vidOverlay.style.display = 'none'; | |
| player.playVideo(); | |
| pager.style.display = 'none'; | |
| }); | |
| } | |
| } | |
| function onPlayerStateChange(event) { | |
| if (event.data === 0) { | |
| pager.style.display = 'block'; | |
| vidOverlay.style.display = 'block'; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| } | |
| } | |
| window.onload = function() { | |
| if (mobilecheck()) { | |
| mVidWrap.style.backgroundColor = "rgba(0,0,0,0.5)"; | |
| mVidWrap.style.zIndex = "0"; | |
| thumb.src = "http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/4_small.gif"; | |
| playButton.remove(); | |
| vid.src = "//www.youtube.com/embed/ZmIeI61hhsM?enablejsapi=1&rel=0&?wmode=transparent"; | |
| vid.onload = function() { | |
| vidOverlay.style.display = "none"; | |
| vidWrap.style.backgroundColor = "none"; | |
| }; | |
| } | |
| var tag = document.createElement('script'); | |
| tag.src = "//www.youtube.com/player_api"; | |
| var firstScriptTag = document.getElementsByTagName('script')[0]; | |
| firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | |
| var data = [{ | |
| "HoleNumber": "1", | |
| "TeeRow1": "504", | |
| "TeeRow2": "491", | |
| "Par": "5", | |
| "TeeRow3": "458", | |
| "TeeRow4": "441", | |
| "Source": "ZmIeI61hhsM" | |
| }, { | |
| "HoleNumber": "2", | |
| "TeeRow1": "195", | |
| "TeeRow2": "171", | |
| "Par": "3", | |
| "TeeRow3": "147", | |
| "TeeRow4": "130", | |
| "Source": "i9ETUrPLKdM" | |
| }, { | |
| "HoleNumber": "3", | |
| "TeeRow1": "408", | |
| "TeeRow2": "394", | |
| "Par": "4", | |
| "TeeRow3": "368", | |
| "TeeRow4": "325", | |
| "Source": "lUr3U_mgF8c" | |
| }, { | |
| "HoleNumber": "4", | |
| "TeeRow1": "182", | |
| "TeeRow2": "166", | |
| "Par": "3", | |
| "TeeRow3": "137", | |
| "TeeRow4": "120", | |
| "Source": "VgkJLKk5Smc" | |
| }, { | |
| "HoleNumber": "5", | |
| "TeeRow1": "343", | |
| "TeeRow2": "338", | |
| "Par": "4", | |
| "TeeRow3": "313", | |
| "TeeRow4": "257", | |
| "Source": "nWZDeeiU-uI" | |
| }, { | |
| "HoleNumber": "6", | |
| "TeeRow1": "572", | |
| "TeeRow2": "554", | |
| "Par": "5", | |
| "TeeRow3": "514", | |
| "TeeRow4": "444", | |
| "Source": "NqkzO7QM7z0" | |
| }, { | |
| "HoleNumber": "7", | |
| "TeeRow1": "375", | |
| "TeeRow2": "359", | |
| "Par": "4", | |
| "TeeRow3": "313", | |
| "TeeRow4": "286", | |
| "Source": "pqCZjR9KQ0o" | |
| }, { | |
| "HoleNumber": "8", | |
| "TeeRow1": "219", | |
| "TeeRow2": "201", | |
| "Par": "3", | |
| "TeeRow3": "169", | |
| "TeeRow4": "101", | |
| "Source": "kUJvrR8GTtM" | |
| }, { | |
| "HoleNumber": "9", | |
| "TeeRow1": "364", | |
| "TeeRow2": "354", | |
| "Par": "4", | |
| "TeeRow3": "327", | |
| "TeeRow4": "251", | |
| "Source": "hyMAwW_y6BI" | |
| }, { | |
| "HoleNumber": "10", | |
| "TeeRow1": "503", | |
| "TeeRow2": "490", | |
| "Par": "5", | |
| "TeeRow3": "469", | |
| "TeeRow4": "400", | |
| "Source": "ZD2KAo0nZVM" | |
| }, { | |
| "HoleNumber": "11", | |
| "TeeRow1": "195", | |
| "TeeRow2": "187", | |
| "Par": "3", | |
| "TeeRow3": "168", | |
| "TeeRow4": "134", | |
| "Source": "PliAr_qwHVE" | |
| }, { | |
| "HoleNumber": "12", | |
| "TeeRow1": "308", | |
| "TeeRow2": "303", | |
| "Par": "4", | |
| "TeeRow3": "270", | |
| "TeeRow4": "251", | |
| "Source": "hd6aMeyMQMk" | |
| }, { | |
| "HoleNumber": "13", | |
| "TeeRow1": "373", | |
| "TeeRow2": "365", | |
| "Par": "4", | |
| "TeeRow3": "330", | |
| "TeeRow4": "223", | |
| "Source": "aXw_cYrf6oc" | |
| }, { | |
| "HoleNumber": "14", | |
| "TeeRow1": "357", | |
| "TeeRow2": "343", | |
| "Par": "4", | |
| "TeeRow3": "304", | |
| "TeeRow4": "234", | |
| "Source": "jtFv-VsaNYI" | |
| }, { | |
| "HoleNumber": "15", | |
| "TeeRow1": "136", | |
| "TeeRow2": "128", | |
| "Par": "3", | |
| "TeeRow3": "121", | |
| "TeeRow4": "100", | |
| "Source": "LmUBF5jhjgE" | |
| }, { | |
| "HoleNumber": "16", | |
| "TeeRow1": "529", | |
| "TeeRow2": "518", | |
| "Par": "5", | |
| "TeeRow3": "446", | |
| "TeeRow4": "406", | |
| "Source": "0TC-5wNqdnk" | |
| }, { | |
| "HoleNumber": "17", | |
| "TeeRow1": "169", | |
| "TeeRow2": "150", | |
| "Par": "3", | |
| "TeeRow3": "142", | |
| "TeeRow4": "127", | |
| "Source": "gbzd4braRFE" | |
| }, { | |
| "HoleNumber": "18", | |
| "TeeRow1": "430", | |
| "TeeRow2": "421", | |
| "Par": "4", | |
| "TeeRow3": "385", | |
| "TeeRow4": "275", | |
| "Source": "ttywlWnEysQ" | |
| }]; | |
| function showNumber(ev) { | |
| ev.preventDefault(); | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| vidOverlay.style.display = 'block'; | |
| pager.style.display = 'block'; | |
| h.textContent = this.textContent; | |
| for (var i = data.length - 1; i >= 0; i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function next(ev) { | |
| ev.preventDefault(); | |
| vidOverlay.style.display = 'block'; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| pager.style.display = 'block'; | |
| var hnuma = Number(h.textContent) + 1; | |
| h.textContent = hnuma; | |
| if (hnuma >= 19) { | |
| h.textContent = 1; | |
| } | |
| for (var i = data.length - 1; i >= 0; i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function prev(ev) { | |
| ev.preventDefault(); | |
| vidOverlay.style.display = 'block'; | |
| pager.style.display = 'block'; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| var hnumb = Number(h.textContent) - 1; | |
| h.textContent = hnumb; | |
| if (hnumb <= 0) { | |
| h.textContent = 18; | |
| } | |
| for (var i = data.length - 1; i >= 0; i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function x(ev) { | |
| ev.preventDefault(); | |
| o.style.opacity = "0.0"; | |
| o.style.filter = 'alpha(opacity=0)'; // IE fallback | |
| o.style.zIndex = "-1"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| return false; | |
| } | |
| Array.prototype.forEach.call(document.querySelectorAll('.tLink'), function(brr) { | |
| brr.addEventListener('click', showNumber); | |
| }); | |
| Array.prototype.forEach.call(document.querySelectorAll('.numberCircle'), function(arr) { | |
| arr.addEventListener('click', showNumber); | |
| }); | |
| n.addEventListener("click", next, false); | |
| p.addEventListener("click", prev, false); | |
| }; | |
| </script> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*Content*/ | |
| #mainContent { | |
| /* margin: 0% 9% 10% 9%; */ | |
| z-index: 9999; | |
| } | |
| #topContent { | |
| position: relative; | |
| width:100%; | |
| height:50px; | |
| } | |
| #midContent { | |
| position: relative; | |
| } | |
| #botContent { | |
| margin:0 auto; | |
| width:100%; | |
| } | |
| .clear { | |
| clear:both; | |
| margin-bottom:3%; | |
| } | |
| .column_1_2 { | |
| width: 32%; | |
| /* float: right; */ | |
| position: absolute; | |
| bottom: 0; | |
| right: 0; | |
| height: 20px; | |
| } | |
| .column_1_4 { | |
| width: 40%; | |
| position: absolute; | |
| right: 0px; | |
| bottom: 0; | |
| } | |
| .dHide { | |
| display:none; | |
| } | |
| .mHide { | |
| display:block; | |
| } | |
| #mainContent img { | |
| width:100%; | |
| } | |
| #botContent > ul:nth-child(1) > li:nth-child(1) { | |
| color:#85BF25; | |
| } | |
| #botContent > ul:nth-child(2) > li:nth-child(1) { | |
| color:#85BF25; | |
| } | |
| #botContent > ul >li { | |
| float: left; | |
| margin-right: 1.95%; | |
| list-style: none; | |
| margin-bottom:1%; | |
| } | |
| #botContent > ul { | |
| margin: 0 auto; | |
| padding: 0; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-bottom:1%; | |
| } | |
| .numberCircle { | |
| behavior: url(PIE.htc); | |
| text-align: center; | |
| cursor:pointer; | |
| color:#000; | |
| } | |
| .inside_column { | |
| width: 100%; | |
| margin: 0; | |
| padding: 0; | |
| float: left; | |
| position: absolute; | |
| bottom: 0; | |
| } | |
| .parGreen { | |
| text-transform: uppercase; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-right: 3px; | |
| color:#85BF25; | |
| float:left; | |
| } | |
| #parDist { | |
| margin-left: 1%; | |
| vertical-align: bottom; | |
| display: inline-block; | |
| width:75%; | |
| line-height: 77%; | |
| } | |
| .parWhite { | |
| color: #000; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| margin-right: 6px; | |
| float:left; | |
| } | |
| .currentHole { | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| color:#000; | |
| line-height: 65%; | |
| } | |
| .currentHole span { | |
| font-size: 19px; | |
| } | |
| #holeBlock { | |
| font-size: 50px; | |
| color: #000; | |
| line-height:0px; | |
| margin-bottom: 19px; | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| } | |
| #holeNumber { | |
| vertical-align: bottom; | |
| display: inline-block; | |
| } | |
| #playButton { | |
| width: 0; | |
| height: 0; | |
| background-repeat: no-repeat; | |
| background-size: 95px; | |
| z-index: 9999; | |
| position:absolute; | |
| left: 50%; | |
| top: 50%; | |
| padding-top: 5%; | |
| padding-bottom: 5%; | |
| padding-left: 5%; | |
| overflow: hidden; | |
| -webkit-transform: translateY(-50%) translateX(-50%); | |
| -moz-transform: translateY(-50%) translateX(-50%); | |
| -ms-transform: translateY(-50%) translateX(-50%); | |
| -o-transform: translateY(-50%) translateX(-50%); | |
| transform: translateY(-50%) translateX(-50%); | |
| /* IE8+ - must be on one line, unfortunately */ | |
| -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; | |
| /* IE6 and 7 */ | |
| filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand'); | |
| cursor:pointer; | |
| } | |
| #playButton:after { | |
| content:""; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| margin-top:-500px; | |
| margin-left: -500px; | |
| border-top: 500px solid transparent; | |
| border-bottom: 500px solid transparent; | |
| border-left: 500px solid #ccc; | |
| } | |
| #videoWrapper { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| /* 16:9 */ | |
| padding-top: 25px; | |
| height: 0; | |
| } | |
| #videoWrapper img { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #mobileVidOverlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| #videoWrapper iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .img { | |
| max-width:65px; | |
| float:right; | |
| } | |
| /*Content*/ | |
| /*Pager*/ | |
| #pager { | |
| bottom: 0; | |
| top: 0; | |
| right: -20px; | |
| left: 0; | |
| margin: auto; | |
| position: absolute; | |
| height: 55px; | |
| margin-left: -20px; | |
| } | |
| #next, #prev { | |
| display: inline-block; | |
| font-size:4em; | |
| position: relative; | |
| text-decoration: none; | |
| z-index: 1; | |
| } | |
| #next, #prev { | |
| padding: 0.5em 0em | |
| } | |
| #next { | |
| text-align: right | |
| } | |
| #next:before, #next:after, #prev:before, #prev:after { | |
| background:#ddd; | |
| content:""; | |
| display: block; | |
| height: 0.3em; | |
| position: absolute; | |
| right: 0; | |
| top: 50%; | |
| width: 0.8em; | |
| } | |
| #prev:before, #prev:after { | |
| left: 0 | |
| } | |
| #next:before, #prev:before { | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| -webkit-transform: rotate(45deg); | |
| transform: rotate(45deg); | |
| /* IE8+ - must be on one line, unfortunately */ | |
| -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand')"; | |
| /* IE6 and 7 */ | |
| filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865476, M21=0.7071067811865476, M22=0.7071067811865474, SizingMethod='auto expand'); | |
| } | |
| #next:after, #prev:after { | |
| -moz-transform: rotate(-45deg); | |
| -ms-transform: rotate(-45deg); | |
| -o-transform: rotate(-45deg); | |
| -webkit-transform: rotate(-45deg); | |
| transform: rotate(-45deg); | |
| /* IE8+ - must be on one line, unfortunately */ | |
| -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865482, M12=0.7071067811865466, M21=-0.7071067811865466, M22=0.7071067811865482, SizingMethod='auto expand')"; | |
| /* IE6 and 7 */ | |
| filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865482, M12=0.7071067811865466, M21=-0.7071067811865466, M22=0.7071067811865482, SizingMethod='auto expand'); | |
| } | |
| #prev:after, #next:before { | |
| margin-top: -.36em | |
| } | |
| #next:hover, #next:focus, #prev:hover, #prev:focus { | |
| color: #c00 | |
| } | |
| #next:hover:before, #next:hover:after, #next:focus:before, #next:focus:after, #prev:hover:before, #prev:hover:after, #prev:focus:before, #prev:focus:after { | |
| background: #85BF25; | |
| } | |
| .pager-n { | |
| position: absolute; | |
| right:0; | |
| } | |
| /*Pager*/ | |
| /*Table*/ | |
| .rt { | |
| font-family:'Open Sans Condensed', Tahoma, Geneva, sans-serif; | |
| width: 100%; | |
| font-size: 0.75em; | |
| /*12*/ | |
| line-height: 1.25em; | |
| /*15*/ | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| .rt th, .rt td { | |
| margin: 0; | |
| padding: 0.4166em; | |
| /*10*/ | |
| vertical-align: top; | |
| border: 1px solid #babcbf; | |
| background:#fff; | |
| color:#000; | |
| text-transform:uppercase; | |
| text-align:center; | |
| font-weight:bold; | |
| } | |
| .rt th { | |
| text-align: left; | |
| background: #85BF25; | |
| color:#000; | |
| text-transform:uppercase; | |
| text-align:center; | |
| } | |
| .tLink { | |
| color:#000000; | |
| text-decoration:none; | |
| cursor:pointer; | |
| } | |
| /*Table*/ | |
| /*Media Queries*/ | |
| @media only screen and (max-width : 320px) { | |
| .numberCircle { | |
| font-size:9px; | |
| } | |
| #botContent > ul:nth-child(1) > li:nth-child(1) { | |
| font-size:9px; | |
| } | |
| #botContent > ul:nth-child(2) > li:nth-child(1) { | |
| font-size:9px; | |
| } | |
| .mHide { | |
| display:none; | |
| } | |
| .dHide { | |
| display:block; | |
| } | |
| .img { | |
| max-width:52px; | |
| } | |
| #topContent { | |
| font-size:11px !important; | |
| } | |
| } | |
| @media only screen and (max-width : 450px) { | |
| } | |
| @media only screen and (max-width: 768px) { | |
| /*640*/ | |
| #rt1 { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #rt1 thead { | |
| display: block; | |
| float: left; | |
| } | |
| #rt1 tbody { | |
| display: block; | |
| width: auto; | |
| position: relative; | |
| overflow-x: auto; | |
| white-space: nowrap; | |
| } | |
| #rt1 thead tr { | |
| display: block; | |
| } | |
| #rt1 th { | |
| display: block; | |
| } | |
| #rt1 tbody tr { | |
| display: inline-block; | |
| vertical-align: top; | |
| } | |
| #rt1 td { | |
| display: block; | |
| min-height: 1.25em; | |
| } | |
| #rt2 { | |
| display: block; | |
| position: relative; | |
| width: 100%; | |
| } | |
| #rt2 thead { | |
| display: block; | |
| float: left; | |
| } | |
| #rt2 tbody { | |
| display: -webkit-box; | |
| overflow-x: auto; | |
| } | |
| #rt2 th, #rt2 tr, #rt2 td { | |
| display: block; | |
| } | |
| /* sort out borders */ | |
| .rt th { | |
| padding: 0.4em 2.75em; | |
| border-bottom: 0; | |
| } | |
| .rt td { | |
| padding: 0.4em 3.49em; | |
| border-left: 0; | |
| border-right: 0; | |
| border-bottom: 0; | |
| } | |
| .rt tbody tr { | |
| border-right: 1px solid #babcbf; | |
| } | |
| .rt th:last-child, .rt td:last-child { | |
| border-bottom: 1px solid #babcbf; | |
| } | |
| } | |
| /*Media Queries*/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| window.fitText(document.getElementById("botContent"), 2.47); | |
| window.fitText(document.getElementById("topContent"), 2.6); | |
| var o = document.getElementById('Modal'); | |
| var vidOverlay = document.getElementById('videoOverlay'); | |
| var mVidWrap = document.getElementById('mobileVidOverlay'); | |
| var vidWrap = document.getElementById('videoWrapper'); | |
| var playButton = document.getElementById("playButton"); | |
| var mid = document.getElementById('midContent'); | |
| var vid = document.getElementById('video'); | |
| var h = document.getElementById('holeBlock'); | |
| var n = document.getElementById('next'); | |
| var p = document.getElementById('prev'); | |
| var t = document.getElementById('thumb'); | |
| var main = document.getElementById('mainContent'); | |
| var preload = document.getElementById('preload'); | |
| var pager = document.getElementById('pager'); | |
| var tOne = document.getElementById('t1'); | |
| var tTwo = document.getElementById('t2'); | |
| var tThree = document.getElementById('t3'); | |
| var tFour = document.getElementById('t4'); | |
| var links = document.getElementsByTagName("a"); | |
| var par = document.getElementById("parNum"); | |
| var player; | |
| var value = isNaN(value) ? 1 : value; | |
| var playerIsReady = false; | |
| window.mobilecheck = function() { | |
| var check = false; | |
| (function(a) { | |
| if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|android|ipad|playbook|silk|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; | |
| })(navigator.userAgent || navigator.vendor || window.opera); | |
| return check; | |
| }; | |
| window.onYouTubePlayerAPIReady = function() { | |
| player = new YT.Player('video', { | |
| events: { | |
| 'onReady': onPlayerReady, | |
| 'onStateChange': onPlayerStateChange | |
| } | |
| }); | |
| }; | |
| function onPlayerReady(event) { | |
| main.style.display = "block"; | |
| preload.style.display = "none"; | |
| fitText(document.getElementById("botContent"), 2.47); | |
| fitText(document.getElementById("topContent"), 2.6); | |
| if (mobilecheck()) { | |
| playButton.addEventListener("click", function() { | |
| vidOverlay.style.display = 'none'; | |
| pager.style.display = 'none'; | |
| playerIsReady = true; | |
| }); | |
| } else { | |
| playButton.addEventListener("click", function() { | |
| vidOverlay.style.display = 'none'; | |
| player.playVideo(); | |
| pager.style.display = 'none'; | |
| }); | |
| } | |
| } | |
| function onPlayerStateChange(event) { | |
| if (event.data === 0) { | |
| pager.style.display = 'block'; | |
| vidOverlay.style.display = 'block'; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| } | |
| } | |
| window.onload = function() { | |
| if (mobilecheck()) { | |
| mVidWrap.style.backgroundColor = "rgba(0,0,0,0.5)"; | |
| mVidWrap.style.zIndex = "0"; | |
| thumb.src = "http://d19f655061aacf3d944b-31672e88ffa6478039e94d7b09f1f706.r22.cf5.rackcdn.com/4_small.gif"; | |
| playButton.remove(); | |
| vid.src = "//www.youtube.com/embed/ZmIeI61hhsM?enablejsapi=1&rel=0&?wmode=transparent"; | |
| vid.onload = function() { | |
| vidOverlay.style.display = "none"; | |
| vidWrap.style.backgroundColor = "none"; | |
| }; | |
| } | |
| var tag = document.createElement('script'); | |
| tag.src = "//www.youtube.com/player_api"; | |
| var firstScriptTag = document.getElementsByTagName('script')[0]; | |
| firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | |
| var data = [{ | |
| "HoleNumber": "1", | |
| "TeeRow1": "504", | |
| "TeeRow2": "491", | |
| "Par": "5", | |
| "TeeRow3": "458", | |
| "TeeRow4": "441", | |
| "Source": "ZmIeI61hhsM" | |
| }, { | |
| "HoleNumber": "2", | |
| "TeeRow1": "195", | |
| "TeeRow2": "171", | |
| "Par": "3", | |
| "TeeRow3": "147", | |
| "TeeRow4": "130", | |
| "Source": "i9ETUrPLKdM" | |
| }, { | |
| "HoleNumber": "3", | |
| "TeeRow1": "408", | |
| "TeeRow2": "394", | |
| "Par": "4", | |
| "TeeRow3": "368", | |
| "TeeRow4": "325", | |
| "Source": "lUr3U_mgF8c" | |
| }, { | |
| "HoleNumber": "4", | |
| "TeeRow1": "182", | |
| "TeeRow2": "166", | |
| "Par": "3", | |
| "TeeRow3": "137", | |
| "TeeRow4": "120", | |
| "Source": "VgkJLKk5Smc" | |
| }, { | |
| "HoleNumber": "5", | |
| "TeeRow1": "343", | |
| "TeeRow2": "338", | |
| "Par": "4", | |
| "TeeRow3": "313", | |
| "TeeRow4": "257", | |
| "Source": "nWZDeeiU-uI" | |
| }, { | |
| "HoleNumber": "6", | |
| "TeeRow1": "572", | |
| "TeeRow2": "554", | |
| "Par": "5", | |
| "TeeRow3": "514", | |
| "TeeRow4": "444", | |
| "Source": "NqkzO7QM7z0" | |
| }, { | |
| "HoleNumber": "7", | |
| "TeeRow1": "375", | |
| "TeeRow2": "359", | |
| "Par": "4", | |
| "TeeRow3": "313", | |
| "TeeRow4": "286", | |
| "Source": "pqCZjR9KQ0o" | |
| }, { | |
| "HoleNumber": "8", | |
| "TeeRow1": "219", | |
| "TeeRow2": "201", | |
| "Par": "3", | |
| "TeeRow3": "169", | |
| "TeeRow4": "101", | |
| "Source": "kUJvrR8GTtM" | |
| }, { | |
| "HoleNumber": "9", | |
| "TeeRow1": "364", | |
| "TeeRow2": "354", | |
| "Par": "4", | |
| "TeeRow3": "327", | |
| "TeeRow4": "251", | |
| "Source": "hyMAwW_y6BI" | |
| }, { | |
| "HoleNumber": "10", | |
| "TeeRow1": "503", | |
| "TeeRow2": "490", | |
| "Par": "5", | |
| "TeeRow3": "469", | |
| "TeeRow4": "400", | |
| "Source": "ZD2KAo0nZVM" | |
| }, { | |
| "HoleNumber": "11", | |
| "TeeRow1": "195", | |
| "TeeRow2": "187", | |
| "Par": "3", | |
| "TeeRow3": "168", | |
| "TeeRow4": "134", | |
| "Source": "PliAr_qwHVE" | |
| }, { | |
| "HoleNumber": "12", | |
| "TeeRow1": "308", | |
| "TeeRow2": "303", | |
| "Par": "4", | |
| "TeeRow3": "270", | |
| "TeeRow4": "251", | |
| "Source": "hd6aMeyMQMk" | |
| }, { | |
| "HoleNumber": "13", | |
| "TeeRow1": "373", | |
| "TeeRow2": "365", | |
| "Par": "4", | |
| "TeeRow3": "330", | |
| "TeeRow4": "223", | |
| "Source": "aXw_cYrf6oc" | |
| }, { | |
| "HoleNumber": "14", | |
| "TeeRow1": "357", | |
| "TeeRow2": "343", | |
| "Par": "4", | |
| "TeeRow3": "304", | |
| "TeeRow4": "234", | |
| "Source": "jtFv-VsaNYI" | |
| }, { | |
| "HoleNumber": "15", | |
| "TeeRow1": "136", | |
| "TeeRow2": "128", | |
| "Par": "3", | |
| "TeeRow3": "121", | |
| "TeeRow4": "100", | |
| "Source": "LmUBF5jhjgE" | |
| }, { | |
| "HoleNumber": "16", | |
| "TeeRow1": "529", | |
| "TeeRow2": "518", | |
| "Par": "5", | |
| "TeeRow3": "446", | |
| "TeeRow4": "406", | |
| "Source": "0TC-5wNqdnk" | |
| }, { | |
| "HoleNumber": "17", | |
| "TeeRow1": "169", | |
| "TeeRow2": "150", | |
| "Par": "3", | |
| "TeeRow3": "142", | |
| "TeeRow4": "127", | |
| "Source": "gbzd4braRFE" | |
| }, { | |
| "HoleNumber": "18", | |
| "TeeRow1": "430", | |
| "TeeRow2": "421", | |
| "Par": "4", | |
| "TeeRow3": "385", | |
| "TeeRow4": "275", | |
| "Source": "ttywlWnEysQ" | |
| }]; | |
| function showNumber(ev) { | |
| ev.preventDefault(); | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| vidOverlay.style.display = 'block'; | |
| pager.style.display = 'block'; | |
| h.textContent = this.textContent; | |
| for (var i = data.length - 1; i >= 0; i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function next(ev) { | |
| ev.preventDefault(); | |
| vidOverlay.style.display = 'block'; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| pager.style.display = 'block'; | |
| var hnuma = Number(h.textContent) + 1; | |
| h.textContent = hnuma; | |
| if (hnuma >= 19) { | |
| h.textContent = 1; | |
| } | |
| for (var i = data.length - 1; i >= 0; i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function prev(ev) { | |
| ev.preventDefault(); | |
| vidOverlay.style.display = 'block'; | |
| pager.style.display = 'block'; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| var hnumb = Number(h.textContent) - 1; | |
| h.textContent = hnumb; | |
| if (hnumb <= 0) { | |
| h.textContent = 18; | |
| } | |
| for (var i = data.length - 1; i >= 0; i--) { | |
| if (data[i].HoleNumber === h.textContent) { | |
| tOne.textContent = data[i].TeeRow1; | |
| tTwo.textContent = data[i].TeeRow2; | |
| tThree.textContent = data[i].TeeRow3; | |
| tFour.textContent = data[i].TeeRow4; | |
| par.textContent = data[i].Par; | |
| if (mobilecheck()) { | |
| vid.src = "//www.youtube.com/embed/" + data[i].Source + "?enablejsapi=1"; | |
| } else { | |
| player.loadVideoById(data[i].Source); | |
| t.src = "https://img.youtube.com/vi/" + data[i].Source + "/hqdefault.jpg"; | |
| } | |
| } | |
| } | |
| return false; | |
| } | |
| function x(ev) { | |
| ev.preventDefault(); | |
| o.style.opacity = "0.0"; | |
| o.style.filter = 'alpha(opacity=0)'; // IE fallback | |
| o.style.zIndex = "-1"; | |
| player.stopVideo(); | |
| player.seekTo(0); | |
| return false; | |
| } | |
| Array.prototype.forEach.call(document.querySelectorAll('.tLink'), function(brr) { | |
| brr.addEventListener('click', showNumber); | |
| }); | |
| Array.prototype.forEach.call(document.querySelectorAll('.numberCircle'), function(arr) { | |
| arr.addEventListener('click', showNumber); | |
| }); | |
| n.addEventListener("click", next, false); | |
| p.addEventListener("click", prev, false); | |
| }; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment