</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/ce/professional-education/index.html" target="_blank"><i class="fi-list"></i> <span>Professional Education</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/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?C=1125&pc=6&mc=69&sc=0" id="aspnetForm"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="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" /> <script src="/uvu/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvjLdV-jrtFjD4O0RIIhtTlHZywVF3ykQqD8XGkEJ-YdbSXc7M8Qz0SWK-fj8yDVRzll72KnQgs51NzUeDqsBxdf2R-3l8Wh3e1-Rr0XL_0DpOHkd0IpPAeJS_mbbQHIny87qkrZY7bLmvbbTq8uFs7w1&t=2a9d95e3" type="text/javascript"></script> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="4B39941A" /><!-- 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 aria-hidden='true' role='presentation'> </span><a id="ctl00_Ucpreheader1_hypGoCartIndex" href="../cart/index.aspx">View Cart</a><span aria-hidden='true' role='presentation'> </span><span aria-hidden='true' role='presentation'> </span><a id="ctl00_Ucpreheader1_hypFeedback" href="Javascript:feedBack('/uvu/feedBack/feedBack.aspx')">Help</a><span aria-hidden='true' role='presentation'> </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" 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"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_lnkPrint" href="Javascript:coursePrint('1125');" target="_self">Print Course information</a> </td> </tr> <tr> <td class="style1"> <a href="#" onclick="openEmailToFriendModal();"> Email to a friend </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__singleCourse"> <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=69">Orem Campus</a> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading">OIL PAINTING: INTRODUCTION TO LANDSCAPE <span id="ctl00_ContentPlaceHolder1_ucCourse_lblNewTag" class="attn"></span> </h1> <span id="ctl00_ContentPlaceHolder1_ucCourse_lblDescription" class="para custom-description"><p>Gain skills in composition, color theory and harmony, mixing, tinting, and shading. Focus on landscape painting to learn how to capture trees, mountains, sky, clouds, and water. </p> <p>Bring the following supplies to the first class:</p> <ul> <li>Brushes: Stiff bristle flats not rounds (no soft nylon) #4 - 1 filbert and 1 bright, #6 or #7 - 1 filbert and 1 bright, #12 - 1 bright</li> <li>Palette Knives: Two metal triangular shaped tips - 1 small, 1 medium</li> <li>Oil Paints: Cerulean Blue, Ultramarine Blue, Permanent Alizarin Crimson, Cadmium Red Medium, Cadmium Yellow,  Yellow Ochre, Burnt Sienna, Large tube of Titanium White</li> <li>Paint Thinner-Odorless Mineral Spirits (Recommend Gamblin)</li> <li>Brush washer - metal can with leak proof lid</li> <li>Medium - this is mixture to add to dry pigment to make oil paint-recommend Gamblin Galkyd Lite</li> <li>Small metal cup that clips to your palette</li> <li>Easel - small but lightweight collapsible</li> <li>Painting panels rather than stretch canvas - bring 2 to each class 8x10, 9x12, 10x12, 11x14</li> <li>Paper towels</li> <li>For outdoor painting - Camp stool or folding chair & brimmed hat</li> </ul> </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>OIL PAINTING: INTRODUCTION TO LANDSCAPE</span><span class="courselocation">Orem Campus</span></li> <li class="clearfix" style="background:#f8f8f8;padding:15px;"> <div class="wrap"> <div class="left"> <p><b>Fee:</b> $119.00<br /> <b>Item Number:</b> 25FCAACOR016<br /> <b>Dates:</b> 10/14/2025 - 11/18/2025<br /> <b>Times:</b> 6:00 PM - 8:00 PM<br /> <b>Days:</b> Tu<br /> <b>Sessions:</b> 6<br /> <b>Building:</b> <a href='https://www.uvu.edu/maps/map.html?id=382#!ct/18632?mc/40.27936196816123,-111.71381235122682?z/16' target=_blank>Orem Campus</a><br /> <b>Room:</b> TBA<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');">Kirk Henrichsen</a></p> <p><b><strong>Seats Available: </strong></b>9</p> <p><a href='#' id='emailToFriendModalLink_1125' data-id='1125' onclick='clickEmailToFriendModalLink(event, this);' class='emailToFriendModalLink'>Email to a friend</a></p> </div> <div class="right"><div id="moreInfoDiv_3903" style="display:block;"><p>Gain skills in composition, color theory and harmony, mixing, tinting, and shading. Focus on landscape painting to learn how to capture trees, mountains, sky, clouds, and water. </p> <p>Bring the following supplies to the first class:</p> <ul> <li>Brushes: Stiff bristle flats not rounds (no soft nylon) #4 - 1 filbert and 1 bright, #6 or #7 - 1 filbert and 1 bright, #12 - 1 bright</li> <li>Palette Knives: Two metal triangular shaped tips - 1 small, 1 medium</li> <li>Oil Paints: Cerulean Blue, Ultramarine Blue, Permanent Alizarin Crimson, Cadmium Red Medium, Cadmium Yellow,  Yellow Ochre, Burnt Sienna, Large tube of Titanium White</li> <li>Paint Thinner-Odorless Mineral Spirits (Recommend Gamblin)</li> <li>Brush washer - metal can with leak proof lid</li> <li>Medium - this is mixture to add to dry pigment to make oil paint-recommend Gamblin Galkyd Lite</li> <li>Small metal cup that clips to your palette</li> <li>Easel - small but lightweight collapsible</li> <li>Painting panels rather than stretch canvas - bring 2 to each class 8x10, 9x12, 10x12, 11x14</li> <li>Paper towels</li> <li>For outdoor painting - Camp stool or folding chair & brimmed hat</li> </ul> </div><br /> <strong>Ages: 18+<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="10/14/2025" data-endTime="8:00 PM" data-dow="4" data-alttitle="" data-instructor="Kirk Henrichsen" data-courseId="1125" data-isEvent="False" data-title="OIL PAINTING: INTRODUCTION TO LANDSCAPE" data-building="Orem Campus" data-category="Orem Campus" data-sku="25FCAACOR016" data-term="25F" data-room="TBA" data-sessions="6" data-buildingAlt="" data-startTime="6:00 PM" data-endDate="11/18/2025" data-section="OR016" data-classId="3903" data-amount="119" /> </td> </tr> </table> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidClassID" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidClassID" value="3903" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidSku" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidSku" value="25FCAACOR016" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidAmount" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidAmount" value="119" /> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$hidTerm" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_hidTerm" value="25F" /> <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="OIL PAINTING: INTRODUCTION TO LANDSCAPE" /> </div> <input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl01" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl01" value="Kirk Henrichsen" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl02" id="ctl00_ContentPlaceHolder1_rptClassWithJson_ctl01_ucClass_ctl02" value="&lt;p&gt;&lt;img alt=&quot;&quot; src=&quot;https://www.uvu.edu/ce/images/campusce/instructor_pics/kirk_henrichsen.jpg&quot; style=&quot;width: 200px; height: 200px; display : block ;&quot; /&gt;&lt;strong&gt;Kirk Henrichsen&lt;/strong&gt;&lt;br /&gt; My Fine Art degree from Brigham Young University directed me toward a successful career in museum exhibit design where I promoted the work of many other artists. I especially admired the efforts of early Utah artists that studied in Paris to capture the effects of light on the landscape. My serious personal pursuit of landscape painting began as a response to the romantic landscapes of Alfred Lambourne and the honest portrayal of commonplace scenes by LeConte Stewart. My early plein-air oil painting instruction was with Earl Jones at the Salt Lake Art Center and subsequently with Rob Adamson and John Hughes at the Salt Lake Community College. In 2012, I determined to establish myself as a professional landscape painter.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Artist&amp;#8217;s Statement&lt;/strong&gt;&lt;br /&gt; Close observation of nature has always brought me great personal satisfaction. The process of painting out-of-doors permits me to focus my full attention on the visual details of the landscape and the effects of light on the land. My search for a pleasing composition and harmonious color combinations is not a precise duplication of a scene but the simplification of innumerable visual elements.&lt;/p&gt; &lt;p&gt;I enjoy teaching because it forces me to focus on the fundamentals of painting in my own work. My intention is to provide my UVU CE students with the skills to enjoy the world around them with an artist&amp;#8217;s eye. To train them to breakdown the landscape to its basic shapes, values and colors. For me painting is the means to learning to see.&lt;/p&gt;" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl03" value="Kirk" /><input type="hidden" name="ctl00$ContentPlaceHolder1$rptClassWithJson$ctl01$ucClass$ctl04" value="Henrichsen" /><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"> </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 = decodeHtml(document.getElementById(hidTitle).value); var bobsynopsis = document.getElementById('ctl00_ContentPlaceHolder1_ucPopup_pnlMain'); bobsynopsis.innerHTML = decodeHtml(document.getElementById(hidMessage).value); var itemPos = jQuery(hyp).offset(); var posx = itemPos.left + 60; var posy = itemPos.top - 50; var bob = document.getElementById('bob'); if (bob.parentNode != document.body) { bob.parentNode.removeChild(bob); document.body.appendChild(bob); } bob.style.left = posx + 'px'; bob.style.top = posy + 'px'; bob.style.visibility = 'visible'; } function decodeHtml(html) { var txt = document.createElement("textarea"); txt.innerHTML = html; return txt.value; } 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":"OIL PAINTING: INTRODUCTION TO LANDSCAPE","SKU":"25FCAACOR016","Amount":"119"}]" /> <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
