</noscript> <!-- End Google Tag Manager (noscript) --> <a id="skip-nav" class="screenreader-text" href="#main-content">Skip Navigation or Skip to Content</a> <!-- CCE SERVER REFERENCE --> <script language="javascript" type="text/javascript"> </script> <div class="leftNavBack"> <input name="ctl00$Uctopnav1$hdnCartStatus" type="hidden" id="ctl00_Uctopnav1_hdnCartStatus" value="0" /> </div> <!-- END CCE SERVER REFERENCE --> <header class="top-bar topbar-responsive clearfix"> <div class="top-bar-title float-left"> <a class="topbar-responsive-logo" href="https://www.uvu.edu/ce" title="Visit Main Website (opens in new window)" target="_blank"><img src="https://www.campusce.net/uvu/configuration/uvu/img/uvu-mono.svg" style="height: 25px !important;" alt="School Logo" /> <strong>CONTINUING EDUCATION</strong></a> </div> <div class="top-bar-right"> <a href="../search/search2.aspx" title="Advanced Search"><button type="button" class="button hollow topbar-responsive-button"><i class="fas fa-search" aria-hidden="true"></i><span class="show-for-sr">Search Button</span></button></a> </div> </header> <div class="custom-menu"> <ul class="vertical medium-horizontal menu"> <li><a href="https://www.uvu.edu/ce/about-us/index.html" target="_blank"><i class="fi-list"></i> <span>Contact Us</span></a></li> <li><a href="../category/category.aspx"><i class="fi-list"></i> <span>Course Catalog</span></a></li> <li><a href="https://www.uvu.edu/communityed/elder/" target="_blank"><i class="fi-list"></i> <span>Elder Quest</span></a></li> <li><a href="https://www.uvu.edu/ce/units/index.html" target="_blank"><i class="fi-list"></i> <span>CEUS</span></a></li> <li><a href="https://www.uvu.edu/communityed/esl/index.html" target="_blank"><i class="fi-list"></i> <span>ESL</span></a></li> </ul> </div> <div class="hero-section"> <div class="hero-section-text"> <!--<h1>Header</h1> <h5>subtitle about anything you like</h5>--> </div> </div> <form name="aspnetForm" method="post" action="./course.aspx?catId=30" id="aspnetForm"> <div> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="FLbj3+hqlN30MAZS9fB3rlOaibySvwN2CUkV+FSQLDio1sncqeuM7ZxcYaQo1GFh/nc4Bvrk+PbA67+R8rnW8NlaRsI/4onNQG1AR+zTyzUY80BUkxNznzZsCMRnMgw8pxh+l2c160l0+rj2IDpZNcys0QttIdcw64CCThpe3nubTiawsfaNSxez7ycoSQqz5B9wXcTT4A1LMLVmm0ziWnOo6pvWUd+yf7LchmW0vR3I6MOq8bxPIFKZHu2U8/IaDfaIt6sAPuIfwp/DddIY/OjMxOSMsyq8nepK2LoULFSu02ij/9P5q04o4g2lmpaolFrWgjtzlMM/jLCoTOHx4dpdEo6gQ6H3xm4uSsJn0GIADfE/NsymFxuxhx8YjW9DznvUHmfBw9YRPtXHI/AiMY1Bs2BcfV8jkYx3Cs0XTyIi/w0tzeKBrLjAwq8vuaJSH5Dj/CLN2zQdKQzZZvpDh4vlELMAYzyM10wRb0l1zqVd2QSIcmplDNq1YHx7LotPTk7msEaIIc1K1XFO6RXOVDKV+fLlqPMdJoKxFMPp8oatewvdZ7vihB6EOa7bJNfUtL3Y2OuM1bD3jx3pCS36qDLxkB1Q+9rsJ0pvcSSx0WFQTmofHsJXMTht+bmVyrIbMxPw3wher3sIt5hapdSIqtXQu8ZswNYt4qJyTG/I7hnmVPoWpfgvFd4SNb35Zrxiuhtik1hCvxwcnZBqBR6RGmM9bw37mk5at/Inn6PXD3uNF87TFY99cEasV43p3nWOV8Dju8Ex1DC6ySb48ekUwbCfToIvBZ9XBabtLsJl9gFXpv2ge/br7I3hnUNb2ZPPU4MDBsbuONxPWWFATVmlRSnSk2i+p/Ll08afu96TTHltfk5jxAGOsdeKcCJSWOhwM79A8Q+gXFDWySz0/xDu9AxVm9wmn7WPCXOue40XQWlqRvFWB2FQ1XfZ0scnUA59grj0l07YGt45gDkqmVihMQUmWYyfdKMXe+K8ukWGTDuh5lO/LGV/6RzjQGWjOluCOq/FEVR6bNc7Oj2w/JKhS5+iBRiUUR3hOrOdz4mB4xkYibcSIvoPqfRpUxoNHKhBEKom2KFy31OEs/mNm6s/hu2OBzksBUTwAaADtXr59lPOq93sE0O6GFd0mHQ4N4JYilgbbmH72Do/vBDrIDy3aaRX8vQ8olHIqtLkLETqoUCLxRyJUsfZo04eBruuGmedFiw2/WdxVsuJeoLevMMO3tX05PKxKqnk0xl1GXkCaUY=" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/uvu/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZBt8ZAIUgY_ZXlRx7e_6d3uPC_2Cr7P-wFNopIO5d8Tn0TgwpwwFOL6Mu-WqgSaPSQ2&t=638627972640000000" type="text/javascript"></script> <script src="/uvu/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvjLdV-jrtFjD4O0RIIhtTlHZywVF3ykQqD8XGkEJ-YdbSXc7M8Qz0SWK-fj8yDVRzll72KnQgs51NzUeDqsBxdf2R-3l8Wh3e1-Rr0XL_0DpOHkd0IpPAeJS_mbbQHIny87qkrZY7bLmvbbTq8uFs7w1&t=2a9d95e3" type="text/javascript"></script> <script src="/uvu/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OIKNKS3unt-J7H-_1wzNkap0Kq3oQwsFc0HrABh0DQkHMwK3VDKRgmlNLLAn8xJsXz9Y04TzP19YY6CwPF_pBYXnueRpJhSXj3RO5G7fQZvKkFV_TD7IKBJf2MvrFRQ6HAqLBNuJjc-k0wanD6598kY1&t=2a9d95e3" type="text/javascript"></script> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="4B39941A" /> </div><!-- START CCE FORM --> <section role="region" aria-labelledby="CCESecMenu"> <div id="CCESecMenu"> <div class="row large-unstack"> <div class="large-8 columns"> <div id="top"> <div id="ctl00_Ucpreheader1_divPreHeaderWelcome" class="left" welcomeText="Welcome, "></div> <div id="ctl00_Ucpreheader1_headerNavMenu" class="right"><a id="ctl00_Ucpreheader1_linkPreHdrSignin" signOutText="Sign Out" signOutLink="../account/signout.aspx" href="../account/signin.aspx">Sign In</a><span> | </span><a id="ctl00_Ucpreheader1_hypGoCartIndex" href="../cart/index.aspx">View Cart</a><span> | </span><span> | </span><a id="ctl00_Ucpreheader1_hypFeedback" href="Javascript:feedBack('/uvu/feedBack/feedBack.aspx')">Help</a><span> | </span></div> </div> </div> <div class="large-4 columns"> <ul id="CCEMenu"> <li><a href="../search/search2.aspx" title="Search Catalog"><i class="fas fa-search" aria-hidden="true" aria-label="Search Catalog"></i> Search</a></li> <li><a href="../cart/index.aspx" title="Shopping Cart"><i class="fas fa-shopping-cart" aria-hidden="true" aria-label="Shopping Cart"></i> <span class='badge badge-warning' id='lblCartCount'> 0 </span> Cart</a><input name="hiddencartitems" type="hidden" id="hiddencartitems" value="0" /></li> <li><a href="../account/myaccount.aspx" title="My Account"><i class="fas fa-user-circle" aria-hidden="true" aria-label="My Accout"></i> Account</a></li> </ul> </div> </div> <script type="text/javascript"> function checkcart(name) { var el = FindElement(name); var cartcell = FindElement("lblCartCount"); if (el != null){ cartcell.innerHTML = ' ' + el.value + ' '; } } </script> </div> </section> <main id="main-content"> <div class="row columns large-12 clearfix"><!--START CCE CONTENT--> <div id="CCEContent" class="clearfix"> <div id="CCECatalog" class="clearfix"> <input type="hidden" name="ctl00$hdnMerchantCode" id="ctl00_hdnMerchantCode" /> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ctl00$ContentPlaceHolder1$sm', 'aspnetForm', [], [], [], 90, 'ctl00'); //]]> </script> <script type="text/javascript" language="javascript" src="../include/common.js"></script> <script type="text/javascript" language="javascript" src="../js/httpClient.js"></script> <script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <div id="rightnav"> <style type="text/css"> .style1 { width: 147px; } .style2 { width: 147px; height: 23px; } </style> <table class="extinfo"> <tr> <td class="style2"> </td> </tr> <tr> <td class="style1"> <a href="#" onclick="openEmailToFriendModal();"> </a> </td> </tr> <tr> <td class="style1"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_lnkReturn" href="/uvu/">Return to Course Catalog</a> </td> </tr> </table> <br /> </div> <!-- this is the main content --> <div id="ctl00_ContentPlaceHolder1_CourseInfo" class="course-info-wrapper CourseInfo__multipleCourses"> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkCatalog" href="/uvu/category/category.aspx"> Course Catalog </a> <span id="ctl00_ContentPlaceHolder1_ucBC_Label1"> > </span> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkPCat" href="../category/category.aspx?S=6">Community Education</a> <span id="ctl00_ContentPlaceHolder1_ucBC_Label2"> > </span> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkMCat" href="../category/category.aspx?S=30">Destination Learning</a> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading">Destination Learning <span id="ctl00_ContentPlaceHolder1_ucCourse_lblNewTag" class="attn"></span> </h1> <span id="ctl00_ContentPlaceHolder1_ucCourse_lblDescription" class="para custom-description"><a class="contShopping button" href="javascript:history.back()"><span class="fa fa-arrow-left"> </span> Back to Community Education Listings</a></span> </header> <div id="ctl00_ContentPlaceHolder1_pnlClass" class="pnlClass"> <table> <tr> <td></td> </tr> <tr> <td> <div class="classPanelInfo"> <table border="0" cellpadding="2" cellspacing="2" width="100%" class="class"> <tr> <td> <p class="clearfix coursetitle"><span></span><span></span></p> <ul class="no-bullet course"> <li class="clearfix coursetitle"><span><a href='course.aspx?C=1301&pc=6&mc=30&sc=0'>CAPITOL REEF: NIGHT SKY PHOTOGRAPHY</a></span><span class="courselocation">Off campus Location</span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"> <p><b>Fee:</b> $299.00<br /> <b>Item Number:</b> 25SCPHTCR001<br /> <b>Dates:</b> 5/22/2025 - 5/24/2025<br /> <b>Times:</b> 12:00 PM - 4:00 PM<br /> <b>Days:</b> Th F Sa<br /> <b>Sessions:</b> 3<br /> <b>Building:</b> <a href='https://www.uvu.edu/maps/map.html?id=382#!ct/18632?mc/38.185184,-111.179489?z/18' target=_blank>Capitol Reef Field Station</a><br /> <b>Room:</b> Commons<br /> <b>Instructor:</b> <a href="javascript:;" onclick="showPopupDialog(this,'ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01','ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02');" onmouseover="showPopupDialog(this,'ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01','ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02');">Prajit Ravindran</a></p> <p><b><strong>Seats Available: </strong></b>14</p> <p><a href='#' id='emailToFriendModalLink_1301' data-id='1301' onclick='clickEmailToFriendModalLink(event, this);' class='emailToFriendModalLink'>Email to a friend</a></p> </div> <div class="right"><div id="moreInfoDiv_2790" style="display:block;">Experience the wonders of night sky photography in this immersive course at our Capitol Reef Field Station. Learn essential techniques for capturing the beauty of the night sky with expert guidance. Surrounded by some of the darkest skies, you'll have the perfect environment to focus entirely on enhancing your photography skills. A mandatory pre-trip planning meeting will be held one week prior to the trip. Food and lodging will be provided. Transportation is not provided. <br /> Supply List:<br /> •    Camera (Any DSLR or mirrorless made within the last 10 years would work) ( (I will have one camera that students could share)<br /> •    Tripod (I will have one tripod that students could share)<br /> •    Lens. Any lens between 10-50 mm range would be ideal. A lens with a fast aperture (f/1.4, f/1.8, f/2.8) would provide the best results. A couple of places to rent them are - Pictureline, Acme Camera, Allens Camera.<br /> •    Wired or wireless remote camera trigger<br /> •    Laptop<br /> •    memory cards and reader <br /> •    Warm clothing <br /> •    headlamp (infra red night vision as to not pollute the dark skies)<br />  </div><br /> <strong><span style="font-size:14px;">Ages: 18+</span><br /> <img alt="" src="https://www.uvu.edu/ce/images/campusce/course_pics/night_sky_photography.png" style="float: left; width: 135px; height: 145px; display: block ;" /><img alt="" src="https://www.uvu.edu/ce/images/campusce/course_pics/night_sky.png" style="float: left; width: 134px; height: 132px; display : block ;" /><br />  </strong></div> <div class="right"> </div> </div> </li> </ul> </td> </tr> <tr> <td class="classInfoButton"> <input type="submit" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$btnAdd" value="Add to cart" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_btnAdd" class="AddBtns" data-status="" data-startDate="5/22/2025" data-endTime="4:00 PM" data-dow="112" data-alttitle="" data-instructor="Prajit Ravindran" data-courseId="1301" data-isEvent="False" data-title="CAPITOL REEF: NIGHT SKY PHOTOGRAPHY" data-building="Capitol Reef Field Station" data-category="Destination Learning" data-sku="25SCPHTCR001" data-term="25S" data-room="Commons" data-sessions="3" data-buildingAlt="CRFS" data-startTime="12:00 PM" data-endDate="5/24/2025" data-section="CR001" data-classId="2790" data-amount="299" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidClassID" value="2790" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidSku" value="25SCPHTCR001" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidAmount" value="299" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidTerm" value="25S" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidIsEvent" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidIsEvent" value="False" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hdnTitle" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hdnTitle" value="CAPITOL REEF: NIGHT SKY PHOTOGRAPHY" /> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl01" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01" value="Prajit Ravindran" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl02" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02" value="<p paraeid="{0e4ed9b9-7c99-4a93-b691-162a6705e55a}{43}" paraid="648609916"><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;"></span></span></p> <p paraeid="{0e4ed9b9-7c99-4a93-b691-162a6705e55a}{43}" paraid="648609916"><strong>Prajit Ravindran</strong><br /> My name is Prajit Ravindran. I am a Software Engineer by profession and&#160;Landscape Photographer by passion. I started my journey in the world of&#160;photography in 2007. I dabbled in different genres of photography before&#160;focusing on landscape photography. When I moved to Utah in 2011, I fell in&#160;love with the state. During the last 13+ years, I have driven 200000+ miles&#160;exploring the rich, diverse landscape that Utah has to offer. I am currently&#160;based in Salt Lake City. I aim to make unique images that represent real&#160;moments of magic found in nature. My passion project for the last 6 years has&#160;been photographing the crescent moon and its alignment with planets or features of the landscape. I also love photographing celestial events like&#160;Solar/Lunar eclipses, comets, and conjunction of planets.&#160;</p> <p paraeid="{0e4ed9b9-7c99-4a93-b691-162a6705e55a}{111}" paraid="1291098427">&#160;</p> <p paraeid="{0e4ed9b9-7c99-4a93-b691-162a6705e55a}{111}" paraid="1291098427">&#160;</p> <p paraeid="{0e4ed9b9-7c99-4a93-b691-162a6705e55a}{105}" paraid="1991340566"><span style="font-size:14px;"><span style="font-family:Arial,Helvetica,sans-serif;"></span></span></p> <p paraeid="{0e4ed9b9-7c99-4a93-b691-162a6705e55a}{111}" paraid="1291098427">&#160;</p>" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl03" value="Prajit" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl04" value="Ravindran" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl05" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl05" /> <br> </td> </tr> </table> </div> <div id="ctl00_ContentPlaceHolder1_pnlNoClass" class="attn"> <span></span> </div> </div> <!--main--> <link href="../styles/popup.css" rel="stylesheet" type="text/css" /> <div id="bob" style="" onmouseleave="hidePopupDialog()"> <div id="bobarrow" style="top: 54px; left: -42px;"> <img class="bobArrow transp" src="../images/popup/up-left-combo.png" id="bobarrowulimg" style="display: block;" role="presentation"/> </div> <div id="bobtcap"> <img class="transp" src="../images/popup/topcap1.png" style="width: 290px; height: 23px; display: block;" id="bobtopcap" role="presentation" /> </div> <div class="transp" id="bobtitlebox"> <div class="bobcontentspace"> <div style="float:right"> <img src="../images/popup/xclose.gif" border="0" onclick="hidePopupDialog();" role="presentation" style="cursor:pointer;" /> </div> <div id="bobtitle" style="float:left"> <p>Some Title</p> </div> <div style="clear:both"></div> </div> </div> <div style="position: relative;" class="transp" id="bobinner"> <div class="bobcontentspace" id="bobcontent"> <div style="position: relative;" id="bobsynopsis"> <div id="ctl00_ContentPlaceHolder1_ucPopup_pnlMain" style="height:300px;overflow:auto;"> </div> </div> <br clear="all" /> </div> <br clear="all" style="line-height: 1px; font-size: 1px; height: 1px;" /> </div> <div id="bobbcap"> <img class="transp" src="../images/popup/bottomcap.png" style="width: 290px; height: 31px;" id="bobbottomcap" role="presentation" /></div> </div> <script language=javascript> function showPopupDialog(hyp,hidTitle, hidMessage) { var bobtitle=document.getElementById('bobtitle'); bobtitle.innerHTML=document.getElementById(hidTitle).value; var bobsynopsis=document.getElementById('ctl00_ContentPlaceHolder1_ucPopup_pnlMain'); bobsynopsis.innerHTML=document.getElementById(hidMessage).value; var itemPos = jQuery(hyp).offset(); var posx = itemPos.left + 60; var posy = itemPos.top - 50; //Adjust the popup at the end of the instructor name //posx+=hyp.offsetWidth + 40; //-40 is the left position of #bobarrow as per css //posy-=54; //50 is the top position of #bobarrow as per css var bob=document.getElementById('bob'); if(bob.parentNode!=document.body) { //Required otherwise the popup gets obscured by the page dimensions bob.parentNode.removeChild(bob); document.body.appendChild(bob); } bob.style.left = posx + 'px'; bob.style.top = posy + 'px'; //approx 50 is the size of the titlebox bob.style.visibility='visible'; } function hidePopupDialog() { var bob=document.getElementById('bob'); bob.style.visibility='hidden'; } function getElementLeft(elem) { var xPos = elem.offsetLeft; var tempEl = elem.offsetParent; while (tempEl != null) { xPos += tempEl.offsetLeft; tempEl = tempEl.offsetParent; } return xPos; } function getElementTop(elem) { var yPos = elem.offsetTop; var tempEl = elem.offsetParent; while (tempEl != null) { yPos += tempEl.offsetTop; tempEl = tempEl.offsetParent; } return yPos; } </script> <link href="../../styles/popup.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" language="javascript"> function PopupAlert(alertType, itemID) { //replace with ajax call //cbAlertPopup.Callback(alertType, itemID); //WaitForCallback(cbAlertPopup.ClientObjectId , 250, "ShowPopup();"); var param = JSON.stringify({ 'alertType': alertType, 'itemID': itemID }); $.ajax({ url: '../controls/Dialog/PopupHelper.aspx/GetPopupContent', type: 'POST', dataType: 'json', //data: "{ 'alertType': '" + alertType + "',itemID:'" + itemID + "'}", data: param, contentType: 'application/json', success: function (response) { if (response.d && response.d != '') { ShowPopup(response.d); } else { console.warn(`No response could be obtain.`); } }, failure: function(msg) { console.error(msg); } }); } function ShowPopup(alertText) { if (alertText.length) { $('#tdContent').html(alertText); $('#divPopup').show(); $('#divPopup').draggable(); } } function HidePopup() { $('#divPopup').hide(); } </script> <link href="../../styles/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script> <style type="text/css"> #divPopup { width: 100%; height: 100%; top: 35%; position: absolute; display: none; } </style> <div id="divPopup" style="display: none"> <table width="458" onmousedown="alertDialog.StartDrag(event);" class="genericPopupHeader" cellpadding="0" cellspacing="0" id="alertDialog"> <tr> <td width="9" height="35" style="background-image: url(../images/genericdialog/top-left.png);"> </td> <td height="35" style="background-image: url(../images/genericdialog/top-mid.png); height: 35px !important;" valign="middle" width="409"> <span style="color: White; font-size: 15px; font-family: Arial; font-weight: bold;"> Alert</span> </td> <td width="40" height="35" valign="top" style="background-image: url(../images/genericdialog/top-right.png);"> <img src="../images/genericdialog/close.png" style="cursor: default; padding-top: 4px;" width="32" height="25" style="margin-top: 4px;" onmousedown="this.src='../images/genericdialog/close-down.png';" onmouseup="this.src='../images/genericdialog/close-hover.png';" onclick="HidePopup();" onmouseover="this.src='../images/genericdialog/close-hover.png';" onmouseout="this.src='../images/genericdialog/close.png';" /> </td> </tr> </table> <table cellpadding="0" cellspacing="0" width="458" class="genericPopup"> <tr> <td width="7" style="background-image: url(../images/genericdialog/left.png);"> </td> <td style="background-color: white; font-size: 12px; font-family: Arial;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td style="padding: 5px; height: 50px; text-align: left; vertical-align: middle" id="tdContent"> </td> </tr> <tr> <td style="background-image: url(../images/genericdialog/bottom_content.gif); height: 41px; padding-right: 10px;" align="right"> <input type='button' onclick='HidePopup();' value='Close' /> </td> </tr> </table> </td> <td width="7" style="background-image: url(../images/genericdialog/right.png)";> </td> </tr> </table> <table cellpadding="0" cellspacing="0" width="458" height="7" class="genericPopupFooter"> <tr> <td width="9" height="7"> <img style="display: block;" src="../images/genericdialog/bottom-left.png" /> </td> <td style="background-image: url(../images/genericdialog/bottom-mid.png);" width="440"> </td> <td width="9" height="7"> <img style="display: block;" src="../images/genericdialog/bottom-right.png" /> </td> </tr> </table> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$hdnCourses" id="hdnCourses" value="[{"Name":"CAPITOL REEF: NIGHT SKY PHOTOGRAPHY","SKU":"25SCPHTCR001","Amount":"299"}]" /> <script type="text/javascript"> const emailToFriendURL = `https://www.campusce.net/uvu/course/EmailToFriend.aspx`; const reloadEmailToFriendModalOnClose = false; document.addEventListener('DOMContentLoaded', function () { const emailToFriendModalOverlay = document.getElementById('emailToFriendModalOverlay') const emailToFriendModalWindow = document.getElementById('emailToFriendModalWindow'); const emailToFriendIFrame = document.getElementById('emailToFriendIFrame'); const emailToFriendModalContent = document.getElementById('emailToFriendModalContent'); const emailToFriendModalLoading = document.getElementById('emailToFriendModalLoading'); const emailToFriendModalLink = document.getElementById('emailToFriendModalLink'); const emailToFriendModalCloseIcon = document.getElementById('emailToFriendModalCloseIcon') const emailToFriendModalReloadIcon = document.getElementById('emailToFriendModalReloadIcon'); if (emailToFriendModalCloseIcon) emailToFriendModalCloseIcon.addEventListener('click', function () { closeEmailToFriendModal(); }); if (emailToFriendModalReloadIcon) emailToFriendModalReloadIcon.addEventListener('click', function () { reloadEmailToFriendModal(); }); if (emailToFriendModalOverlay) emailToFriendModalOverlay.addEventListener('click', function () { emailToFriendModalOverlay.style.display = 'none'; emailToFriendModalWindow.style.display = 'none'; }); }); function clickEmailToFriendModalLink(event, element) { event.preventDefault(); if (!element || !element.dataset || !element.dataset.id || !emailToFriendIFrame) return; const elDataId = element.dataset.id; if (elDataId > 0) { emailToFriendIFrame.src = `${emailToFriendURL}?cid=${elDataId}`; openEmailToFriendModal(); } } function openEmailToFriendModal() { emailToFriendModalLoading.style.display = 'flex'; emailToFriendModalContent.style.display = 'none'; emailToFriendModalOverlay.style.display = 'block'; emailToFriendModalWindow.style.display = 'block'; emailToFriendModalContent.style.width = emailToFriendModalWindow.offsetWidth + 'px'; emailToFriendModalContent.style.height = emailToFriendModalWindow.offsetHeight + 'px'; setTimeout(() => { emailToFriendModalLoading.style.display = 'none'; emailToFriendModalContent.style.display = 'block'; }, 500); } function closeEmailToFriendModal() { emailToFriendModalContent.style.display = 'none'; emailToFriendModalLoading.style.display = 'none'; emailToFriendModalOverlay.style.display = 'none'; emailToFriendModalWindow.style.display = 'none'; if (reloadEmailToFriendModalOnClose) reloadEmailToFriendModal(); else { emailToFriendIFrame.src = ``; } } function reloadEmailToFriendModal() { emailToFriendIFrame.src = emailToFriendIFrame.src; } window.addEventListener('resize', function () { if (emailToFriendModalWindow.style.display === 'block') { openEmailToFriendModal(); // Dynamically resizes the modal } }); </script> <div id="emailToFriendModalOverlay" class="modal-overlay"></div> <div id="emailToFriendModalWindow" class="modal-window"> <span id="emailToFriendModalCloseIcon" class="modal-close-icon">×</span> <span id="emailToFriendModalReloadIcon" class="modal-reload-icon"></span> <div id="emailToFriendModalLoading" class="modal-loading"> <img alt="loading" src="../images/loading.gif" /> </div> <div id="emailToFriendModalContent" class="modal-content"> <iframe id="emailToFriendIFrame" class="modal-iframe">
TOP
