- 제출된 URL:
- https://miffinccom.dcatalog.com/r/Doc_001923743658/
- 보고서 완료:
링크 · 2개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://www.dcatalog.com | |
| https://dcatalog.com/ | www.dcatalog.com |
JavaScript 변수 · 399개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| DEV_MODE | boolean |
| ___grecaptcha_cfg | object |
| grecaptcha | object |
| __recaptcha_api | string |
| __google_recaptcha_client | boolean |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><!--
This publication was created with DCatalog- a web app that transforms your
PDFs into interactive, online flipbooks. Display your catalogs, brochures, leaflets, magazines and other content in an elevated format that increases engagement, marketing, and sales.
Come try us out. We look forward to enabling an experience like this for you as well!
Best regards,
DCatalog
https://www.dcatalog.com
--><!--[if lt IE 7]> <html class="ie ie6 lte9 lte8 lte7"> <![endif]--><!--[if IE 7]> <html class="ie ie7 lte9 lte8 lte7"> <![endif]--><!--[if IE 8]> <html class="ie ie8 lte9 lte8"> <![endif]--><!--[if IE 9]> <html class="ie ie9 lte9"> <![endif]--><!--[if gt IE 9]> <html> <![endif]--><!--[if !IE]><!--><html xmlns="http://www.w3.org/1999/xhtml" itemscope="" itemtype="http://schema.org/Book" lang="en-us"><!--<![endif]--><head><style type="text/css">.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button:not([disabled]):hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger:not([disabled]):hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}</style><meta http-equiv="origin-trial" content="A/kargTFyk8MR5ueravczef/wIlTkbVk1qXQesp39nV+xNECPdLBVeYffxrM8TmZT6RArWGQVCJ0LRivD7glcAUAAACQeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZzIiLCJleHBpcnkiOjE3NDIzNDIzOTksImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="all">
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width, height=device-height">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=yes">
<title>online</title>
<meta name="description" content="DCatalog offers digital catalog publishing solutions that help to transform your content into stunning flip catalogs, magazines, brochures, annual reports, training materials and more. Increase brand awareness by simply integrating your shoppable catalog with your eCommerce platform.">
<meta name="author" content="DCatalog">
<meta property="og:site_name" content="DCatalog">
<meta name="twitter:site" content="@DCatalog_Inc">
<meta property="og:type" content="article">
<meta property="og:url" content="https://miffinccom.dcatalog.com/r/Doc_001923743658/">
<meta property="og:title" content="online">
<meta property="og:image" content="https://dc-docs.dcatalog.com/miffinccom/Doc_001923743658/08532271-a640-418e-bc31-f46ce4a9e88a/ZPage_1.jpg">
<meta itemprop="name" content="online">
<meta itemprop="image" content="https://dc-docs.dcatalog.com/miffinccom/Doc_001923743658/08532271-a640-418e-bc31-f46ce4a9e88a/ZPage_1.jpg">
<meta itemprop="bookFormat" content="EBook">
<link rel="first" href="https://miffinccom.dcatalog.com/r/Doc_001923743658/?page=1">
<link rel="last" href="https://miffinccom.dcatalog.com/r/Doc_001923743658/?page=1">
<link rel="next" href="https://miffinccom.dcatalog.com/r/Doc_001923743658/?page=1">
<link rel="prev" href="https://miffinccom.dcatalog.com/r/Doc_001923743658/?page=1">
<base href="https://miffinccom.dcatalog.com/r/Doc_001923743658/)">
<script type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/03dbdfab/www-widgetapi.vflset/www-widgetapi.js" async=""></script><script async="" src="https://dc-digital.dcatalog.com/matomo/matomo.js"></script><script type="text/javascript" async="" charset="utf-8" src="https://www.gstatic.com/recaptcha/releases/nhamhfA6n_hKMa_Y7UpFyA37/recaptcha__en.js" crossorigin="anonymous" integrity="sha384-ulBW2YkONWjVlyp79FfXkrujVWJsyIZujgT6uonAQTbywZ5sDcj6uNwiTWdVs+Eu"></script><script>
var DEV_MODE = false;
</script>
<link rel="stylesheet" href="/fonts/roboto/stylesheet.css">
<link rel="stylesheet" href="/fonts/montserrat_bitter/stylesheet.css">
<link rel="stylesheet" href="/fonts/font-awesome-6.5.2/css/all.min.css">
<link rel="stylesheet" href="/fonts/font-dcatalog/DCatalog-fonts.css?v=3">
<link rel="stylesheet" href="//ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css">
<meta name="x-stylesheet-fallback-test" content="" class="sr-only"><script>!function(a,b,c,d){var e,f=document,g=f.getElementsByTagName("SCRIPT"),h=g[g.length-1].previousElementSibling,i=f.defaultView&&f.defaultView.getComputedStyle?f.defaultView.getComputedStyle(h):h.currentStyle;if(i&&i[a]!==b)for(e=0;e<c.length;e++)f.write('<link href="'+c[e]+'" '+d+"/>")}("position","absolute",["/lib/bootstrap/dist/css/bootstrap.min.css"], "rel=\u0022stylesheet\u0022 ");</script>
<link rel="stylesheet" href="/lib/colorbox-1.6.3/colorbox.css">
<link rel="stylesheet" href="/lib/bootstrap-slider-9.7.2/dist/css/bootstrap-slider.min.css">
<link rel="stylesheet" href="/lib/fancybox/jquery.fancybox.min.css">
<link rel="stylesheet" href="/lib/cropper/cropper.min.css">
<link rel="stylesheet" href="/lib/whirl.min.css">
<link rel="stylesheet" href="/lib/Swiper/swiper-bundle.min.css">
<link rel="stylesheet" href="/lib/print-js/print.min.css">
<link rel="stylesheet" href="/lib/animate.css/animate.min.css">
<link rel="stylesheet" href="/css/site.min.css?v=MH16lJMOBhjtdGnkJC1YWrLF-s8WIwqbpPVPmcI6qxc">
<link rel="stylesheet" href="/master/css/responsive.css?v=J4RvWtU8Oo1V-qtlpiqlB_ANoXqi7SIXOrLBSHV_3T4">
<link rel="icon" href="dcicon.ico">
<link rel="apple-touch-icon" href="iphone_icon-57.png">
<link rel="apple-touch-icon" href="iphone_icon-72.png" sizes="72x72">
<link rel="apple-touch-icon" href="iphone_icon-114.png" sizes="114x114">
<link rel="apple-touch-icon" href="iphone_icon-144.png" sizes="144x144">
<style type="text/css" id="menu-background-image"> .menu { background-image: /* Mozilla Firefox */-moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);/* Opera */background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);/* Webkit (Safari/Chrome 10) */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ffffff));/* Webkit (Chrome 11+) */background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);/* IE10+ */background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%);/* W3C */background: linear-gradient(top, #ffffff 0%,#ffffff 100%);} </style><style type="text/css"> #morePopin { background-color: rgba(204,204,204,0.9)} #buttonInner a:hover{ background-color: #bbbbbb}</style><style type="text/css"> #morePopin { color: #000000} .win8button .img { border-color: #000000} .win8button .moreBtnIcon { color: #000000} .win8button .moreBtnLabel{ color:#000000} </style><style type="text/css"> .close-archive { color: #ffffff; opacity: 0.5; } .close-archive:hover { color: #ffffff; opacity: 0.8; } #issueBrowser, #contentsBrowser, #issuelistBrowser, #archiveBrowser, #resourceBrowser { background-color: #bbbbbb; color: #000000; } .win8button .img { border-color: #000000; } .popin { background-color: rgba(255,255,255,0.9); color: #000000; } .popin .win8button .img { border-color: #000000; } #searchPopin button { background-color: #000000; color: #000000; } #searchPopin button.active { background-color: #3a4a7f; color: #000000; } #searchResults li.search_info, #searchResults li.search_info:hover { background-color: #3a4a7f; border-bottom-color: #000000; } #searchResults li:hover { background-color: #000000; } #tocPopin .list-group-item:hover { background-color: rgba(255,255,255,0.9); color: #000000; } #tocPopin .doc-item .btn { background-color: rgba(255,255,255,0.9); color: #000000; } table#searchInterfaceTable { border-left-color: #000000; } .linearLoader .in { background-color: #000000; } #notesResults li { border-bottom-color: #000000; } #notesResults li:hover { background-color: #000000; } #notesPopin button { background-color: #000000; } #notesInterfaceTable { border-left-color: #000000; } .page_notes_header { background-color: rgba(204,204,204,0.9); } .page_notes_header .win8button .listBlackIcon { color: #000000; } .page_notes_result_delete_buttion .win8button .listWhiteIcon { color: #000000; } .page_notes_hide_area { background-color: rgba(204,204,204,0.9); } .page_notes_hide_area .win8button .listBlackIcon { color: #000000; } #articleNavigationBar { background-color: #cccccc; color: #000000; } #articleIconholder .win8button { color: #000000; } #articleIconholder .win8button .closeImg { border-color: #000000; } #headerContainer { background-color: #cccccc; color: #000000; } .coloredBorder { border: 2px solid #000000; } .triangle { border-top-color: #000000; } .checkmark { color: #000000; } .listMarker .listSticker { border-top-color: #000000; } .listMarker .listCheckmark { color: #000000; } table#printInterfaceTable { border-left-color: #000000; } .socialButton .win8button { background-color: #000000; color: #000000; } .win8button .square { background-color: #000000; border: 0px solid #000000; color: #000000; } .socialButton .win8button .active { background-color: #3a4a7f; border: 0px solid #3a4a7f; color: #000000; }</style></head>
<body>
<input type="hidden" id="g-recaptcha-key" value="6LdgONIZAAAAAG15SJsvM55XCf-hchG0uvNUShAF">
<input id="g-recaptcha-response" name="g-recaptcha-response" type="hidden" value="">
<script src="https://www.google.com/recaptcha/api.js?render=6LdgONIZAAAAAG15SJsvM55XCf-hchG0uvNUShAF&hl=en" async="" defer=""></script>
<script>
if (typeof grecaptcha !== 'undefined') {
grecaptcha.ready(function () {
grecaptcha.execute('6LdgONIZAAAAAG15SJsvM55XCf-hchG0uvNUShAF', { 'action': 'homepage' }).then(function (token) {
document.getElementById('g-recaptcha-response').value = token;
});
});
}
</script> <input type="hidden" id="sessionId" value="69dd8d25-20d2-428f-bdfb-bc38edb64a19">
<div id="viewer_body">
<div class="dropdown-close hide" style="position:absolute;height:100%;width:100%;z-index:21;"></div>
<div id="loader" class="loader" style="background-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); transform: translate(0px, -600px); overflow: hidden; height: 436.197px; padding: 0px; margin: 0px; width: 581.596px; opacity: 0.726995;">
<div class="loader-container">
<img id="loaderlogo" class="loaderlogo" src="https://dc-digital.s3.amazonaws.com/viewer/res/DCatalog-Logosmall.png" alt="">
<br>
<img id="loadericon" class="loadericon" src="/images/Loader.gif" alt="">
</div>
<span id="powerby1" class="powerby1">Powered by DCatalog Inc.</span>
<!-- <span id="powerby2" class="powerby2"></span> -->
</div>
<div class="slideMenu dcatalog-font" style="background: rgb(255, 255, 255); opacity: 0.8;">
<a id="closeMenu" href="javascript:jQuery('.slideMenu').toggleClass('slideDown')" title="Close" tabindex="0" style="display:block; text-align:right; color:#000;margin-bottom:-10px;">
<span class="fa fa-times-circle fa-2x close-button"></span>
</a>
<ul>
<li class="historyBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-hd-history fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">History</span></a></li>
<li class="storelocatorBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-map-marker fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);"> Store Locator</span></a></li>
<li class="catBtn" data-page="1" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-book fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);"> Catalogs</span></a></li>
<li class="singleBtn singleBtnMobile" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-file-o fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Single-page view</span></a></li>
<li class="spreadBtn spreadBtnMobile" style="display: list-item;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-files-o fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Double-page view</span></a></li>
<li class="checkoutBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-shopping-cart fa-2x text-color" style="color: rgb(0, 0, 0);"><span class="badge2" style="display: none;">0</span></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Checkout</span></a></li>
<li class="cropBtn"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-crop fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);"> Crop</span></a></li>
<li class="shareBtn" data-toggle="modal" data-target="#generalModal"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-share-alt fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Share</span></a></li>
<li></li>
<li class="thumbnailBtn"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-th fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Thumbnails</span></a></li>
<li class="getPdfBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-download fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Download PDF</span></a></li>
<li class="wishlistBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-heart-o fa-2x text-color" style="color: rgb(0, 0, 0);"><span class="badge3" style="display: none;">0</span></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Wishlist</span></a></li>
<li class="notesBtn"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-pencil-square-o fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Notes</span></a></li>
<!--<li class="odd"><a class="text-color"><span class="fa fa-heart-o fa-2x text-color"></span><span class="li-align text-color">Favorite</span></a></li>-->
<li class="printBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-print fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);"> Print</span></a></li>
<li class="audioBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-volume-up text-color fa-2x" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Toggle Audio</span></a></li>
<li class="formsubmit" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-submitform text-color fa-2x" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Submit Form</span></a></li>
<li class="bookmarkBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-bookmark fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);"> My Bookmark</span></a></li>
<li class="magnifyBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-hd-zoom fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);"> Magnifier </span></a></li>
<li class="archiveBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-archive fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">View Documents</span></a></li>
<li class="infoBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-map-marker fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Where to Go Guide</span></a></li>
<li class="reportBtn hidden"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-user-plus fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Report Parts Issue</span></a></li>
<li class="rotateBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-undo fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Rotate</span></a></li>
<li class="helpBtn"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-question-circle fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">User Guide</span></a></li>
<li class="customLibBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa fa-user fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">My Catalog</span></a></li>
<li class="fullscreenBtn"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-expand fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Full screen</span></a></li>
<li class="exitfullscreenBtn" style="display: none;"><a class="text-color" style="color: rgb(255, 255, 255);"><span class="fa fa-compress fa-2x text-color" style="color: rgb(0, 0, 0);"></span><span class="li-align text-color" style="color: rgb(0, 0, 0);">Exit full screen</span></a></li>
</ul>
</div>
<div id="nav" style="height: 600px; width: 800px;">
<div id="topMenu" class="menu menu-top dcatalog-font" style="display: block;" role="banner">
<span id="logo-container" style="width: 608px;">
<a id="logo-url" href="https://www.dcatalog.com" tabindex="0" target="_top"><img id="logo-img" src="https://dc-digital.s3.amazonaws.com/viewer/res/DCatalog-Logosmall.png" class="title_logo" alt="Logo"></a>
</span>
<div class="buttons" style="padding-right: 5px">
<a class="icon_container mobile-only next-page" style="display: none;"><span class="fa-chevron-right fa fa-2x align text-color" data-original-title="Click this button to view the next page" style="color: rgb(0, 0, 0);"></span></a>
<ul class="center-buttons">
<li>
<button id="toggleMenu" class="icon_container toggleMenu mobile" tabindex="0">
<span class="fa-bars fa fa-2x align text-color" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="historyBtn" class="icon_container historyBtn" tabindex="0" aria-label="History" style="display: none;">
<span class="fa-hd-history fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="History" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="infoBtn" class="icon_container infoBtn" tabindex="0" aria-label="Where to Go Guide" style="display: none;">
<span class="fa-info-circle fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" data-url="" title="" data-original-title="Where to Go Guide" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="storelocatorBtn" class="icon_container storelocatorBtn" tabindex="0" aria-label="Info" style="display: none;">
<span class="fa-map-marker fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Info" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="cropBtn" class="icon_container cropBtn" tabindex="0" aria-label="Crop Image" style="display: inline-block;">
<span class="fa-crop fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Crop Image" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="printBtn" class="icon_container printBtn" tabindex="0" aria-label="Print Pages" style="display: none;">
<span class="fa-print fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Print pages" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="audioBtn" class="icon_container audioBtn" tabindex="0" style="display: none;" aria-label="Toggle Audio">
<span class="fa fa-volume-up fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Toggle Audio" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="tocBtn" class="icon_container tocBtn mobile" data-page="1" tabindex="0" aria-label="Table of Contents" style="display: none;">
<span class="fa fa-list fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Table of contents" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="spreadBtn" class="icon_container spreadBtn" tabindex="0" style="display: inline-block;" aria-label="Double-page view">
<span class="fa-files-o fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Switch Page - clicking this button allows you to switch to a double-page view" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="singleBtn" class="icon_container singleBtn" tabindex="0" aria-label="Single-page view" style="display: none;">
<span class="fa-file-o fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Switch Page - clicking this button allows you to switch to a single-page view" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="checkoutBtn" class="icon_container checkoutBtn" tabindex="0" style="display: none;" aria-label="Checkout">
<span id="checkoutBtnTooltip" class="fa fa-shopping-cart fa-2x align text-color" data-badge="" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Click to checkout" style="color: rgb(0, 0, 0);"><span class="badge2" style="display: none;">0</span></span>
</button>
</li>
<li class="dropdown">
<button class="icon_container shareBtn" tabindex="0" type="button" style="background: none; display: inline-block;" aria-label="Share">
<span class="align fa fa-2x fa-share-alt text-color" data-toggle="tooltip" data-container="body" data-placement="bottom" title="" data-original-title="Click to share" style="color: rgb(0, 0, 0);"></span>
</button>
<ul class="dropdown-menu share-dropdown " style="background-color: rgb(255, 255, 255);">
<li><a href="#" class="facebookBtn" tabindex="0" aria-label="Facebook"><span class="fa fa-2x fa-facebook social-media-icon text-color" style="color: rgb(0, 0, 0);"></span></a></li>
<li><a href="#" class="twitterBtn" tabindex="0" aria-label="Twitter"><span class="fa-brands fa-2x fa-x-twitter social-media-icon text-color" style="color: rgb(0, 0, 0);"></span></a></li>
<li><a href="#" class="emailBtn" tabindex="0" aria-label="Email"><span class="fa fa-2x fa-envelope-o social-media-icon text-color" style="color: rgb(0, 0, 0);"></span></a></li>
<li><a href="#" class="linkedinBtn" tabindex="0" aria-label="Linkedin"><span class="fa fa-2x fa-linkedin social-media-icon text-color" style="color: rgb(0, 0, 0);"></span></a></li>
<li><a href="#" class="pinterestBtn" tabindex="0" aria-label="Pinterest"><span class="fa fa-2x fa-pinterest-p social-media-icon text-color" style="color: rgb(0, 0, 0);"></span></a></li>
<li><a href="#" class="linkBtn" tabindex="0" aria-label="Link"><span class="fa fa-2x fa-link social-media-icon text-color" style="color: rgb(0, 0, 0);"></span></a></li>
</ul>
</li>
<li>
<button class="icon_container first-page" tabindex="0" aria-label="First" style="display: none;">
<span class="fa-firstpage fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Click this button to view the first page" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button class="icon_container previous-page" tabindex="0" aria-label="Prev" style="display: none;">
<span class="fa-chevron-left fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Click this button to view the previous page" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li><input type="text" tabindex="0" style="ime-mode: inactive;" class="pagenameLabel icon_container middle-button mobile" aria-label="Page number"></li>
<li>
<button tabindex="0" class="icon_container next-page" aria-label="Next" style="display: none;">
<span class="fa-chevron-right fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Click this button to view the next page" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button tabindex="0" class="icon_container last-page" aria-label="Last" style="display: none;">
<span class="fa-lastpage fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Click this button to view the last page" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
</li>
<li>
<button id="thumbnailBtn" tabindex="0" class="icon_container thumbnailBtn" aria-label="Thumbnails" style="display: inline-block;">
<span class="fa fa-th fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Click to view page thumbnails" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="getPdfBtn" tabindex="0" class="icon_container getPdfBtn" aria-label="Download PDF" style="display: none;">
<span class="fa fa-download fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Click to download PDF" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="searchBtn" class="icon_container searchBtn mobile" tabindex="0" aria-label="Search">
<span class="fa-search fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Allow you to search a word or term within the digital edition" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="notesBtn" class="icon_container notesBtn" tabindex="0" aria-label="Notes" style="display: inline-block;">
<span class="fa-pencil-square-o fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Add note" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="bookmarkBtn" class="icon_container bookmarkBtn" tabindex="0" aria-label="Bookmark" style="display: none;">
<span class="fa-bookmark fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="My Bookmark" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button class="icon_container formsubmit" tabindex="0" aria-label="Submit Form" style="display: none;">
<span class="fa-submitform fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Submit Form" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="magnifyBtn" class="icon_container magnifyBtn" tabindex="0" aria-label="Magnifier" style="display: none;">
<span class="fa-hd-zoom fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Magnifier" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button class="icon_container shoppingBtn wishlistBtn" tabindex="0" aria-label="Wishlist" style="display: none;">
<span class="align fa fa-2x fa-heart-o text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Wishlist" style="color: rgb(0, 0, 0);"><span class="badge3" style="display: none;">0</span></span>
</button>
</li>
<li>
<button class="icon_container wishlistPrice" style="display: none;">
<span class="wishlistPriceText text-color" style="display: none; color: rgb(0, 0, 0);">$0</span>
</button>
</li>
<li>
<button id="archiveBtn" class="icon_container archiveBtn" tabindex="0" aria-label="View Documents" style="display: none;">
<span class="fa-archive fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Click to view documents" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="reportBtn" class="icon_container reportBtn hidden" tabindex="0" aria-label="Report Parts Issue">
<span class="fa-user-plus fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Report Parts Issue" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="textBtn" class="icon_container textBtn" tabindex="0" aria-label="Select Text" style="display: none;">
<span class="fa-universal-access fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Select Text" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="rotateBtn" class="icon_container rotateBtn" tabindex="0" aria-label="Rotate" style="display: none;">
<span class="fa-undo fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Rotate" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li>
<button id="helpBtn" class="icon_container helpBtn" tabindex="0" aria-label="User Guide">
<span class="fa-question-circle fa fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="User Guide" style="color: rgb(0, 0, 0);"></span>
</button>
</li>
<li style="margin-top:-4px;">
<button id="customLibBtn" class="customLibBtn" tabindex="0" aria-label="My Catalog" style="display: none;">
<span class="align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="My Catalog" style="color: rgb(0, 0, 0);">MY CATALOG</span>
</button>
</li>
</ul>
<textarea id="seltxt" style="color:black" tabindex="-1" placeholder="selected text" aria-hidden="true"></textarea>
<span id="zoom-container" class="zoom-container" style="display: none;">
<div class="slider slider-horizontal" id="data-zoomslider"><div class="slider-track"><div class="slider-track-low" style="left: 0px; width: 0%;"></div><div class="slider-selection" style="left: 0%; width: 0%;"></div><div class="slider-track-high" style="right: 0px; width: 100%;"></div></div><div class="tooltip tooltip-main bottom" role="presentation" style="top: 22px; left: 0%; margin-left: 0px;"><div class="tooltip-arrow"></div><div class="tooltip-inner">Zoom</div></div><div class="tooltip tooltip-min bottom" role="presentation" style="top: 22px;"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div><div class="tooltip tooltip-max bottom" role="presentation" style="top: 22px;"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div><div class="slider-handle min-slider-handle round" role="slider" aria-valuemin="1" aria-valuemax="5" aria-valuenow="1" aria-valuetext="Zoom" tabindex="0" style="left: 0%; background: rgb(0, 0, 0);"></div><div class="slider-handle max-slider-handle round hide" role="slider" aria-valuemin="1" aria-valuemax="5" aria-valuenow="1" aria-valuetext="Zoom" tabindex="0" style="left: 0%; background: rgb(0, 0, 0);"></div></div><input id="zoomslider" data-slider-id="data-zoomslider" type="text" tabindex="0" data-slider-min="1" data-slider-max="5" data-slider-step="0.5" data-slider-value="1" data-value="1" value="1" style="display: none;">
</span>
<span id="fullscreen-container" class="fullscreen-container">
<button id="fullscreenBtn" class="icon_container fullscreenBtn" tabindex="0" aria-label="Full screen">
<span class="fa fa fa-expand fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Full screen" style="color: rgb(0, 0, 0);"></span>
</button>
<button id="exitfullscreenBtn" class="icon_container exitfullscreenBtn" tabindex="0" aria-label="Exit full screen" style="display: none;">
<span class="fa fa-compress fa-2x align text-color" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Exit full screen" style="color: rgb(0, 0, 0);"></span>
</button>
</span>
<a class="icon_container mobile-only previous-page" style="display: none;"><span class="fa-chevron-left fa fa-2x align text-color" data-original-title="Click this button to view the previous page" style="color: rgb(0, 0, 0);"></span></a>
</div>
<span class="title spacer"> </span><!-- Prevents title oddity with narrow screens -->
</div>
<div id="cropMenu">
<div id="crop-container">
<button class="btn-crop crop-share" tabindex="-1" aria-label="Share" style="background: rgb(0, 0, 0);">Share</button>
<button class="btn-crop crop-download" tabindex="-1" aria-label="Download" style="background: rgb(0, 0, 0);">Download</button>
<button class="btn-crop crop-print" tabindex="-1" aria-label="Print" style="background: rgb(0, 0, 0);">Print</button>
</div>
<span class="btn-crop-close crop-hide">
×
</span>
</div>
</div>
<div style="display:none"><div id="wishlistemail"> <style>
.container {
width: 100%;
height: 80%;
display: inline-block;
overflow-y: visible;
overflow-x: hidden;
}
.form-has-error {
border: 1px solid #ff0000 !important;
}
.font-style{
color:#8a8a8a !important;
}
</style>
<div id="sendemail" class="wrapper-email">
<div class="header">
<div class="header-container">
<b>Email:</b>
</div>
</div>
<table style="border-spacing:5px;border-collapse:initial;width:100%;padding:10px;">
<tbody>
<tr>
<td>
<span>Your name: </span><span style="color:red">*</span>
</td>
<td>
<input type="text" id="your-name">
</td>
</tr>
<tr>
<td>
<span>Your email: </span><span style="color:red">*</span>
</td>
<td>
<input type="text" id="your-email" value="">
</td>
</tr>
<tr>
<td>
<span>Company: </span><span style="color:red">*</span>
</td>
<td>
<input type="text" id="your-company">
</td>
</tr>
<tr>
<td>
<span>To: </span><span style="color:red">*</span>
</td>
<td>
<input type="text" id="email-to">
</td>
</tr>
<tr>
<td>
<span>Comments: </span>
</td>
<td>
<textarea rows="4" id="email-comment"></textarea>
</td>
</tr>
</tbody>
</table>
<div class="adder-footer">
<div class="footer-container">
<button class="cart-btns" style="width:90%" id="send-wishlist">Send</button>
</div>
</div>
</div>
<script>
$('#send-wishlist').on('click', function() {
//debugger;
var bErrorExists = false;
var yourname = $('#your-name').val();
var youremail = $('#your-email').val();
var emailto = $('#email-to').val();
var yourcompany = $('#your-company').val();
if (!yourcompany) {
$("#your-company").addClass("form-has-error");
bErrorExists = true;
} else {
$("#your-company").removeClass("form-has-error");
}
if(!yourname){
$("#your-name").addClass("form-has-error");
bErrorExists = true;
}
else{
$("#your-name").removeClass("form-has-error");
}
if(!validateEmail(youremail) ){
$("#your-email").addClass("form-has-error");
bErrorExists = true;
}
else{
$("#your-email").removeClass("form-has-error");
}
if (!validateEmails(emailto)){
$("#email-to").addClass("form-has-error");
bErrorExists = true;
}
else{
$("#email-to").removeClass("form-has-error");
}
if(bErrorExists)
return;
$.fancybox.close();
util.validateForSubmit(function (v_key, v_val) {
var oEmailMessage =
{
CC: "",
From: "",
FromName: "",
Message: "",
Subject: "",
To: "",
ToName: "",
Company: "",
h: ""
};
var sMessage = '<br/>' + AppendShippingDetails() + '<br/>' + AppendWishlistItems();
var sMessageBase64 = window.btoa(unescape(encodeURIComponent(sMessage)));
oEmailMessage.Message = sMessageBase64;
oEmailMessage.YourName = yourname;
oEmailMessage.From = youremail;
oEmailMessage.To = emailto;
oEmailMessage.Company = yourcompany;
oEmailMessage.docid = docid;
//oEmailMessage.wishlist = JSON.stringify(cont.getAllItems());
oEmailMessage[v_key] = v_val;
$.post("/Email/SendWishList", oEmailMessage)
.done(function () {
swal('', 'Successfully sent!', 'success');
//delete all wishlist
var arrItems = cont.getAllItems();
var nLength = arrItems.length;
for (var i = 0; i < nLength; i++) {
var oItem = arrItems[i];
cont.removeItem(oItem.sku);
}
cont.empty();
$('#table-body').empty();
setBadgeCount(0, true);
})
.fail(function () {
swal('', 'Failed to send', 'error');
});
// analytics
StatsCall(g_ActivityType.ANALYTICS_SUBMIT_ORDER);
});
});
</script>
</div></div>
<div style="display:none"><div id="additemcontainer"> <style>
.fancybox-container :not(.input-group) input[type="text"],
.fancybox-container textarea {
background: #f5f5f5;
border: 1px solid #f0f0f0;
padding: 3%;
font-family: "Verdana", sans-serif;
font-weight: 400;
width: 100%;
}
.fancybox-container .input-group input[type="text"] {
background: #fff;
text-align: center;
}
.fancybox-container .input-group-btn-vertical {
position: relative;
white-space: nowrap;
width: 1%;
vertical-align: middle;
display: table-cell;
}
.fancybox-container .input-group-btn-vertical > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
padding: 8px;
margin-left: -1px;
position: relative;
border-radius: 0;
}
.fancybox-container .input-group-btn-vertical > .btn:first-child {
border-top-right-radius: 4px;
}
.fancybox-container .input-group-btn-vertical > .btn:last-child {
margin-top: 0px;
border-bottom-right-radius: 4px;
}
.fancybox-container .input-group-btn-vertical i {
position: absolute;
top: 0px;
left: 4px;
font-size: 14px;
}
.fancybox-container .btn {
float: left;
width: 100%;
text-align: center;
border-radius: 5px;
margin-top: 3%;
background: #45484d;
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%);
background: linear-gradient(to bottom, #45484d 0%, #000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000', GradientType=0 );
color: #fff;
font-family: "Verdana", sans-serif;
font-size: 21px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 3%;
padding-top: 3%;
border: none;
}
.fancybox-container .btn:hover {
cursor: pointer;
background: #000000;
color: #fff;
background: -moz-linear-gradient(top, #000000 0%, #45484d 100%);
background: -webkit-linear-gradient(top, #000000 0%, #45484d 100%);
background: linear-gradient(to bottom, #000000 0%, #45484d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d', GradientType=0 );
}
.cart-btns {
line-height: 35px;
background: #000;
color: #fff;
font-family: "Verdana", sans-serif;
border-radius: 5px;
border: none;
font-size: 18px;
margin: 0 5px;
padding: 2px 20px;
}
</style>
<div id="additem" class="wrapper-adder">
<div class="header">
<div class="header-container">
<b>Add Item:</b>
</div>
</div>
<div class="adder-container">
<table style="margin:5px">
<tbody>
<tr>
<td class="font-style" style="padding:10px">
<b>Item Number: </b>
</td>
<td>
<span id="sku-val" class="sku-val font-style"></span>
<span id="sku-url" style="display:none"></span>
</td>
</tr>
<tr id="wishlist-product-description">
<td class="font-style" style="padding:10px">
<b> Product Description: </b>
</td>
<td>
</td>
</tr>
<tr id="wishlist-product-description-container">
<td id="" class="font-style" style="padding:10px" colspan="2">
<span id="wishlist-product-description-text"><span>
</span></span></td>
</tr>
<tr id="wishlist-price-container">
<td class="font-style" style="padding:10px">
<b>Price:</b>
</td>
<td>
<span id="wishlist-price" class="font-style"></span>
</td>
</tr>
<tr>
<td class="font-style" style="padding:10px">
<b>Item Count: </b>
</td>
<td>
<div class="input-group spinner wish-list" id="spin" style="float:left;width:55px">
<input type="text" class="form-control" value="1" id="amount"><div class="input-group-btn-vertical">
<button class="btn btn-default" type="button"><i class="fa fa-caret-up"></i></button>
<button class="btn btn-default" type="button"><i class="fa fa-caret-down"></i></button> </div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="adder-footer">
<div class="footer-container">
<div style="text-align: center; white-space:nowrap">
<button class="cart-btns" id="add-cart">Add to Cart</button>
<button class="cart-btns" id="shop-item">Shop On eCommerce</button>
</div>
</div>
</div>
</div>
<script>
var CustomProductAddItemHeight =400;
var CustomProductAddItemWidth = 400;
$('#additem .wish-list .btn:first-of-type').on('click', function() {
var inp = $('#amount');
var num = parseInt(inp.val()) + 1;
inp.val(num);
});
$('#additem .wish-list .btn:last-of-type').on('click', function() {
var inp = $('#amount');
var num = (parseInt(inp.val()) > 0) ? parseInt(inp.val()) - 1 : 0;
inp.val(num);
});
$('#shop-item').on('click', function() {
var sku_url = $("#sku-url").text();
var win = window.open(sku_url, "_blank");
if(!win){
window.open(sku_url, "_self");
}
});
$('#add-cart').click($.proxy(function () {
var skuval = $(".sku-val").text();
var amount = parseInt($("#amount").val());
var oItem = cont.activeItem;
oItem.amount = amount;
cont.storeItem(oItem);
var nTotalCount = cont.getTotalCount();
var nTotalPrice = cont.getTotalPrice();
g_AnalyticsActivity.linkitem = skuval;
g_AnalyticsActivity.printrange = amount;
StatsCall(g_ActivityType.ANALYTICS_ADDCART);
parent.postMessage(JSON.stringify({
command: "closepopup",
value: nTotalCount,
isWishlist: true,
totalprice: nTotalPrice,
tooltiptext: "Checkout",
tooltiptexttimeout: "5000"
}), "*");
$.fancybox.close();
},this));
</script>
</div></div>
<div style="display:none"><div id="wishlistcheckout">
<style>
.wrapper {
background: #fff;
border-radius: 10px;
max-width: 100%;
max-height: 80%;
padding: 5px;
}
.container {
width: 100%;
height: 80%;
display: inline-block;
overflow-y: visible;
overflow-x: hidden;
padding: 10px;
}
.header {
text-align: center;
width: 100%;
border-bottom: 1px solid #ddd;
}
.table-head {
border-bottom: 1px solid #ddd;
}
thead {
border-bottom: 1px solid #ddd;
background: #e5e5e5;
}
th {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 17px;
}
.row-style {
padding: 5px;
text-align: center;
}
row-style:hover {
background: #3498db !important;
color: white;
}
.spinner {
width: 65px !important;
margin: auto;
}
.spinner-new-item{
width: 100px;
}
.spinner input {
text-align: right;
}
.cell-style {
padding: 5px;
}
.main-table-style {
width: 100%;
height: 9px;
border: 1px solid #ddd;
margin-top: 15px;
border-radius: 5px;
}
.footer {
bottom: 0px;
width: 100%;
}
.delete-row {
height: 30px;
overflow: hidden;
width: 30px;
font-size: 21px;
display: inline-block;
text-align: center;
min-width: 30px;
border: 0 none;
padding: 4px 3px 0 3px;
text-align: center;
margin: auto;
color: black;
box-shadow: none;
background: white;
}
.header-container {
padding: 10px;
background: #000;
color: #fff;
font-family: "Verdana", sans-serif;
font-size: 21px;
font-weight: 400;
border-bottom: 1px solid white;
}
.footer-container {
width: 100%;
border-top: 1px solid white;
padding: 10px 10px;
text-align:center;
}
.wrapper-adder {
background: #fff;
max-width: 98%;
max-height: 80%;
border-radius: 10px;
padding: 5px;
}
.wrapper-email {
background: #fff;
border-radius: 10px;
padding: 5px;
max-width: 100%;
max-height: 80%;
}
.adder-container {
width: 100%;
overflow:hidden;
display: inline-block;
padding: 10px;
}
.adder-footer{
width: 100%;
background: #efefef;
border-top: 1px solid #ddd;
}
.font-style{
color:#8a8a8a !important;
}
</style>
<div id="wrapper" class="wrapper">
<div class="header">
<div class="header-container">
<b>Products:</b>
</div>
</div>
<div class="container">
<table class="main-table-style table-striped table table-striped table-bordered table-hover table-condensed" rules="groups" id="insert-table">
<thead class="table-head">
<tr>
<th width="60%">
SKU
</th>
<th width="25%">
Quantity
</th>
<th>
</th>
</tr>
</thead>
<tbody id="table-body">
</tbody>
</table>
</div>
<div class="footer">
<div class="footer-container" style="text-align:right;">
<button id="print-table" class="cart-btns">Print</button>
<button id="share-wishlist" class="cart-btns">Email</button>
</div>
</div>
</div>
<script>
var CustomProductPopupHeight = 400;
var CustomProductPopupWidth = 400;
$('#print-table').on('click', function () {
printData();
});
$('#share-wishlist').on('click', function () {
g_openwishlistshare = true;
$.fancybox.close();
});
function AppendShippingDetails() {
var yourname = $('#your-name').val();
var youremail = $('#your-email').val();
var emailto = $('#email-to').val();
var emailcomments = $('#email-comment').val();
var company = "";
if ($('#your-company') && $('#your-company').val()) {
company = $('#your-company').val();
}
var shippingDetails = "Your Name:";
shippingDetails += yourname + '<br/>';
if (company != "") {
shippingDetails += "Company:" + company + '<br/>';
}
shippingDetails += "From Email:" + youremail + '<br/>';
shippingDetails += "Comments:" + emailcomments + '<br/>';
return shippingDetails;
}
function AppendWishlistItems()
{
var sWishListItems = '<table border="1" bordercolor="#c0c0c0" style="min-width:300px" cellspacing="0" cellpadding="5">' +
'<tr bgcolor="#e5e5e5" style="font-size:14px;">' +
'<th>item#</th>' +
'<th>Quantity</th>' +
'</tr>';
var arrItems = cont.getAllItems();
var nLength = arrItems.length;
for(var i=0; i<nLength; i++)
{
var oItem = arrItems[i];
sWishListItems+="<tr>";
sWishListItems += '<td>'+ oItem.sku + '</td>';
sWishListItems += '<td>'+ oItem.amount + '</td>';
sWishListItems += "</tr>";
}
sWishListItems+= "</table>";
return sWishListItems;
}
function createRow(oItem) {
var tableRef = document.getElementById('insert-table').getElementsByTagName('tbody')[0];
// Insert a row in the table at the last row
var newRow = tableRef.insertRow(tableRef.rows.length);
newRow.className = newRow.className + ' row-style';
newRow.id = oItem.sku;
// Insert a cell in the row at index 0
var skuCell = newRow.insertCell(0);
var ticker = newRow.insertCell(1);
ticker.className = ticker.className + ' row-style';
var deleteRow = newRow.insertCell(2);
// Append a text node to the cell
skuCell.innerHTML = "<div class='row-style font-style'>" + oItem.sku + "</div>";
ticker.innerHTML = '<div class="input-group spinner wish-list-table" >' +
'<input type="text" class="form-control wishlist-count" value="' + oItem.amount + '">' +
'<div class="input-group-btn-vertical dont-print">' +
'<button class="btn btn-default " type="button"><i class="fa fa-caret-up"></i></button>' +
'<button class="btn btn-default" type="button"><i class="fa fa-caret-down"></i></button>' +
'</div></div>';
deleteRow.innerHTML = '<button class="delete-row dont-print"><span class="glyphicon glyphicon-trash"></span></button>';
}
function printData() {
$(".dont-print").css("display", "none");
$("#insert-table").css("width", "100%");
$(".row-style").css("text-align", "center");
$(".row-style").css("padding", "5px");
var body = document.getElementById('insert-table').outerHTML;
var iframe = document.createElement('iframe');
document.body.appendChild(iframe);
var newWin = iframe.contentWindow;
newWin.document.write(body);
newWin.document.close(); //important!
newWin.focus(); //IE fix
newWin.print();
$(".dont-print").css("display", "table-cell");
iframe.parentNode.removeChild(iframe);
}
$('.delete-row').on('click', function () {
/*
var oTableRow = $(this).closest("tr");
var sSKUNumber = oTableRow[0].firstChild.textContent;
localStorage.removeItem(sSKUNumber);
oTableRow.remove();
$('#hiddenclickercolorbox').resize();
*/
});
</script></div></div>
<div style="display:none"><div id="welcomemessage"></div></div>
<div id="myiframe" role="main" style="/* Mozilla Firefox */background-image: -moz-linear-gradient(top, #333333 0%, #333333 100%);/* Opera */background-image: -o-linear-gradient(top, #333333 0%, #333333 100%);/* Webkit (Safari/Chrome 10) */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333333), color-stop(1, #333333));/* Webkit (Chrome 11+) */background-image: -webkit-linear-gradient(top, #333333 0%, #333333 100%);/* IE10+ */background: -ms-linear-gradient(top, #333333 0%,#333333 100%);/* W3C */background: linear-gradient(top, #333333 0%,#333333 100%);">
<h1 class="hidden">online</h1>
<div id="searchPopin" class="popin interface animate-slow">
<a id="closeSearch" class="win8button right" style="color: rgb(0, 0, 0);">
<span class="fa fa-times-circle fa-2x close-button"></span>
</a>
<span class="headline">Search</span>
<div class="divider">
<div class="buttonDivider"></div>
</div>
<div style="padding-top: 20px; padding-left: 5px; height:100%">
<table id="searchInterfaceTable">
<tbody><tr>
<td>
<table id="searchButtonTable">
<tbody><tr class="form-group form-group-sm">
<td style="position:relative">
<input id="searchText" name="searchText" placeholder="Search" autocomplete="off">
<button id="searchSubmit" title="Search"> </button>
<div class="btn btnAdvSearch" style="display: none;">
<i class="fa fa-chevron-down"></i>
</div>
</td>
</tr>
<tr class="advsearch" style="display: none;">
<td class="form-horizontal">
<div class="form-group form-group-sm">
<h3>Advanced Search</h3>
</div>
<div class="form-group">
<label class="col-xs-4">Find</label>
<div class="col-xs-8">
<div class="custom-select">
<select id="searchType" class="form-control">
<option value="0">Any of these words</option>
<option value="1">All of these words</option>
<option value="2">Exact phrase match</option>
</select>
<div class="select-selected">Any of these words</div><div class="select-items select-hide"><div>Any of these words</div><div>All of these words</div><div>Exact phrase match</div></div></div>
</div>
</div>
<div class="form-group">
<label class="col-xs-4">Sort By</label>
<div class="col-xs-8">
<div class="custom-select">
<select id="sortOrder" class="form-control">
<option value="0">Closest Match</option>
<option value="2">Page number</option>
</select>
<div class="select-selected">Closest Match</div><div class="select-items select-hide"><div>Closest Match</div><div>Page number</div></div></div>
</div>
</div>
<div class="form-group">
<label class="col-xs-4"></label>
<div class="col-xs-8">
<div class="checkbox">
<label>
<input type="checkbox" id="chkSearchThumb">
<span class="checkmark"></span>
Hide thumbnail
</label>
</div>
</div>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr style="height: 100%;">
<td>
<div class="searchResultsContainer">
<ul class="nav nav-pills nav-justified" role="tablist" style="display: none;">
<li role="presentation" class="">
<a href="#search_result_sku" role="tab" data-toggle="tab" aria-expanded="false">By Item Number</a>
</li>
<li role="presentation" class="active">
<a href="#search_result_content" role="tab" data-toggle="tab" aria-expanded="true">By Keyword</a>
</li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane" id="search_result_sku">
<ul id="searchSkuResults" class="search_results"></ul>
</div>
<div role="tabpanel" class="tab-pane active" id="search_result_content">
<ul id="searchResults" class="search_results"></ul>
</div>
</div>
</div>
</td>
</tr>
</tbody></table>
</div>
</div>
<div id="historyPopin" class="popin interface animate-slow" style="display:none">
<a id="closeHistory" class="win8button right" style="color: rgb(0, 0, 0);">
<span class="fa fa-times-circle fa-2x close-button"></span>
</a>
<span class="headline">History</span>
<div class="divider">
<div class="buttonDivider"></div>
</div>
<div style="padding-top: 20px; padding-left: 5px">
<div class="searchResultsContainer">
<div id="history_list"></div>
</div>
</div>
</div>
<!-- Toc POPUP Area Start -->
<div id="tocPopin" class="popin interface animate-slow" style="display:none">
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#toc_cat" role="tab" data-toggle="tab" tabindex="0" aria-label="Catalogs" aria-expanded="true" style="display: none; background-color: rgba(255, 255, 255, 0.9); color: rgb(0, 0, 0);">Catalogs</a></li>
<li role="presentation"><a href="#toc_toc" role="tab" data-toggle="tab" tabindex="0" aria-label="Table of content" style="display: none; background-color: rgba(255, 255, 255, 0.9); color: rgb(0, 0, 0);">Table of Contents</a></li>
</ul>
<a id="closeToc" href="javascript:" title="Close" style="color: rgb(0, 0, 0);">
<span class="fa fa-times-circle fa-2x close-button"></span>
</a>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="toc_cat" style="display: none;">
<a href="javascript:" class="backbutton" style="display: none; color: rgb(0, 0, 0);">
<span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
</a>
<div class="headline">Catalogs</div>
<div class="buttonDivider"></div>
<div class="carousel slide toc_listContainer" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<div class="item active">
<div class="list-group toc_list0"></div>
</div>
<div class="item">
<div class="list-group toc_list1"></div>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane" id="toc_toc" style="display: none;">
<a href="javascript:" class="backbutton" style="display: none; color: rgb(0, 0, 0);">
<span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
</a>
<div class="headline">Table of Contents</div>
<div class="clearfix buttonDivider"></div>
<div class="carousel slide toc_listContainer" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<div class="item active">
<div class="list-group toc_list0"></div>
</div>
<div class="item">
<div class="list-group toc_list1"></div>
</div>
<div class="item">
<div class="list-group toc_list2"></div>
</div>
<div class="item">
<div class="list-group toc_list3"></div>
</div>
<div class="item">
<div class="list-group toc_list4"></div>
</div>
<div class="item">
<div class="list-group toc_list5"></div>
</div>
<div class="item">
<div class="list-group toc_list6"></div>
</div>
<div class="item">
<div class="list-group toc_list7"></div>
</div>
<div class="item">
<div class="list-group toc_list8"></div>
</div>
<div class="item">
<div class="list-group toc_list9"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- TOC End -->
<div id="customLibPopin" class="popin interface animate-slow right" style="display:none" data-show="false" data-screen-edge="3">
<div class="top_tool_container">
<div class="top_tool_1">
<a href="javascript:" title="Close" class="popinClose">
<span class="fa fa-times-circle fa-2x close-button"></span>
</a>
Page Range
<select id="selCustomAddPageStart"></select> -
<select id="selCustomAddPageEnd"></select>
<button type="button" id="btnCustomAddPagesConfirm" class="btn btn-default btn-xs" style="margin-bottom:1px;">ADD PAGES</button>
</div>
<div class="top_tool_2">
<button type="button" class="btn btn-primary btn-xs btnCustomPublish">PUBLISH</button>
<button type="button" class="btn btn-primary btn-xs btnCustomSavePdf" disabled="">SAVE AS PDF</button>
<button type="button" class="btn btn-primary btn-xs btnCustomHistory">HISTORY</button>
</div>
</div>
<div class="customLibPageContainer">
</div>
<div class="customLibHistoryContainer">
<div class="row">
<div class="col-xs-2">
<a href="javascript:" title="Close" class="customHistoryBack">
<span class="fa fa-arrow-circle-left fa-2x close-button"></span>
</a>
</div>
<div class="col-xs-8 text-center">
<h5><b>Document History</b></h5>
</div>
</div>
<div class="customLibHistoryList">
<table class="table">
<thead>
<tr>
<th>Title Name</th>
<th>Pages</th>
<th>Delete</th>
<th>Url</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3" class="text-center"><i>Empty</i></td>
</tr>
</tbody>
</table>
</div>
</div>
<div style="position:absolute; bottom:0px; left:0; right:0; width:100%; padding: 3px; text-align: center;">
<button type="button" class="btn btn-default btn-xs btn-block btnCustomClear">CLEAR ALL PAGES</button>
</div>
</div>
<!-- Notes POPUP Area Start -->
<div id="notesPopin" class="popin interface animate-slow" style="">
<table id="notesInterfaceTable">
<tbody><tr>
<td>
<table id="notesButtonTable">
<tbody><tr>
<td>
<span class="headline">Note</span>
<a id="closeNotes" class="win8button right" style="color: rgb(0, 0, 0);">
<span class="fa fa-times-circle fa-2x close-button"></span>
</a>
<div class="divider">
<div><div class="buttonDivider"></div></div>
</div>
</td>
</tr>
<tr>
<td><div class="searchSpacer"> </div></td>
</tr>
<tr class="scopeButtons">
<td>
<button id="noteAddBtn" class="button1 active">Add</button>
<div class="noteBtnInfo">Place note on desired page</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td>
<div class="notesResultsContainer">
<ul id="notesResults"></ul>
<button class="btn" id="btnDownloadNote" style="display: none;">Download Notes</button>
</div>
</td>
</tr>
</tbody></table>
</div><!-- Notes End -->
<div id="viewerContainer">
<div id="disclaimer-container" class="catalog-modal">
<div class="catalog-body-disclaimer">
<span class="close close-disclaimer">×</span>
<div class="catalog-row">
<div class="catalog-header" style="text-align:center">
<h4>DISCLAIMER</h4>
</div>
</div>
<hr>
<div>
<label id="disclaimer-msg"><br></label>
</div>
<hr>
<div class="catalog-row" style="text-align:center">
<button class="catalog-submit-half close-disclaimer" style="background-color: rgb(0, 0, 0);">DECLINE</button>
<button id="disclaimer-proceed" class="catalog-submit-half" style="background-color: rgb(0, 0, 0);">PROCEED</button>
</div>
</div>
</div>
<div id="archive-container" style="display: none; background-color: rgb(51, 51, 51);">
<div>
<div class="search" style=" position: relative;color: #aaa;font-size: 16px;">
<span class="fa fa-filter" style="position: relative;left: 30px;"></span>
<input class="achive-filter" style="margin-top:30px;width: 250px;height: 32px;background: #fcfcfc;border: 1px solid #aaa;border-radius: 5px;box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;text-indent: 32px;" type="text" placeholder="Filter by">
<span class="close close-archive">×</span>
</div>
</div>
<ul id="archive-grid" class="archive-grid"></ul>
</div>
<div id="share-crop-container" class="catalog-modal" style="display:none">
<div class="catalog-body">
<span class="close close-share-crop">×</span>
<div class="catalog-row">
<div class="catalog-header">
<h2><i class="fa fa-share-alt"></i> Share</h2>
</div>
</div>
<div>
<label for="cropSenderEmail">Your Email</label><input type="text" id="cropSenderEmail" placeholder="">
<div><label for="cropCCMe">CC Me</label><input type="checkbox" id="cropCCMe"></div>
<label for="cropReceiverEmail">Recipient's email</label><input type="text" id="cropReceiverEmail" placeholder=" ">
<label for="cropSubject">Subject</label><input type="text" id="cropSubject" placeholder="">
<label for="cropMessage">Message</label><textarea id="cropMessage" placeholder=""></textarea>
<button class="btn-send-crop catalog-submit" style="background: rgb(0, 0, 0);">Share</button>
</div>
</div>
</div>
<div id="popupWarningBg" class="interface" style="display: none;"></div>
<div id="popupWarning" class="interface" style="display: none;">
<p id="popupWarningString"></p>
<div>
<button id="popupWarningCancelBtn">Cancel</button>
<button id="popupWarningOkBtn" class="active interface">OK</button>
</div>
</div>
<div id="magviewer" tabindex="-1">
<div id="tab-description" class="tab-description"></div>
<div id="audioContainer" style="position:absolute; height:36px; z-index:30; visibility:hidden; background-color:#999;">
<audio preload="none"></audio>
<div id="closeAudio" title="Close Audio" style="top:0%; right:5px; height:36px; width:35px; position:absolute; cursor:pointer;"></div>
</div>
<a id="leftNav" class="navarrow dcatalog-font" style="height: 65px; left: 0px; top: 50%; visibility: hidden;" role="button" tabindex="0" aria-label="Prev page">
<div style="top: 0px; position: relative; padding-top: 15px; padding-bottom: 15px;">
<span id="leftsidearrow" class="fa fa-chevron-left fa-3x" style="color: rgb(255, 255, 255);"></span>
</div>
</a>
<a id="rightNav" class="navarrow dcatalog-font" style="height: 65px; top: 50%; right: 0px; visibility: hidden;" role="button" tabindex="0" aria-label="Next page">
<div style="top: 0px; position: relative; padding-top: 15px; padding-bottom: 15px;">
<span id="rightsidearrow" class="fa fa-chevron-right fa-3x" style="color: rgb(255, 255, 255);"></span>
</div>
</a>
<div id="fdiv" style="width: 126px; height: 550px; left: 0px; top: 0px; background-size: 800px 550px;"></div>
<div id="sdiv" class="gpu-accelerate sdiv-accelerate zoomin" style="width: 3300px; height: 550px; left: 0px; top: 0px; user-select: none; touch-action: pan-y; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translate3d(-424px, 0px, 0px); transition: all 0.15s ease-out 0s;"><div id="0pageDiv" data-page="0" class="disableFlicker" style="width: 550px; left: 0px; top: 0px; height: 550px; position: absolute; display: none; visibility: visible;"></div><div id="1pageDiv" data-page="1" class="disableFlicker" style="width: 550px; left: 550px; top: 0px; height: 550px; position: absolute; visibility: visible;"><div id="1ltempldr" class="scaled spinnerframe" style="position: absolute; top: 243px; left: 243px; transform: scale(0.477431, 0.477431);"><img src="/images/ajax_loader2.gif" style="position: absolute; width: 64px; height: 64px;"></div></div></div>
<div id="tdiv" style="top: 0px; width: 126px; height: 550px; left: 675px; background-size: 800px 550px;"></div>
<div id="scrubber" class="menu interface"></div>
<span class="fa-stack fa-2x customPageSelectL" style="display: none;">
<i class="fa fa-stack-2x fa-square"></i>
<i class="fa fa-plus fa-stack-1x"></i>
</span>
<span class="fa-stack fa-2x customPageSelectR" style="display: none;">
<i class="fa fa-stack-2x fa-square"></i>
<i class="fa fa-plus fa-stack-1x"></i>
</span>
<div id="mag-thumbnails" class="owl-carousel animate-slow">
</div>
<div id="page-controller">
<div class="input-group input-group-sm">
<div class="input-group-btn">
<a class="btn btn-default"><i class="glyphicon glyphicon-fast-backward first-page" style="display: none;"></i></a>
<a class="btn btn-default"><i class="glyphicon glyphicon-step-backward previous-page" style="display: none;"></i></a>
</div>
<input type="text" class="form-control pagenameLabel" aria-label="Page number">
<div class="input-group-btn">
<a class="btn btn-default"><i class="glyphicon glyphicon-step-forward next-page" style="display: none;"></i></a>
<a class="btn btn-default"><i class="glyphicon glyphicon-fast-forward last-page" style="display: none;"></i></a>
</div>
</div>
</div>
</div>
<div id="archiveBrowser" style="display: none;">
</div>
<div id="issuelistBrowser" style="display: none;">
<div class="menu permanent">
<div class="buttons left">
<a class="win8button backBtn" style="display: none;">
<div class="img">
A
</div>
</a>
</div>
<div class="title">Archive</div>
</div>
<table></table>
<div class="issuescroll">
<table class="issuelist">
<tbody><tr class="itemlist">
<td>
<table id="archiveList"></table>
</td>
</tr>
</tbody></table>
</div>
</div>
<div id="contentsBrowser" style="display: none;">
<div class="menu permanent">
<div class="buttons left">
<a class="win8button backBtn" style="display: none;">
<div class="img">
A
</div>
</a>
</div>
<div class="buttons right">
<a class="win8button thumbnailBtn">
<div class="img">
H
</div>
</a>
</div>
<div class="buttons right">
<a id="listBtn" class="win8button">
<div class="img">
X
</div>
</a>
</div>
<div class="title">Contents</div>
</div>
<div class="issuescroll thumbsView">
<table class="issuelist">
<tbody><tr class="itemlist">
<td>
<table class="currentIssueList"></table>
</td>
</tr>
</tbody></table>
</div>
<div class="issuescrollList listView">
</div>
</div>
<div id="resourceBrowser" style="display: none;">
<div class="menu permanent">
<div class="buttons left">
<a class="win8button backBtn" style="display: none;">
<div class="img">
A
</div>
</a>
</div>
<div class="title">Advertisers</div>
</div>
<div class="issuescroll thumbsView">
<table class="issuelist">
<tbody><tr class="itemlist">
<td>
<table class="currentIssueList"></table>
</td>
</tr>
</tbody></table>
</div>
<div class="issuescroll listView">
</div>
</div>
</div>
<div class="listMarker template">
<div class="listSticker"></div>
<span class="listCheckmark">;</span>
</div>
<div class="template item">
<div class="img_place_thumb"></div>
<div class="title"></div>
<input type="hidden" name="docid">
<input type="hidden" name="page">
</div>
<div class="template listitem elements">
<div class="listtitle"></div>
<div class="pagenumber"></div>
<input type="hidden" name="docid">
<input type="hidden" name="page">
</div>
<div class="template moreButton">
<div class="title">See All</div>
</div>
<div class="template searchResultItem">
<div class="img_place_thumb"></div>
<div class="search_result">
<p class="doc_title"></p>
<p class="page_number"></p>
<p class="page_excerpt">Search Text Block</p>
<span id="search_page_number" style="display:none">Page #page_num</span>
<span id="search_doc_title" style="display:none">#doc_title</span>
</div>
</div>
<div class="template searchResultIssueName">
<p class="issue_name"></p>
</div>
<div class="template share_email">
<span>Hi $receivername|$receiveremail,</span><br>
<br>
<span>$sendername|$senderemail wrote these comments for you:</span><br>
<br>
<span>$message</span><br><br>
<span>$sendername|$senderemail would like for you to view the following digital edition.</span><br>
<br>
<span>Please click on the page below to be directed to the digital edition:</span>
<br>
<br>
<span>$thumbnail$pagenum</span>
<br>
<br>
<span>$link$pagenum</span>
</div>
<div class="template searchResultNone">
<table width="100%">
<tbody><tr>
<td><p id="nosearchresults">No Search Results Found</p></td>
</tr>
</tbody></table>
</div>
<!-- Notes List Item & page Notes Area START -->
<div class="template notesResultItem">
<div class="img_place_thumb"></div>
<div class="notes_operation">
<div class="page_notes_result_delete_buttion">
<a class="win8button" title="Close">
<div class="listWhiteIcon">×</div>
</a>
</div>
</div>
<div class="notes_result">
<p class="page_notes_result_page_number">Page Number</p>
<p class="page_notes_result_textarea"></p>
</div>
</div>
<div class="template pageNoteItem" style="position:absolute;z-index:11;">
<div class="page_notes_show_area">
<!--Note Show State-->
<div class="page_notes_header">
<div class="page_notes_min_buttion"><i class="fa fa-chevron-down"></i></div>
<div class="page_notes_remove_buttion"><i class="fa fa-trash-o"></i></div>
</div>
<textarea class="page_note_detail_text" placeholder="Enter note here"></textarea>
</div>
<div class="page_notes_hide_area">
<!--Note Hide State-->
<!--
<i class="fa fa-comment" aria-hidden="true"></i>
-->
</div>
</div><!-- Notes End -->
<!-- Background Music-->
<div style="visibility:hidden">
<audio id="background_Audio" controls="" loop="" muted="muted"></audio>
<audio id="flip_audio" src="/sound/flipsound.mp3"></audio>
</div>
</div>
<div style="display:none;">
<a class="overlay-flash" id="hiddenclicker" href="#">Hidden Clicker</a>
</div>
<div style="display:none;">
<a class="overlay-colorbox" id="hiddenclickercolorbox" href="#">Hidden Clicker</a>
</div>
<div style="display:none;">
<a class="overlay-colorbox2" id="hiddenclickercolorbox2" href="#">Hidden Clicker</a>
</div>
</div>
<!-- Modals -->
<!-- Modals -->
<div class="modal fade" id="itemModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
<h4 class="modal-title">Item Identifier</h4>
</div>
<div class="item-popup">
<div class="item-image">
</div>
<div class="item-description"></div>
<h1>Item Description</h1>
<p>Item is awesome.</p>
</div>
</div>
<div class="modal-footer">
<div class="btn-group-center">
<button class="btn btn-default item-btn" aria-label="Add to Cart">Add to Cart</button>
<button class="btn btn-default item-btn" aria-label="Add to Wishlist">Add to Wishlist</button>
<button class="btn btn-default item-btn" aria-label="Find in Store">Find in Store</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="generalModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
<h4 class="modal-title">Share</h4>
</div>
<div class="modal-body">
<div class="modal-share" style="color: rgb(255, 255, 255); background: rgb(255, 255, 255);">
<span class="fa-brands fa-facebook fa-4x modal-share-icon facebookBtn" style="color: rgb(0, 0, 0);"></span>
<span class="fa-brands fa-x-twitter fa-4x modal-share-icon twitterBtn" style="color: rgb(0, 0, 0);"></span>
<span class="fa-regular fa-envelope fa-4x modal-share-icon emailBtn" style="color: rgb(0, 0, 0);"></span>
<span class="fa-brands fa-linkedin fa-4x modal-share-icon linkedinBtn" style="color: rgb(0, 0, 0);"></span>
<span class="fa-brands fa-pinterest-p fa-4x modal-share-icon pinterestBtn" style="color: rgb(0, 0, 0);"></span>
<span class="fa fa-link fa-4x modal-share-icon linkBtn" style="color: rgb(0, 0, 0);"></span>
<div class="clearfix"></div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="bookmarkModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
<h4 class="modal-title">My Bookmark</h4>
</div>
<div class="modal-body">
<div class="bookmark-new">
<p>Enter a description for this bookmark</p>
<textarea class="form-control" placeholder="Bookmark name" id="nameBk"></textarea>
<div class="colorpicker">
Bookmark Color :
<input id="clrBkBg" style="display: none;"><div class="sp-replacer sp-light"><div class="sp-preview"><div class="sp-preview-inner" style="background-color: rgb(0, 0, 0);"></div></div><div class="sp-dd">▼</div></div>
</div>
<div class="colorpicker">
Bookmark Text Color :
<input id="clrBkTx" style="display: none;"><div class="sp-replacer sp-light"><div class="sp-preview"><div class="sp-preview-inner" style="background-color: rgb(0, 0, 0);"></div></div><div class="sp-dd">▼</div></div>
</div>
</div>
<div style="padding:10px 20px 10px 25px;">
<p>Manage Bookmarks</p>
<div class="bookmarks list-group"></div>
</div>
</div>
<div class="modal-footer">
<button class="createMark btn btn-primary new-bookmark-btn" aria-label="Save Bookmark">Save bookmark</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="emailModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
<h4 class="modal-title">Share</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="share_email_sender">Your Email</label>
<input type="email" class="form-control" id="share_email_sender" placeholder="Your Email">
</div>
<div class="form-group">
<label for="share_email_friendemail">Recipient's email</label>
<input type="text" class="form-control" id="share_email_friendemail" placeholder="Recipient's email">
</div>
<div class="form-group">
<label for="share_friend_name">Recipient's Name</label>
<input type="text" class="form-control" id="share_friend_name" placeholder="Recipient's Name">
</div>
<div class="form-group">
<label for="share_friend_subject">Subject</label>
<input type="text" class="form-control" id="share_friend_subject" placeholder="Subject">
</div>
<div class="form-group">
<label for="share_friend_message">Message</label>
<textarea class="form-control" id="share_friend_message" placeholder="Message"></textarea>
</div>
<button class="btn btn-default sendEmail" aria-label="Send Email">Send Email</button>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div id="thankyoumodal" class="modal fade" style="display:none" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="gridSystemModalLabel">Form submission confirmation:</h4>
</div>
<div class="modal-body">
<div id="thankyoumessage">Your form submission was a success. You will be contacted by Washington Gas with follow-up information regarding your request.</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-dark" data-dismiss="modal" aria-label="Close">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal fade" tabindex="-1" role="dialog" id="download-container">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="downloadpdftitle">Download PDF</h4>
</div>
<div class="modal-body">
<div class="form-group">
<div class="radio">
<label>
<input type="radio" name="downloadPDF" value="ALL" checked="">
<span id="downloadallaspdf">Download all as PDF</span>
</label>
</div>
</div>
<div class="form-group">
<div class="radio">
<label>
<input type="radio" name="downloadPDF" value="RANGE">
<span id="downloadrange">Download Range</span>
</label>
</div>
</div>
<div class="form-group row">
<div id="setting_single_downloadrange">
<label id="downloadpdfstartofrange" for="downloadStart" class="col-sm-3">Start of range</label>
<div class="col-sm-3">
<select id="downloadStart" class="form-control" aria-label="Page From"></select>
</div>
<label id="downloadpdfendofrange" for="downloadEnd" class="col-sm-3">End of range</label>
<div class="col-sm-3">
<select id="downloadEnd" class="form-control" aria-label="Page To"></select>
</div>
</div>
<div id="setting_multi_downloadrange" style="display: none;">
<div class="col-sm-12">
<div id="printPageHelpBlock" class="form-text text-secondary mb-1">
Enter page range separated by commas (e.g. 1, 3, 5-12)
</div>
<input type="text" id="downloadPageRange" class="form-control" aria-describedby="printPageHelpBlock">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<!-- <button type="button" class="btn btn-cancel" data-dismiss="modal">Cancel</button> -->
<button type="button" class="btn btn-primary" id="downloadpdfbtn" aria-label="Download">Download</button>
</div>
</div>
</div>
</div><!-- /.modal -->
<div class="modal fade" tabindex="-1" role="dialog" id="print-container">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">Print</h4>
</div>
<div class="modal-body">
<fieldset>
<legend>Select Print Layout Format</legend>
<div class="row">
<div class="col-sm-6">
<div class="pagemode-item">
<i class="fa fa-file-o" aria-hidden="true"></i>
<div class="radio">
<label>
<input type="radio" name="print_pagemode" id="print_pagemode1" value="1" checked="">
<span>Single (1 per page)</span>
</label>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="pagemode-item">
<i class="fa fa-files-o" aria-hidden="true"></i>
<div class="radio">
<label>
<input type="radio" name="print_pagemode" id="print_pagemode2" value="2">
<span>Facing (2 per page)</span>
</label>
</div>
</div>
</div>
</div>
<p id="print_description1">
For best results when printing in "Single" mode, set your printer layout orientation to "Portrait".
</p>
<p id="print_description2" style="display:none">
For best results when printing in "Facing" mode, set your printer layout orientation to "Landscape".
</p>
</fieldset>
<fieldset>
<legend>Enter Page Range</legend>
<div class="form-group row">
<div id="setting_single_printrange">
<label for="printStart" class="col-sm-1">From:</label>
<div class="col-sm-5">
<select id="printStart" class="form-control" aria-label="Page From"></select>
</div>
<label for="printEnd" class="col-sm-1">To:</label>
<div class="col-sm-5">
<select id="printEnd" class="form-control" aria-label="Page To"></select>
</div>
</div>
<div id="setting_multi_printrange" style="display: none;">
<div class="col-sm-12">
<div id="printPageHelpBlock" class="form-text text-secondary mb-1">
Enter page range separated by commas (e.g. 1, 3, 5-12)
</div>
<input type="text" id="printPageRange" class="form-control" aria-describedby="printPageHelpBlock">
</div>
</div>
</div>
<div class="checkbox">
<label>
<input type="checkbox" id="chkCover" checked="">
Include Intro
</label>
</div>
</fieldset>
</div>
<div class="modal-footer">
<!-- <button type="button" class="btn btn-cancel" data-dismiss="modal">Cancel</button> -->
<button type="button" class="btn btn-primary" id="btnConfirmPrint" aria-label="Print">Print</button>
</div>
</div>
</div>
</div><!-- /.modal -->
<div class="modal fade" id="frmEmailModal" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
<h4 class="modal-title text-center">Email Form</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="frm_email_to">Recipient Email:</label>
<input type="email" class="form-control" id="frm_email_to" placeholder="Email" aria-label="Email">
</div>
<div class="form-group">
<label for="frm_subject">Subject</label>
<input type="text" class="form-control" id="frm_subject" placeholder="Subject" aria-label="Subject">
</div>
<div class="form-group">
<label for="frm_message">Message</label>
<textarea class="form-control" id="frm_message" placeholder="Message" aria-label="Message"></textarea>
</div>
<p> </p>
<div class="form-group">
<button class="btn btn-primary btn-block" id="frm_send" aria-label="Send">Send</button>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<div class="modal fade" id="frmSignatureModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
<h4 class="modal-title text-center">Signature Pad</h4>
</div>
<div class="modal-body">
<div class="signature-container container">
<canvas id="signature-canvas"></canvas>
</div>
<button class="btn btn-primary" id="btn_sign_add" aria-label="Save">Save</button>
<button class="btn btn-primary" id="btn_sign_clear" aria-label="Clear">Clear</button>
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<div class="modal fade" id="helpDataModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Help</h4>
</div>
<div class="modal-body">
<div class="panel-group" id="helpAccordion" role="tablist" aria-multiselectable="true">
</div>
</div>
<div class="modal-footer" style="padding-bottom: 1em;">
<div class="container-fluid">
<img src="https://dcatalog.com/wp-content/themes/dcatalog/images/DCatalog-final-logo.png" width="160" class="pull-left">
<div style="padding-left: 180px; text-align:left;">
This digital edition is powered by<br>
DCatalog, Inc. software. For more information, please visit
<a href="https://dcatalog.com/" target="_blank">www.dcatalog.com</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal modal-white fade" id="progressModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<div class="modal-body">
<p>This process might take longer please wait</p>
<div class="form-group progress-group">
<div class="table-grid table-grid-align-middle mv">
<div class="col">
<div class="progress progress-striped active m0">
<div class="progress-bar progress-bar-warning" style="width:0%;">0%</div>
</div>
</div>
<div class="hidden-xs col wd-xxs text-right">
<div class="text-bold text-muted">0%</div>
</div>
</div>
<div class="pr-status" style="display:none">progress</div>
<div class="text-muted text-left" style="display:none">Message</div>
</div>
<p id="progress-description"></p>
</div>
<div class="modal-footer">
<button type="button" id="btnProgressAbort" class="btn btn-danger">Abort</button>
</div>
</div>
</div>
</div>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js" crossorigin="anonymous">
</script>
<script>(window.jQuery||document.write("\u003Cscript src=\u0022/lib/jquery/dist/jquery.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js" crossorigin="anonymous">
</script>
<script>(window.jQuery && window.jQuery.fn && window.jQuery.fn.modal||document.write("\u003Cscript src=\u0022/lib/bootstrap/dist/js/bootstrap.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.6.3/jquery.colorbox-min.js" crossorigin="anonymous">
</script>
<script>(jQuery.colorbox||document.write("\u003Cscript src=\u0022/lib/colorbox-1.6.3/jquery.colorbox-min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/9.7.2/bootstrap-slider.min.js" crossorigin="anonymous">
</script>
<script>(jQuery.fn.slider||document.write("\u003Cscript src=\u0022/lib/bootstrap-slider-9.7.2/dist/bootstrap-slider.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" crossorigin="anonymous">
</script>
<script>(jQuery.fn.fancybox||document.write("\u003Cscript src=\u0022/lib/fancybox/jquery.fancybox.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/hmac-sha256.js" crossorigin="anonymous">
</script>
<script>(CryptoJS||document.write("\u003Cscript src=\u0022/lib/crypto-js-3.1.2/rollups/hmac-sha256.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/enc-base64-min.js" crossorigin="anonymous">
</script>
<script>(CryptoJS.enc.Base64||document.write("\u003Cscript src=\u0022/lib/crypto-js-3.1.2/components/enc-base64-min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/components/enc-base64-min.js" crossorigin="anonymous">
</script>
<script>(CryptoJS.enc.Base64||document.write("\u003Cscript src=\u0022/lib/crypto-js-3.1.2/components/enc-base64-min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cropper/2.3.0/cropper.min.js" crossorigin="anonymous">
</script>
<script>(jQuery.fn.cropper||document.write("\u003Cscript src=\u0022/lib/cropper/cropper.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/1.1.3/hammer.min.js" crossorigin="anonymous">
</script>
<script>(window.Hammer || Hammer||document.write("\u003Cscript src=\u0022/lib/hammer.js-1.1.3/hammer.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js" crossorigin="anonymous">
</script>
<script>(jQuery.fn.mousewheel||document.write("\u003Cscript src=\u0022/lib/jquery-mousewheel-3.1.13/jquery.mousewheel.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/TweenLite.min.js" crossorigin="anonymous">
</script>
<script>(window.TweenLite || TweenLite||document.write("\u003Cscript src=\u0022/lib/greensock-js/2.0.1/minified/TweenLite.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/plugins/CSSPlugin.min.js" crossorigin="anonymous">
</script>
<script>(window.CSSPlugin || CSSPlugin||document.write("\u003Cscript src=\u0022/lib/greensock-js/2.0.1/minified/plugins/CSSPlugin.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.transit/0.9.9/jquery.transit.min.js" crossorigin="anonymous">
</script>
<script>(jQuery.fn.transit||document.write("\u003Cscript src=\u0022/lib/jquery.transit-0.9.9/jquery.transit.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" crossorigin="anonymous">
</script>
<script>(swal||document.write("\u003Cscript src=\u0022/lib/sweetalert/sweetalert.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/signature_pad.min.js" crossorigin="anonymous">
</script>
<script>(SignaturePad||document.write("\u003Cscript src=\u0022/lib/signature_pad/dist/signature_pad.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js" crossorigin="anonymous">
</script>
<script>(html2canvas||document.write("\u003Cscript src=\u0022/lib/html2canvas/html2canvas.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" crossorigin="anonymous">
</script>
<script>(Swiper||document.write("\u003Cscript src=\u0022/lib/swiper/swiper-bundle.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/print-js/1.6.0/print.min.js" crossorigin="anonymous">
</script>
<script>(printJS||document.write("\u003Cscript src=\u0022/lib/print-js/print.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/Sortable.min.js" crossorigin="anonymous">
</script>
<script>(Sortable||document.write("\u003Cscript src=\u0022/lib/sortablejs/Sortable.min.js\u0022 crossorigin=\u0022anonymous\u0022\u003E\u003C/script\u003E"));</script>
<script src="/js/site.min.js?v=VAOo_RoCSm8usmUX3oWV-ZvX7O-Lhmmo1qtGaXrW0lQ"></script><div class="sp-container sp-hidden sp-light sp-palette-buttons-disabled"><div class="sp-palette-container"><div class="sp-palette sp-thumb sp-cf"><div class="sp-cf sp-palette-row sp-palette-row-0"><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span><span title="#444444" data-color="rgb(68, 68, 68)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(68, 68, 68);"></span></span><span title="#666666" data-color="rgb(102, 102, 102)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 102, 102);"></span></span><span title="#999999" data-color="rgb(153, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 153, 153);"></span></span><span title="#cccccc" data-color="rgb(204, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(204, 204, 204);"></span></span><span title="#eeeeee" data-color="rgb(238, 238, 238)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(238, 238, 238);"></span></span><span title="#f3f3f3" data-color="rgb(243, 243, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(243, 243, 243);"></span></span><span title="#ffffff" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-1"><span title="#ff0000" data-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 0);"></span></span><span title="#ff9900" data-color="rgb(255, 153, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 153, 0);"></span></span><span title="#ffff00" data-color="rgb(255, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 0);"></span></span><span title="#00ff00" data-color="rgb(0, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 0);"></span></span><span title="#00ffff" data-color="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 255);"></span></span><span title="#0000ff" data-color="rgb(0, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 255);"></span></span><span title="#9900ff" data-color="rgb(153, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 255);"></span></span><span title="#ff00ff" data-color="rgb(255, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-2"><span title="#f4cccc" data-color="rgb(244, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(244, 204, 204);"></span></span><span title="#fce5cd" data-color="rgb(252, 229, 205)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(252, 229, 205);"></span></span><span title="#fff2cc" data-color="rgb(255, 242, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 242, 204);"></span></span><span title="#d9ead3" data-color="rgb(217, 234, 211)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 234, 211);"></span></span><span title="#d0e0e3" data-color="rgb(208, 224, 227)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(208, 224, 227);"></span></span><span title="#cfe2f3" data-color="rgb(207, 226, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(207, 226, 243);"></span></span><span title="#d9d2e9" data-color="rgb(217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 210, 233);"></span></span><span title="#ead1dc" data-color="rgb(234, 209, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 209, 220);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-3"><span title="#ea9999" data-color="rgb(234, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 153, 153);"></span></span><span title="#f9cb9c" data-color="rgb(249, 203, 156)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(249, 203, 156);"></span></span><span title="#ffe599" data-color="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 229, 153);"></span></span><span title="#b6d7a8" data-color="rgb(182, 215, 168)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(182, 215, 168);"></span></span><span title="#a2c4c9" data-color="rgb(162, 196, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(162, 196, 201);"></span></span><span title="#9fc5e8" data-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(159, 197, 232);"></span></span><span title="#b4a7d6" data-color="rgb(180, 167, 214)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(180, 167, 214);"></span></span><span title="#d5a6bd" data-color="rgb(213, 166, 189)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(213, 166, 189);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-4"><span title="#e06666" data-color="rgb(224, 102, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(224, 102, 102);"></span></span><span title="#f6b26b" data-color="rgb(246, 178, 107)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(246, 178, 107);"></span></span><span title="#ffd966" data-color="rgb(255, 217, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 217, 102);"></span></span><span title="#93c47d" data-color="rgb(147, 196, 125)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(147, 196, 125);"></span></span><span title="#76a5af" data-color="rgb(118, 165, 175)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(118, 165, 175);"></span></span><span title="#6fa8dc" data-color="rgb(111, 168, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(111, 168, 220);"></span></span><span title="#8e7cc3" data-color="rgb(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(142, 124, 195);"></span></span><span title="#c27ba0" data-color="rgb(194, 123, 160)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(194, 123, 160);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-5"><span title="#cc0000" data-color="rgb(204, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(204, 0, 0);"></span></span><span title="#e69138" data-color="rgb(230, 145, 56)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(230, 145, 56);"></span></span><span title="#f1c232" data-color="rgb(241, 194, 50)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(241, 194, 50);"></span></span><span title="#6aa84f" data-color="rgb(106, 168, 79)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(106, 168, 79);"></span></span><span title="#45818e" data-color="rgb(69, 129, 142)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(69, 129, 142);"></span></span><span title="#3d85c6" data-color="rgb(61, 133, 198)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(61, 133, 198);"></span></span><span title="#674ea7" data-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(103, 78, 167);"></span></span><span title="#a64d79" data-color="rgb(166, 77, 121)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(166, 77, 121);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-6"><span title="#990000" data-color="rgb(153, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 0);"></span></span><span title="#b45f06" data-color="rgb(180, 95, 6)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(180, 95, 6);"></span></span><span title="#bf9000" data-color="rgb(191, 144, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(191, 144, 0);"></span></span><span title="#38761d" data-color="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(56, 118, 29);"></span></span><span title="#134f5c" data-color="rgb(19, 79, 92)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(19, 79, 92);"></span></span><span title="#0b5394" data-color="rgb(11, 83, 148)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(11, 83, 148);"></span></span><span title="#351c75" data-color="rgb(53, 28, 117)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(53, 28, 117);"></span></span><span title="#741b47" data-color="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(116, 27, 71);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-7"><span title="#660000" data-color="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 0, 0);"></span></span><span title="#783f04" data-color="rgb(120, 63, 4)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(120, 63, 4);"></span></span><span title="#7f6000" data-color="rgb(127, 96, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(127, 96, 0);"></span></span><span title="#274e13" data-color="rgb(39, 78, 19)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(39, 78, 19);"></span></span><span title="#0c343d" data-color="rgb(12, 52, 61)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(12, 52, 61);"></span></span><span title="#073763" data-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(7, 55, 99);"></span></span><span title="#20124d" data-color="rgb(32, 18, 77)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(32, 18, 77);"></span></span><span title="#4c1130" data-color="rgb(76, 17, 48)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(76, 17, 48);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-selection"></div></div><div class="sp-palette-button-container sp-cf"><button type="button" class="sp-palette-toggle">less</button></div></div><div class="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"></div><div class="sp-top-inner"><div class="sp-color" style="background-color: rgb(255, 0, 0);"><div class="sp-sat"><div class="sp-val"><div class="sp-dragger" style="top: 0px; left: 0px;"></div></div></div></div><div class="sp-clear sp-clear-display" title="Clear Color Selection" style="display: none;"></div><div class="sp-hue"><div class="sp-slider" style="top: 0px;"></div></div></div><div class="sp-alpha"><div class="sp-alpha-inner"><div class="sp-alpha-handle" style="left: 0px;"></div></div></div></div><div class="sp-input-container sp-cf"><input class="sp-input" type="text" spellcheck="false"></div><div class="sp-initial sp-thumb sp-cf"><div class="sp-cf sp-palette-row-initial"><span data-color="" style="background-color:transparent;" class="sp-clear-display" title="No Color Selected"></span><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span></div></div><div class="sp-button-container sp-cf"><a class="sp-cancel" href="#">cancel</a><button type="button" class="sp-choose">choose</button></div></div></div><div class="sp-container sp-hidden sp-light sp-palette-buttons-disabled"><div class="sp-palette-container"><div class="sp-palette sp-thumb sp-cf"><div class="sp-cf sp-palette-row sp-palette-row-0"><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span><span title="#444444" data-color="rgb(68, 68, 68)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(68, 68, 68);"></span></span><span title="#666666" data-color="rgb(102, 102, 102)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 102, 102);"></span></span><span title="#999999" data-color="rgb(153, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 153, 153);"></span></span><span title="#cccccc" data-color="rgb(204, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(204, 204, 204);"></span></span><span title="#eeeeee" data-color="rgb(238, 238, 238)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(238, 238, 238);"></span></span><span title="#f3f3f3" data-color="rgb(243, 243, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(243, 243, 243);"></span></span><span title="#ffffff" data-color="rgb(255, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-1"><span title="#ff0000" data-color="rgb(255, 0, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 0);"></span></span><span title="#ff9900" data-color="rgb(255, 153, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 153, 0);"></span></span><span title="#ffff00" data-color="rgb(255, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 255, 0);"></span></span><span title="#00ff00" data-color="rgb(0, 255, 0)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 0);"></span></span><span title="#00ffff" data-color="rgb(0, 255, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 255, 255);"></span></span><span title="#0000ff" data-color="rgb(0, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 255);"></span></span><span title="#9900ff" data-color="rgb(153, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 255);"></span></span><span title="#ff00ff" data-color="rgb(255, 0, 255)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 0, 255);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-2"><span title="#f4cccc" data-color="rgb(244, 204, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(244, 204, 204);"></span></span><span title="#fce5cd" data-color="rgb(252, 229, 205)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(252, 229, 205);"></span></span><span title="#fff2cc" data-color="rgb(255, 242, 204)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 242, 204);"></span></span><span title="#d9ead3" data-color="rgb(217, 234, 211)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 234, 211);"></span></span><span title="#d0e0e3" data-color="rgb(208, 224, 227)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(208, 224, 227);"></span></span><span title="#cfe2f3" data-color="rgb(207, 226, 243)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(207, 226, 243);"></span></span><span title="#d9d2e9" data-color="rgb(217, 210, 233)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(217, 210, 233);"></span></span><span title="#ead1dc" data-color="rgb(234, 209, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 209, 220);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-3"><span title="#ea9999" data-color="rgb(234, 153, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(234, 153, 153);"></span></span><span title="#f9cb9c" data-color="rgb(249, 203, 156)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(249, 203, 156);"></span></span><span title="#ffe599" data-color="rgb(255, 229, 153)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 229, 153);"></span></span><span title="#b6d7a8" data-color="rgb(182, 215, 168)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(182, 215, 168);"></span></span><span title="#a2c4c9" data-color="rgb(162, 196, 201)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(162, 196, 201);"></span></span><span title="#9fc5e8" data-color="rgb(159, 197, 232)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(159, 197, 232);"></span></span><span title="#b4a7d6" data-color="rgb(180, 167, 214)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(180, 167, 214);"></span></span><span title="#d5a6bd" data-color="rgb(213, 166, 189)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(213, 166, 189);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-4"><span title="#e06666" data-color="rgb(224, 102, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(224, 102, 102);"></span></span><span title="#f6b26b" data-color="rgb(246, 178, 107)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(246, 178, 107);"></span></span><span title="#ffd966" data-color="rgb(255, 217, 102)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(255, 217, 102);"></span></span><span title="#93c47d" data-color="rgb(147, 196, 125)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(147, 196, 125);"></span></span><span title="#76a5af" data-color="rgb(118, 165, 175)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(118, 165, 175);"></span></span><span title="#6fa8dc" data-color="rgb(111, 168, 220)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(111, 168, 220);"></span></span><span title="#8e7cc3" data-color="rgb(142, 124, 195)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(142, 124, 195);"></span></span><span title="#c27ba0" data-color="rgb(194, 123, 160)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(194, 123, 160);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-5"><span title="#cc0000" data-color="rgb(204, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(204, 0, 0);"></span></span><span title="#e69138" data-color="rgb(230, 145, 56)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(230, 145, 56);"></span></span><span title="#f1c232" data-color="rgb(241, 194, 50)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(241, 194, 50);"></span></span><span title="#6aa84f" data-color="rgb(106, 168, 79)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(106, 168, 79);"></span></span><span title="#45818e" data-color="rgb(69, 129, 142)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(69, 129, 142);"></span></span><span title="#3d85c6" data-color="rgb(61, 133, 198)" class="sp-thumb-el sp-thumb-light"><span class="sp-thumb-inner" style="background-color:rgb(61, 133, 198);"></span></span><span title="#674ea7" data-color="rgb(103, 78, 167)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(103, 78, 167);"></span></span><span title="#a64d79" data-color="rgb(166, 77, 121)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(166, 77, 121);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-6"><span title="#990000" data-color="rgb(153, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(153, 0, 0);"></span></span><span title="#b45f06" data-color="rgb(180, 95, 6)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(180, 95, 6);"></span></span><span title="#bf9000" data-color="rgb(191, 144, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(191, 144, 0);"></span></span><span title="#38761d" data-color="rgb(56, 118, 29)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(56, 118, 29);"></span></span><span title="#134f5c" data-color="rgb(19, 79, 92)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(19, 79, 92);"></span></span><span title="#0b5394" data-color="rgb(11, 83, 148)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(11, 83, 148);"></span></span><span title="#351c75" data-color="rgb(53, 28, 117)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(53, 28, 117);"></span></span><span title="#741b47" data-color="rgb(116, 27, 71)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(116, 27, 71);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-7"><span title="#660000" data-color="rgb(102, 0, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(102, 0, 0);"></span></span><span title="#783f04" data-color="rgb(120, 63, 4)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(120, 63, 4);"></span></span><span title="#7f6000" data-color="rgb(127, 96, 0)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(127, 96, 0);"></span></span><span title="#274e13" data-color="rgb(39, 78, 19)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(39, 78, 19);"></span></span><span title="#0c343d" data-color="rgb(12, 52, 61)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(12, 52, 61);"></span></span><span title="#073763" data-color="rgb(7, 55, 99)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(7, 55, 99);"></span></span><span title="#20124d" data-color="rgb(32, 18, 77)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(32, 18, 77);"></span></span><span title="#4c1130" data-color="rgb(76, 17, 48)" class="sp-thumb-el sp-thumb-dark"><span class="sp-thumb-inner" style="background-color:rgb(76, 17, 48);"></span></span></div><div class="sp-cf sp-palette-row sp-palette-row-selection"></div></div><div class="sp-palette-button-container sp-cf"><button type="button" class="sp-palette-toggle">less</button></div></div><div class="sp-picker-container"><div class="sp-top sp-cf"><div class="sp-fill"></div><div class="sp-top-inner"><div class="sp-color" style="background-color: rgb(255, 0, 0);"><div class="sp-sat"><div class="sp-val"><div class="sp-dragger" style="top: 0px; left: 0px;"></div></div></div></div><div class="sp-clear sp-clear-display" title="Clear Color Selection" style="display: none;"></div><div class="sp-hue"><div class="sp-slider" style="top: 0px;"></div></div></div><div class="sp-alpha"><div class="sp-alpha-inner"><div class="sp-alpha-handle" style="left: 0px;"></div></div></div></div><div class="sp-input-container sp-cf"><input class="sp-input" type="text" spellcheck="false"></div><div class="sp-initial sp-thumb sp-cf"><div class="sp-cf sp-palette-row-initial"><span data-color="" style="background-color:transparent;" class="sp-clear-display" title="No Color Selected"></span><span title="#000000" data-color="rgb(0, 0, 0)" class="sp-thumb-el sp-thumb-dark sp-thumb-active"><span class="sp-thumb-inner" style="background-color:rgb(0, 0, 0);"></span></span></div></div><div class="sp-button-container sp-cf"><a class="sp-cancel" href="#">cancel</a><button type="button" class="sp-choose">choose</button></div></div></div>
<script src="https://player.vimeo.com/api/player.js"></script>
<script src="https://www.youtube.com/iframe_api"></script>
<script src="/master/wishlist/default/wishlist.js?v=1.57"></script>
<script>
$(function () {
if (!navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|Dalvik|GINGERBREAD)/))
$('[data-toggle="tooltip"]').tooltip();
});
//jQuery time
// Fix for iPad not refreshing page when using browser's back button from an external link.
window.onpageshow = function (event) {
if (event.persisted) {
window.location.reload();
}
};
var previconset = "";
var showclosebutton = true;
var customincludedir = "default";
var bShowWelcomeMessage = "0" == "1";
var nCustomMessageDelay = "0";
var g_api_base = "https://api_v1.dcatalog.com/";
var g_default_linktarget = "_blank";
var g_hd_employee = false;
var bShowFilterPage = "0" == "1";
var g_bDisableInternalAnalytics = "0" == "1";
var g_init_help_data = [
{
"title": "Introduction",
"content": "This digital edition is an interactive version of the PDF/printed edition. See the instructions below on navigating the catalog interface."
},
{
"title": "Navigate the Digital Edition",
"content": "Click on any icons in the toolbar to interact with the edition (including but not limited to: share to social media button, note taking button, shopping cart button, crop button, archive feature button and more).\n\nClick on the right or left arrows on the pages or at the top of the toolbar to move forward or backward in the edition.\n\nType a page number into the white box at the top, then press enter, to jump to a particular page.\n\nClick on any linked pages numbers in the edition to navigate to a specific page or section.\n\nUse the Table of Contents (TOC) page, the Expandable Table of Contents, or thumbnail images, to travel throughout the publication.\n\n[If this edition has Bookmarks (side tabs) click on each one to be directed to a specific section of the edition.]\n\nClick on the PDF icon to download a page or the entire edition.\n\nClick on the print icon to print a page or the entire edition."
},
{
"title": "Zoom In",
"content": "Using your mouse, hover over the edition. Click once to zoom in.\n\nFrom the zoomed in mode, click once to zoom out."
},
{
"title": "Search Keywords",
"content": "To search a keyword, enter the search term in the search box.\n\nSearch results will display in the results panel.\n\nClick on any result to be directed to a particular page, on which the results are highlighted and zoomed in upon."
}
];
var g_resolution = parseInt('144') || 144;
var bWelcomeClosed = false;
var bOrientationChanged = false;
var g_navsize = 65;
var g_increasenavbtn = false;
var g_zoomslider = null;
var g_zoomslider_text = "Zoom";
//var hasParentFrame = false;
var heightOfIosToolbars = null;
var useWebviewFraming = false;
var moreMenuDisplayed = false;
var menuDisplayed = true;
var navForced = false;
//Bypass iPhone resize iframe
var iphoneWidth = 0;
var iphoneHeight = 0;
var autohidetoolbar = false;
function createNotification(text, time) {
var r = $(".notification-container");
var slideOff = function (start) {
setTimeout(function () {
p.addClass("off-screen");
setTimeout(function () { p.remove(); }, 500);
}, start);
}
if (r.length == 0)
$("body").append("<div class='notification-container'></div>");
var p = $("<div class='notification'>" + text + "</div>");
$(".notification-container").append(p);
slideOff(time);
p.on('click', function () {
slideOff(0);
});
}
function toggleCrop(show) {
if (show) {
$("#cropMenu").addClass("active");
$('#cropMenu button').attr('tabindex', 0);
} else {
$("#cropMenu").removeClass("active");
$('#cropMenu button').attr('tabindex', -1);
}
}
function displayMenu(show, instant) {
if (!autohidetoolbar) {
$("#topMenu").css("top", "0px");
return;
}
if (show == menuDisplayed) {
if (parseInt(window.innerWidth) < 800) {
$("#topMenu").css("top", "-75px");
} else
$("#topMenu").css("top", "0px");
return;
}
if (parseInt(window.innerWidth) < 800) {
showPopin('#topMenu', show, instant);
}
if (moreMenuDisplayed) {
if (parseInt(window.innerWidth) < 800) {
showPopin('#morePopin', false);
moreMenuDisplayed = false;
}
}
if (!show) {
if (parseInt(window.innerWidth) < 800) {
$("#topMenu").css("top", "-75px");
} else
$("#topMenu").css("top", "0px");
$(".slideMenu").removeClass("slideDown");
}
if (parseInt(window.innerWidth) < 800) {
menuDisplayed = !menuDisplayed;
}
}
function displayMoreMenu(show) {
if (show) {
if (parseInt(window.innerWidth) < 800) {
showPopin('#morePopin', false);
moreMenuDisplayed = false;
}
}
}
function getHeightOfIOSToolbars() {
// In case it's been overridden by parent.
if (heightOfIosToolbars !== null) {
return heightOfIosToolbars;
}
var tH = (window.orientation === 0 ? screen.height : screen.width) - $(window).height();
//var tH = screen.height - window.innerHeight;
return tH > 1 ? tH : 0;
};
var heightPadding = 0;
var currentHeight = 0;
var currentWidth = 0;
var currentHeightPadding = 0;
var isFullscreenIframe = false;
var isFullscreenViewer = false;
var inipage = $(document).getUrlParam('page') || 0;
inipage = parseInt(inipage);
var options = {
page: inipage
};
var is_trial = "1";
var dockey = "online";
var iniPageLabel = $(document).getUrlParam('pagelabel');
var docid = "08532271-a640-418e-bc31-f46ce4a9e88a";
var docver = 1.0;
var customLibid = "";
if (customLibid) {
$('#viewer_body').addClass('customLibViewer');
}
var publicationId = $(document).getUrlParam('publication_id');
if (publicationId) {
options.publicationId = publicationId;
}
var domain = $(document).getUrlParam('domain');
if (domain) {
options.domain = util.urldecode(domain);
if (options.domain.substring(0, 4) != 'http') {
options.domain = 'http://' + options.domain;
}
}
var geopub = $(document).getUrlParam('geopub');
if (geopub) {
options.geopub = geopub;
}
var openarchive = $(document).getUrlParam('openarchive');
if (openarchive || 0 == 1) {
openarchive = options.openarchive = "1";
}
var searchterm = $(document).getUrlParam('term');
if (searchterm && searchterm.length > 0) {
options.searchterm = util.urldecode(searchterm);
}
var term_option = $(document).getUrlParam('term_option');
var groupid = "";
if (groupid && groupid.length > 0) {
options.groupid = groupid;
}
var referer = $(document).getUrlParam('referer');
if (referer) {
options.referer = util.urldecode(referer);
}
var useExternalPopup = $(document).getUrlParam('use_externalpopup');
if (useExternalPopup) {
options.useExternalPopup = useExternalPopup;
}
var useCustomFullScreen = !!$(document).getUrlParam('custom_fullscreen') || !!useExternalPopup;
var useExternalCheckout = $(document).getUrlParam('use_externalcheckout');
if (useExternalCheckout) {
options.useExternalCheckout = useExternalCheckout;
}
var disable_mouse_wheel = $(document).getUrlParam('disable_mouse_wheel');
if (disable_mouse_wheel && disable_mouse_wheel == 1) {
viewer.AppConstants.DISABLE_MOUSE_WHEEL = true;
}
var publicationname = "Doc_001923743658";
if (publicationname) {
options.publicationname = publicationname;
}
viewer.AppConstants.PUBLICATION_ID = "7f8cf4cc-05bf-4ca9-9927-dcbf34651db2";
var publishername = "miffinccom";
if (publishername) {
options.publishername = publishername;
}
viewer.AppConstants.PUBLISHER_ID = "2db141d3-bc4f-4eba-9e04-835d03e0b49f";
var repositoryurl = $(document).getUrlParam('repositoryurl');
if (repositoryurl) {
options.repositoryurl = repositoryurl;
}
var wishlist_email = $(document).getUrlParam('wishlist_email');
if (wishlist_email) {
options.wishlist_email = decodeURIComponent(wishlist_email);
}
var wishlist_enablecompnay = $(document).getUrlParam('wishlist_enablecompnay');
if (wishlist_enablecompnay) {
options.wishlist_enablecompnay = wishlist_enablecompnay;
}
var uses3 = $(document).getUrlParam('uses3') || "1" == "1";
options.repositoryurl ="https://dc-docs.dcatalog.com" +"/";
if (uses3 && uses3 != "false") {
options.uses3 = uses3;
options.publicationurl = "https://dc-docs.dcatalog.com/miffinccom/Doc_001923743658/";
if (docver == 2) {
options.documenturl = options.publicationurl + docid + '/v2/';
} else if (customLibid) {
options.documenturl = options.publicationurl + 'customlibrary/' + customLibid + '/';
} else {
options.documenturl = options.publicationurl + docid + '/';
}
}
var numpages = $(document).getUrlParam('numpages');
if (numpages) {
options.numpages = parseInt(numpages);
}
var view = $(document).getUrlParam('view');
if (view) {
options.view = util.urldecode(view);
}
var preview = $(document).getUrlParam('preview');
if (preview && preview != "false") {
options.preview = true;
}
var staging = $(document).getUrlParam('staging');
if (staging && staging != "false") {
options.staging = util.urldecode(staging);
}
else {
options.staging = false;
}
var username = $(document).getUrlParam('username');
if (username && username != "false") {
options.username = util.urldecode(username);
}
else {
options.username = "";
}
var autoflip = $(document).getUrlParam('af');
if (autoflip) {
options.autoflip = util.urldecode(autoflip);
}
var material = $(document).getUrlParam('material');
if (material) {
options.material = util.urldecode(material);
}
var webviewFraming = $(document).getUrlParam('webview_framing');
if (webviewFraming) {
options.webviewFraming = true;
useWebviewFraming = true;
}
var latest = $(document).getUrlParam('latest');
options.latest = (latest == '1');
var usefillableform = window.location.href.indexOf('fillableform=1') > 0;
if (usefillableform) {
options.usefillableform = usefillableform;
}
var GAClientId= $(document).getUrlParam('gaclientid');
if (GAClientId) {
options.clientid = GAClientId;
}
var additionalparam3= $(document).getUrlParam('additionalparam3');
if (additionalparam3) {
options.additionalparam3 = additionalparam3;
}
var wishlist_externalpopup= $(document).getUrlParam('wishlist_externalpopup');
if (wishlist_externalpopup) {
options.wishlist_externalpopup = wishlist_externalpopup;
}
var wishlist_useremail= $(document).getUrlParam('wishlist_useremail');
if (wishlist_useremail) {
options.wishlist_useremail = wishlist_useremail;
}
var userfullname = $(document).getUrlParam('userfullname');
if (userfullname) {
options.userfullname = userfullname;
}
var agentparam = $(document).getUrlParam('agent');
if (agentparam) {
options.agentparam = agentparam;
}
var lang_key = $(document).getUrlParam('lang');
if (lang_key) {
//
}
if (bShowFilterPage) {
$('.center-buttons .archiveBtn').addClass('mobile');
}
//var linkParams = $(document).getUrlParam('linkParams');
//var linkParams = $(document).getUrlParam('linkParams');
var hashData = document.location.href.split("#")[1];
var parentUrl = null;
var hasHashState = false;
if (hashData) {
try {
var data = JSON.parse(decodeURIComponent(hashData));
if (data.url) {
parentUrl = data.url;
//hasParentFrame = true;
}
}
catch (err) {
}
}
function getWinHeight() {
if (g_Global.is.iphone() && iphoneHeight) {
//When we use the embed code fix issue with width and height.
return iphoneHeight;
}
return document.documentElement.clientHeight;
}
function getWinWidth() {
if (g_Global.is.iphone() && iphoneWidth) {
//When we use the embed code fix issue with width and height.
return iphoneWidth;
}
return document.documentElement.clientWidth;
}
function setbackground(startcolor, endcolor) {
var bgStartColor = util.colorHex(startcolor);
var bgEndColor = util.colorHex(endcolor);
var gradientString = "/* Mozilla Firefox */" +
"background-image: -moz-linear-gradient(top, {colour1} 0%, {colour2} 100%);/* Opera */background-image: -o-linear-gradient(top, {colour1} 0%, {colour2} 100%);/* Webkit (Safari/Chrome 10) */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, {colour1}), color-stop(1, {colour2}));/* Webkit (Chrome 11+) */background-image: -webkit-linear-gradient(top, {colour1} 0%, {colour2} 100%);/* IE10+ */background: -ms-linear-gradient(top, {colour1} 0%,{colour2} 100%);/* W3C */background: linear-gradient(top, {colour1} 0%,{colour2} 100%);";
gradientString = gradientString.replace(/\{colour1\}/g, bgStartColor).replace(/\{colour2\}/g, bgEndColor);
document.getElementById("loader").setAttribute('style', gradientString);
}
function loadpreloaderparams() {
var preloaderstartcolor = 'ffffff';
var preloaderendcolor = 'ffffff';
if (preloaderstartcolor != '' && preloaderstartcolor != null &&
preloaderendcolor != '' && preloaderendcolor != null) {
setbackground(preloaderstartcolor, preloaderendcolor);
}
}
function setarrowcolor(color) {
if (color.indexOf("#") == -1)
color = "#" + color;
$('#leftNav .fa, #rightNav .fa').css('color', color);
}
function sethandlercolor(color) {
$('.slider-handle').css('background', color);
}
function showSlider(show) {
if (show)
$("#zoom-container").show();
else
$("#zoom-container").hide();
}
function runEffect(selectedEffect) {
var options = {};
// some effects have required parameters
if (selectedEffect === "scale") {
options = { percent: 0 };
}
var sHeight = $(window).height() * -1;
$("#loader").animate({ y: sHeight + 'px' });
$("#loader").hide(1000);
// init processing
$('.grecaptcha-badge').parent().find('> iframe').attr({
'role': 'none',
'title': 'grecaptcha',
});
};
function toggleMenu() {
$(".slideMenu").toggleClass("slideDown");
// $(".slideMenu ul").css("margin-top", (parseInt($("#topMenu").height()) + parseInt($("#topMenu").offset().top)) + "px");
}
function setFontColor(color) {
$(".text-color").css("color", color);
$(".modal-share-icon").css("color", color);
$("#pagenamecontainer span").css("color", color);
}
function setBackgroundColor(color) {
$(".menu-top").css("background", color);
$("#pagenamecontainer").css("background", color);
}
function setSlideMenuColor(color, fontColor) {
$(".slideMenu ul li a").css("color", fontColor);
$(".slideMenu").css("background", color);
$(".slideMenu").css("opacity", "0.8");
}
function setPopupColors(background, color) {
$(".social-media-icon").css("color", color);
$(".modal-share-icon").css("color", color);
$(".modal-share").css("background", background);
$(".dropdown ul").css("background", background);
$(".dropdown-menu:after").css("border-bottom-color", background);
$('head').append('<style>.dropdown-menu:after{border-bottom-color:' + background + ' !important;}</style>');
}
function setViewSettings() {
if ($('html').hasClass('lte9')) {
}
}
/*
function mobileLayout() {
if (parseInt(window.innerWidth) > 800 || !autohidetoolbar) {
showPopin('#topMenu', true, true);
} else {
showPopin('#topMenu', false);
moreMenuDisplayed = false;
}
}
*/
function hideTooltip(sOriginalTooltipText) {
$("#checkoutBtnTooltip").attr('data-original-title', sOriginalTooltipText);
$('#checkoutBtnTooltip').tooltip('hide');
}
function setTooltipCheckout(sTitle, timeout) {
var sTooltipText = $("#checkoutBtnTooltip").attr('data-original-title');
//alert(sTooltipText);
$("#checkoutBtnTooltip").attr('data-original-title', sTitle);
$('#checkoutBtnTooltip').tooltip('show');
setTimeout(hideTooltip, timeout, sTooltipText);
}
function setTooltipWishlist(sTitle, timeout) {
var tooltip_el = $('.wishlistBtn [data-toggle="tooltip"]');
var sTooltipText = tooltip_el.attr('data-original-title');
tooltip_el.attr('data-original-title', sTitle);
tooltip_el.tooltip('show');
setTimeout(function () {
tooltip_el.attr('data-original-title', sTooltipText);
tooltip_el.tooltip('hide');
}, timeout);
}
function settotalprice(nTotalPrice) {
if (nTotalPrice == "0") {
$(".wishlistPriceText").hide();
}
else
$(".wishlistPriceText").show();
var fTotal = parseFloat(nTotalPrice)
var sTotalPrice = fTotal.toFixed(0).replace(/(\d)(?=(\d{3}))/g, '$1,');
$(".wishlistPriceText").text("$" + sTotalPrice);
}
function setBadgeCount(nCount, isWishlist) {
var el = isWishlist ? $(".badge3") : $(".badge2");
if (nCount == "0")
el.hide();
else
el.show();
el.text(nCount);
}
$(document).ready(function () {
if(customincludedir != ""){
$("#additemcontainer").load("/master/wishlist/" + customincludedir + "/additem.html?v=1.308" );
$("#wishlistcheckout").load("/master/wishlist/" + customincludedir + "/wishlistcheckout.html?v=1.308");
$("#wishlistemail").load("/master/wishlist/" + customincludedir + "/wishlistemail.html?v=1.308");
try{
if(localStorage.getItem("welcomemessage-"+customincludedir))
bShowWelcomeMessage = false;
}
catch(e) { }
if (bShowWelcomeMessage) {
$("#welcomemessage").load("/master/welcomemessage/" + customincludedir + "/welcomemsg.html?v=1.127");
}
}
g_zoomslider = $('#zoomslider').slider({
formatter: function (value) {
return g_zoomslider_text;
},
tooltip_position: "bottom"
});
/*
mobileLayout();
$(window).on("orientationchange", function () {
mobileLayout();
});
*/
setViewSettings();
$('.pagenameLabel').focus(function () {
var pageName = $('.pagenameLabel').val();
if (pageName.indexOf('/') > 0 || !parseInt(pageName)) {
$('.pagenameLabel').val('');
}
});
$('.pagenameLabel').keyup(function (event) {
if (event.keyCode == 13) {
var nPageNumber = $('.pagenameLabel').val();
IframeViewer.gotoPageLabel(nPageNumber);
}
});
$(".crop-close").on('click', function () {
toggleCrop(false);
});
var last = null;
$(".slideMenu ul li").click(function () {
toggleMenu();
});
$("#toggleMenu").click(function () {
toggleMenu();
});
$(".dropdown").click(function () {
});
$('.dropdown-close').on('click', function (e) {
if (!$('.dropdown').is(e.target)
&& $('.dropdown').has(e.target).length === 0
&& $('.open').has(e.target).length === 0
) {
$('.dropdown').removeClass('open');
$(".dropdown-close").addClass("hide");
}
});
$('.dropdown').on('click', function (event) {
if (last != null) {
last.removeClass("open");
} else {
$(this).addClass("open");
$(".dropdown-close").removeClass("hide");
}
if (last != null && $(this).attr("id") === last.attr("id") && !$(".dropdown-close").hasClass("hide")) {
last.removeClass("open");
$(".dropdown-close").addClass("hide");
} else {
$(".dropdown-close").removeClass("hide");
$(this).addClass("open");
}
last = $(this);
});
var parent, ink, d, x, y;
$(".slideMenu ul li a").click(function (e) {
parent = $(this).parent();
//create .ink element if it doesn't exist
if (parent.find(".ink").length == 0)
parent.prepend("<span class='ink'></span>");
ink = parent.find(".ink");
//incase of quick double clicks stop the previous animation
ink.removeClass("animate");
//set size of .ink
if (!ink.height() && !ink.width()) {
//use parent's width or height whichever is larger for the diameter to make a circle which can cover the entire element.
d = Math.max(parent.outerWidth(), parent.outerHeight());
ink.css({ height: d, width: d });
}
//get click coordinates
//logic = click coordinates relative to page - parent's position relative to page - half of self height/width to make it controllable from the center;
x = e.pageX - parent.offset().left - ink.width() / 2;
y = e.pageY - parent.offset().top - ink.height() / 2;
//set the position and add class .animate
ink.css({ top: y + 'px', left: x + 'px' }).addClass("animate");
})
$(".first-page").click(function () {
IframeViewer.firstPage();
});
$(".next-page").click(function () {
IframeViewer.nextPage();
});
$(".previous-page").click(function () {
IframeViewer.previousPage();
});
$(".last-page").click(function () {
IframeViewer.lastPage();
});
$(".autoFlipBtn").click(function () {
IframeViewer.autoFlipToggle("toggle");
});
loadpreloaderparams();
$("a.overlay-flash").fancybox({
fitToView: false,
autoSize: true,
closeClick: false,
openEffect: 'elastic',
closeEffect: 'elastic',
scrolling: 'auto',
closeBtn: true,
beforeLoad: function () {
this.width = _popupwidth;
this.height = _popupheight;
}
});
function loadjscssfile(filename) {
var parts = filename.split('.');
var filetype = parts[parts.length - 1];
if (filetype == "js") { //if filename is a external JavaScript file
var fileref = document.createElement('script')
fileref.setAttribute("type", "text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype == "css") { //if filename is an external CSS file
var fileref = document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref != "undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
function openProductPopup(productID, nWidth, nHeight, url, price, description) {
if (viewer.AppConstants.USE_EXTERNAL_WND_MOBILE && g_Global.is.mobile()) {
window.open(url, '_blank');
return;
}
if (typeof (nWidth) == 'undefined' || nWidth == null || nWidth == '')
nWidth = viewer.AppConstants.DEFAULT_POPUP_WIDTH;
if (typeof (nHeight) == 'undefined' || nHeight == null || nHeight == '')
nHeight = viewer.AppConstants.DEFAULT_POPUP_HEIGHT;
var optcss = {
'max-width': '90%',
'max-height': '90%',
'width': nWidth + 'px',
'height': nHeight + 'px'
};
if (useExternalPopup && parseInt(useExternalPopup) == 1) {
if (referer && !isFullscreenViewer) {
var wnd = window.parent ? window.parent : window;
wnd.postMessage(JSON.stringify({
command: 'openproductpopup',
productid: productID,
Width: nWidth,
Height: nHeight,
popupurl: url,
}), "*");
return;
}
/*
else
{
window.open(url, '_blank');
}
return;
*/
}
//console.log("# optcss: ", optcss);
$.fancybox.open({
src: url,
type: 'iframe',
opts: {
toolbar: false,
smallBtn: true,
margin: [10, 10],
iframe: {
preload: false,
css: optcss,
attr: {scrolling: "auto"}
},
afterShow: function (instance, current) {
instance.update();
}
}
});
}
//Function to add item todo rename
function openWishlistPopup(productID, nWidth, nHeight, url, price, description) {
if(typeof CustomProductAddItemHeight !== 'undefined' )
nHeight = CustomProductAddItemHeight;
if(typeof CustomProductAddItemWidth !== 'undefined' )
nWidth =CustomProductAddItemWidth;
cont.docid = docid;
var oItem = cont.getItem(productID);
if(!oItem)
oItem = new com.epaperflip.api.wishlist.item(productID,1,price,description);
cont.activeItem = oItem;
if (typeof url != 'undefined') {
if (url == "" || url == productID)
$('#shop-item').hide();
var prefix = 'http';
if (url.substr(0, prefix.length) !== prefix && url != "") {
url = "http://" + url;
}
}
_maxpopupwidth = _popupwidth = typeof nWidth !== 'undefined' ? nWidth : 600;
_maxpopupheight =_popupheight = typeof nHeight !== 'undefined' ? nHeight : 800;
_popupwidth = window.innerWidth-10 < parseInt(_popupwidth) ? getWinWidth()-10 : _popupwidth;
_popupheight = window.innerHeight-10 < parseInt(_popupheight) ? getWinHeight()-10 : _popupheight;
var pg = $('[product_id="' + productID + '"]').closest('[data-page]').attr('data-page');
var pdfviewer = $('#pdf_sheet');
if (pdfviewer && pdfviewer.length > 0) {
if (url != "") {
$('#pdf_sheet').hide();
$.getScript("/lib/pdfjs-2.0.943/build/pdf.js", function () {
pdfjsLib.GlobalWorkerOptions.workerSrc = "/lib/pdfjs-2.0.943/build/pdf.worker.js";
pdfjsLib.getDocument(url)
.then(function (pdf) {
var viewer_url = "/lib/pdfjs-2.0.943/web/viewer.html" + '?file=' + encodeURIComponent(url);
$('#pdf_sheet').attr('src', viewer_url);
$('#pdf_sheet').show();
})
.catch(function (e) {
$('#sku-url').text("");
console.log('# load error:', e);
})
});
}
else {
$('#pdf_sheet').hide();
}
}
$('#additem #wishlist-pgnum').text(pg);
$('#additem #sku-val').text(productID);
$('#additem #sku-url').text(url);
$('#additem #product-img').attr("src", url);
$('#additem input[type="text"], #additem textarea').val('');
if(description){
$("#wishlist-product-description-text").text(description);
}
else{
$("#wishlist-product-description").hide();
$("#wishlist-product-description-container").hide();
}
if(price){
$("#wishlist-price").text("$" + price);
}
else{
$("#wishlist-price-container").hide();
}
//var j1 = document.getElementById("hiddenclickercolorbox");
//j1.href = "#additem";
$('#amount').val(oItem.amount);
//$(".wrapper-adder").css("display", "inline-block");
//$('#hiddenclickercolorbox').trigger('click');
//$('#hiddenclickercolorbox').resize();
$.fancybox.open({
src: '#additem',
type: 'inline',
opts: {
afterShow: function (instance, current) {
instance.update();
}
}
});
}
function openHtmlPopin(url, nWidth, nHeight, type, autostart) {
if (typeof (nWidth) == 'undefined' || nWidth == null || nWidth == '')
nWidth = viewer.AppConstants.DEFAULT_POPUP_WIDTH;
if (typeof (nHeight) == 'undefined' || nHeight == null || nHeight == '')
nHeight = viewer.AppConstants.DEFAULT_POPUP_HEIGHT;
var optcss = {
'max-width': '100%',
'max-height': '100%',
'width': nWidth + 'px',
'height': nHeight + 'px'
};
if (useExternalPopup && parseInt(useExternalPopup) == 1) {
if (referer && !isFullscreenViewer) {
var wnd = window.parent ? window.parent : window;
wnd.postMessage(JSON.stringify({
command: 'openhtmlpopup',
url: url,
Width: nWidth,
Height: nHeight,
type: type
}), "*");
return;
}
/*
else
{
window.open(url, '_blank');
}
return;
*/
}
if (type == "image") {
$.fancybox.open({
src: url,
type: 'image',
buttons: ['close']
});
} else if (type == "slide") {
var imgList = [];
$.each(url, function (i, u) {
imgList.push({src: u});
})
$.fancybox.open(imgList, {
loop: true,
keyboard: true,
preventCaptionOverlap: true,
arrows: true,
infobar: true,
idleTime: 3,
protect: true,
transitionEffect: 'slide', // 'fade', 'zoom-in-out', 'rotate', 'circular', 'tube'
transitionDuration: 500,
slideShow: {
autoStart: autostart == 1 ? true : false,
speed: 3000
},
/*
thumbs: {
autoStart: true,
hideOnClose: true,
parentEl: '.fancybox-container',
axis: 'y',
}
*/
});
} else if (type == "video") {
var sType = util.getVideoTypeFromUrl(url);
if (sType == 'file') {
$('#hiddenclickercolorbox').attr({
'href': url,
'data-width': nWidth,
'data-height': nHeight,
}).fancybox().trigger('click');
g_AnalyticsActivity.linkitem = url;
StatsCall(g_ActivityType.ANALYTICS_VIDEO_PLAY);
} else {
$.fancybox.open({
src: url,
type: 'iframe',
opts: {
toolbar: false,
smallBtn: true,
margin: [10, 10],
iframe: {
preload: false,
css: optcss,
attr: { scrolling: "auto" }
},
afterShow: function (instance, current) {
var iframe = current.$iframe[0];
if (sType == 'youtube') {
var player = new YT.Player(iframe, {
events: {
'onStateChange': function onPlayerStateChange(e) {
if (e.data == YT.PlayerState.PLAYING) {
g_AnalyticsActivity.linkitem = e.target.getVideoUrl();
StatsCall(g_ActivityType.ANALYTICS_VIDEO_PLAY);
}
}
}
});
} else if (sType == 'vimeo') {
var player = new Vimeo.Player(iframe);
player.on('play', function (e) {
player.getVideoUrl().then(function (_url) {
g_AnalyticsActivity.linkitem = _url;
StatsCall(g_ActivityType.ANALYTICS_VIDEO_PLAY);
});
});
} else {
$(iframe).on('play', function (e) {
var _url = $(this).attr('src');
g_AnalyticsActivity.linkitem = _url;
StatsCall(g_ActivityType.ANALYTICS_VIDEO_PLAY);
});
}
//instance.update();
},
}
});
}
} else if (type == "iframe") {
$.fancybox.open({
src: url,
type: 'iframe',
opts: {
toolbar: false,
smallBtn: true,
margin: [10, 10],
iframe: {
preload: false,
css: optcss,
attr: { scrolling: "auto" }
},
afterShow: function (instance, current) {
instance.update();
var wWidth = $(window).width();
var wHeight = $(window).height();
var pHeight = $('.fancybox-content').outerHeight();
var pWidth = $('.fancybox-content').outerWidth();
var top = (wHeight + parseFloat(pHeight)) / 2;
var left = (wWidth + parseFloat(pWidth)) / 2;
var bTransform = 'translateX(-100%)';
if (wHeight < top) {
top = '100%';
bTransform = 'translate(-100%, -100%)';
} else {
top = 'calc(50% + ' + parseFloat(pHeight) / 2 + 'px)';
}
if (wWidth < left) {
left = '100%';
} else {
left = 'calc(50% + ' + parseFloat(pWidth) / 2 + 'px)';
}
var $button = $('<button>')
.html('<i class="fa-solid fa-arrow-up-right-from-square"></i> Visit Full Website')
.css({
position: 'fixed',
top: top,
left: left,
transform: bTransform,
'z-index': 9999,
width: 'auto',
'white-space': 'nowrap',
})
.on('click', function () {
window.open(url, '_blank');
});
$button.addClass('fancybox-button');
$('.fancybox-content').append($button);
}
}
});
}
}
function openTextboxPopup(title, content, type) {
var $titleDom = $(title);
var divStyles = $titleDom.filter('div').attr('style') || "text-align: left;";
var spanStyles = $titleDom.is('div') ? $titleDom.find('span').attr('style') : $titleDom.attr('style') || "";
// Extract background-color style
var backgroundColorMatch = /background-color:\s*([^;]+)/i.exec(spanStyles);
var backgroundStyle = backgroundColorMatch ? "background-color: " + backgroundColorMatch[1].trim() + ";" : "";
// Define styles
var wrapperStyles = "background: #fff; border-radius: 10px; max-width: 100%; max-height: 80%; padding: 5px; width: 800px; min-height: 150px;";
var textHeaderStyles = "text-align: center; width: 100%; border-bottom: 1px solid #ddd;";
var headerContainerStyles = "padding: 10px; background: #c3c3c3; color: #000; font-family: 'Roboto', sans-serif; font-size: 21px; font-weight: 400; border-bottom: 1px solid white; padding-right: 50px;";
var textBodyStyles = "width: 100%; height: 80%; display: inline-block; overflow-y: visible; overflow-x: hidden; padding: 10px;";
// Create the modal content
var modalContent = '<div id="textboxmodal" style="' + wrapperStyles + '">' +
'<div class="text-header" style="' + textHeaderStyles + divStyles + '">' +
'<div class="text-header-container" style="' + headerContainerStyles + backgroundStyle + '">' + title + '</div>' +
'</div>' +
'<div class="text-body" style=">' + textBodyStyles + '">' + content + '</div>' +
'</div>';
$.fancybox.open({
src: modalContent,
type: 'inline',
opts: {
afterShow: function (instance, current) {
instance.update();
}
}
});
}
// These are used to store the locations of the menus in their up and down states,
// so that we can show and hide them when the user taps the screen / clicks the mouse.
var menuEnabled = true;
var viewMode = 'issueViewer';
var issueName = '';
var publicationName = '';
var pageNumber = null;
createPopin('#topMenu', {
screenEdge: SCREEN_EDGE.top,
defaultShow: true,
onResize: function (element) { }
});
createPopin('#morePopin', {
screenEdge: SCREEN_EDGE.left,
defaultShow: false,
sizeFrom: window,
onResize: function (element) { }
});
function centerVertically(element) {
var ele = $(element);
var parent = ele.parent();
ele.css('margin-top', ((parent.height() - ele.height()) / 2) + 'px');
}
function updatePublicationName(name) {
publicationName = name;
}
function updateIssueName(name) {
// document.title = name;
// issueName = name;
}
function updatePageName(name) {
var pag = name.toString().split("/");
if (name[0]) {
$('.pagenameLabel').val(name[0]);
// var nNewWidth = 15 + name[0].length * 8;
// $('.pagenameLabel').width(nNewWidth);
}
}
function centerElementBetween(element, left, right) {
var width = element.width();
var leftMax = left.position().left + left[0].offsetWidth;
var rightMax = right.position().left;
var maxWidth = rightMax - leftMax;
var leftOffset = ((maxWidth - width) / 2);
if (leftOffset < 0) {
leftOffset = 0;
}
element.css('left', leftMax + leftOffset)
.css('position', 'absolute')
.css('max-width', (maxWidth >= 0) ? maxWidth : 0)
.css('overflow', 'hidden');
var spacerTitle = $('#topMenu').find('span.spacer');
if ($(window).height() < 640) {
$(spacerTitle).hide();
}
}
function setDialogsColor(sStartColor, sEndColor) {
$(".share-dropdown").css("background-color", sStartColor);
$(".modal-share").css("color", sStartColor);
//$(".modal-dialog").css("background", sStartColor, "important");
setSlideMenuColor(sStartColor, sEndColor);
$(".modal-share").css("background", sStartColor);
}
function setupIcons(btnColor) {
btnColor = btnColor.toLowerCase().replace('#', '');
var sBtnColor = "#" + btnColor;
if (btnColor == "ffffff" || btnColor == "white")
$(".btn-crop, .btn-send-crop").css("background", "black");
else
$(".btn-crop, .btn-send-crop").css("background", sBtnColor);
setFontColor(sBtnColor);
sethandlercolor(sBtnColor);
}
function setupIconsSet(iconset) {
if(previconset && previconset!="" && previconset != "0")
{
$('.fa-bookmark' + '-' + previconset).addClass('fa-bookmark').removeClass('fa-bookmark' + '-' + previconset);
$('.fa-archive' + '-' + previconset).addClass('fa-archive').removeClass('fa-archive' + '-' + previconset);
$('.fa-notes' + '-' + previconset).addClass('fa-pencil-square-o').removeClass('fa-notes' + '-' + previconset);
$('.fa-search'+ '-' + previconset).addClass('fa-search').removeClass('fa-search'+ '-' + previconset);
$('.fa-download' + '-' + previconset).addClass('fa-download').removeClass('fa-download' + '-' + previconset);
$('.fa-th'+ '-' + previconset).addClass('fa-th').removeClass('fa-th'+ '-' + previconset);
$('.fa-lastpage'+ '-' + previconset).addClass('fa-lastpage').removeClass('fa-lastpage'+ '-' + previconset);
$('.fa-chevron-right'+ '-' + previconset).addClass('fa-chevron-right').removeClass('fa-chevron-right'+ '-' + previconset);
$('.fa-chevron-left'+ '-' + previconset).addClass('fa-chevron-left').removeClass('fa-chevron-left'+ '-' + previconset);
$('.fa-firstpage'+ '-' + previconset).addClass('fa-firstpage').removeClass('fa-firstpage'+ '-' + previconset);
$('.fa-share' + '-' + previconset).addClass('fa-share-alt').removeClass('fa-share' + '-' + previconset);
$('.fa-shopping-cart'+ '-' + previconset).addClass('fa-shopping-cart').removeClass('fa-shopping-cart'+ '-' + previconset);
$('.fa-singlepage'+ '-' + previconset).addClass('fa-file-o').removeClass('fa-singlepage'+ '-' + previconset);
$('.fa-spread'+ '-' + previconset).addClass('fa-files-o').removeClass('fa-spread'+ '-' + previconset);
$('.fa-crop'+ '-' + previconset).addClass('fa-crop').removeClass('fa-crop'+ '-' + previconset);
$('.fa-map-marker'+ '-' + previconset).addClass('fa-map-marker').removeClass('fa-map-marker'+ '-' + previconset);
$('.fa-expand'+ '-' + previconset).addClass('fa-expand').removeClass('fa-expand'+ '-' + previconset);
$('.fa-compress'+ '-' + previconset).addClass('fa-compress').removeClass('fa-compress'+ '-' + previconset);
}
if (!iconset || iconset == "0")
{
previconset = iconset;
return;
}
if (iconset == "9999") {
var archive_new_name = "fa-all-catalogs";
$('.fa-archive').toggleClass('fa-2x' + ' ' + 'fa-4x');
$('.fa-archive').toggleClass('fa-archive' + ' ' + archive_new_name);
$('#archiveBtn').css("padding-top", "10px");
return;
}
$('.fa-bookmark').addClass('fa-bookmark' + '-' + iconset).removeClass('fa-bookmark');
$('.fa-archive').addClass('fa-archive' + '-' + iconset).removeClass('fa-archive');
var notes_new_name = "fa-notes" + "-" + iconset;
$('.fa-pencil-square-o').addClass(notes_new_name).removeClass('fa-pencil-square-o');
$('.fa-search').addClass('fa-search' + "-" + iconset).removeClass('fa-search');
$('.fa-download').addClass('fa-download' + "-" + iconset).removeClass('fa-download');
$('.fa-th').addClass('fa-th' + "-" + iconset).removeClass('fa-th');
$('.fa-lastpage').addClass('fa-lastpage' + "-" + iconset).removeClass('fa-lastpage');
$('.fa-firstpage').addClass('fa-firstpage' + "-" + iconset).removeClass('fa-firstpage');
$('.fa-chevron-right').addClass('fa-chevron-right' + "-" + iconset).removeClass('fa-chevron-right');
$('.fa-chevron-left').addClass('fa-chevron-left' + "-" + iconset).removeClass('fa-chevron-left');
$('.fa-share-alt').addClass('fa-share' + "-" + iconset).removeClass('fa-share-alt');
$('.fa-shopping-cart').addClass('fa-shopping-cart' + "-" + iconset).removeClass('fa-shopping-cart');
$('.fa-file-o').addClass('fa-singlepage' + "-" + iconset).removeClass('fa-file-o');
$('.fa-files-o').addClass('fa-spread' + "-" + iconset).removeClass('fa-files-o');
$('.fa-crop').addClass('fa-crop' + "-" + iconset).removeClass('fa-crop');
$('.fa-map-marker').addClass('fa-map-marker' + "-" + iconset).removeClass('fa-map-marker');
$('.fa-expand').addClass('fa-expand' + "-" + iconset).removeClass('fa-expand');
$('.fa-compress').addClass('fa-compress' + "-" + iconset).removeClass('fa-compress');
previconset = iconset;
//fa-compress
}
function increaseArrowsSize(){
$('#leftsidearrow').removeClass('fa-3x').addClass('fa-5x');
$('#rightsidearrow').removeClass('fa-3x').addClass('fa-5x');
g_navsize = 100;
$('#leftNav, #rightNav').css("width","50");
}
function setupView() {
if ($('#colorbox').is(':visible') || $.fancybox.getInstance()) {
return;
}
// console.log('# setupView');
var nav = $('#nav');
var navVisible = nav.is(':visible');
nav.hide();
heightPadding = 0;
if (g_Global.is.iphone() && g_Global.is.safari() && (getHeightOfIOSToolbars() <= 0)) {
$('.fullscreenSpacer').show();
} else {
$('.fullscreenSpacer').hide();
}
if ((currentHeight != getWinHeight()) || (currentWidth != getWinWidth()) || (currentHeightPadding != heightPadding)) {
// Viewer area setup
var magViewer = $('iframe');
/*
// Clear the height and width and position so that the browser doesn't
// artificially keep it at the previous height.
$(nav.children())
.css('top', '')
.css('bottom', '')
.css('left', '')
.css('right', '')
.hide();
*/
magViewer
.height(0)
.width(0)
.hide();
menuDisplayed = true;
// Set the new height and width and position.
var winHeight = getWinHeight() + heightPadding;
var winWidth = getWinWidth();
// console.log("Button height " +$(".buttons").height());
// console.log("setupView winHeight=" + winHeight + " winWidth=" + winWidth);
nav
.height(winHeight)
.width(winWidth);
if (parseInt(window.innerWidth) > 800) {
magViewer
.height(winHeight - $(".buttons").height())
.width(winWidth)
.show();
} else {
magViewer
.height(winHeight - $(".buttons").height())
.width(winWidth)
.show();
}
// Only show the nav elements in the issue viewer.
if (viewMode == 'issueViewer') {
if (menuEnabled) {
nav.show();
}
$(nav.children()).show();
}
resizePopin('#topMenu');
resizePopin('#morePopin');
IframeViewer.resize();
currentHeight = winHeight;
currentWidth = winWidth;
currentHeightPadding = heightPadding;
}
if (navVisible) {
nav.show();
}
var w = $(window).innerWidth();
var w1 = $('#topMenu .center-buttons').width();
if ($('.toggleMenu.mobile').is(':visible')) {
$('#logo-container').css('width', (w - w1) + 'px');
} else {
$('#logo-container').css('width', (w - w1) / 2 + 'px');
}
if (!g_Global.is.fullscreenSupported() && !referer) {
$(".fullscreenBtn").hide();
$(".exitfullscreenBtn").hide();
}
g_Global.changeArrowVisibility(navForced);
if(!bWelcomeClosed && bShowWelcomeMessage)
{
bShowWelcomeMessage = false;
if (nCustomMessageDelay > 0)
setTimeout(ShowWelcomeMessage, nCustomMessageDelay);
else
ShowWelcomeMessage();
function ShowWelcomeMessage()
{
if (typeof cont != 'undefined' && cont.ShowWelcomeMessage) {
cont.ShowWelcomeMessage();
return;
}
if(!bWelcomeClosed)
{
$("a.overlay-colorbox").colorbox({
inline: true,
width: '95%',
height: '95%',
maxWidth: '600px',
maxHeight: '800px',
escKey: false,
overlayClose: false,
closeButton: showclosebutton,
onClosed: function () {
bWelcomeClosed = true;
},
onComplete: function() {
$.colorbox.resize();
},
});
var j1 = document.getElementById("hiddenclickercolorbox");
j1.href = "#welcomemessage";
$(".wrapper-adder").css("display", "inline-block");
$('#hiddenclickercolorbox').trigger('click');
$('#hiddenclickercolorbox').resize();
bWelcomeClosed = true;
}
}
}
}
function resizeColorbox() {
$.colorbox.resize({
});
var instance = $.fancybox.getInstance();
if (instance) {
instance.update();
}
}
function closeOpenedPopup() {
try {
$.colorbox.close();
} catch (ex) { }
var instance = $.fancybox.getInstance();
if (instance) {
instance.close();
}
}
$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function (e) {
var tag;
if (e.target.tagName == undefined || e.target.tagName == null) {
tag = '';
} else {
tag = e.target.tagName.toLowerCase();
}
//console.log("## e.target.tagName:", tag);
isFullscreenViewer = (tag == 'html' && g_Global.is.fullScreenMode());
if (tag == 'iframe') {
isFullscreenIframe = g_Global.is.fullScreenMode();
if (!isFullscreenIframe) {
setupView();
}
} else {
isFullscreenIframe = false;
}
if (isFullscreenViewer || isFullscreenIframe) {
$(".fullscreenBtn").hide();
$(".exitfullscreenBtn").show().focus();
} else {
$(".fullscreenBtn").show().focus();
$(".exitfullscreenBtn").hide();
}
});
// resize processing
var rtime;
var timeout = false;
var delta = 200;
function resizeend() {
if (new Date() - rtime < delta) {
setTimeout(resizeend, delta);
} else {
timeout = false;
// Done resizing
if (!isFullscreenIframe) setupView();
//If we are in zoom in mode zoom out.
if (g_zoomslider.slider('getValue') > 1) {
//IframeViewer.zoomOut(1);
//setTimeout(function () { IframeViewer.resize(); }, 100);
}
resizeColorbox();
}
}
$(window).bind('resize orientationchange', function () {
rtime = new Date();
if (timeout === false) {
timeout = true;
setTimeout(resizeend, delta);
}
});
var sPath = window.location.protocol + '//' + window.location.host + window.location.pathname;
var nIndex = sPath.lastIndexOf('/');
var frameUrl = window.location.protocol + '//' + window.location.host + "/viewer.html?v=44";
IframeViewer.registerReceiveMessageCallback(function (json) {
//console.log("#### MessageCallback:" + "[" + json.command + "]", json);
switch (json.command) {
case 'updateui':
{
IframeViewer.showHide(json);
}
break;
case 'updatebackground':
{
IframeViewer.updateBackground(json);
}
break;
case 'setupiconsset':
setupIconsSet(json.value);
break;
case 'selectedpagemode':
{
json.value == "1" ? $("#singleBtn").click() : $("#spreadBtn").click();
}
break;
case 'arrowscolor':
{
this.setarrowcolor(json.value);
}
break;
case 'updatefontcolor':
{
this.setFontColor(json.value);
}
break;
case 'menulogoimage':
{
$('#logo-url').html('<img id="logo-img" src="' + json.value + '" class="title_logo" alt="Logo" />');
if (json.value != "")
$('#logo-container').show();
else
$('#logo-container').hide();
}
break;
case 'menubackground':
{
$("#menu-background-image").remove();
$("<style type='text/css' id='menu-background-image'> .menu { background-image: " + json.value + "} </style>").appendTo("head");
}
break;
case 'updateState':
IframeViewer.updateState(json.value);
break;
case 'resize':
var resizeOptions = json.value;
if (resizeOptions && resizeOptions.heightOfIosToolbars !== undefined) {
heightOfIosToolbars = resizeOptions.heightOfIosToolbars;
}
setupView();
break;
case 'updatecartcount':
if (json.value && !isNaN(json.value)) {
setBadgeCount(json.value, json.isWishlist);
}
break;
case 'closepopup':
{
if (json.tooltiptext) {
var sTooltiptimeout = json.tooltiptexttimeout ? json.tooltiptexttimeout : "2000";
if (json.isWishlist) {
setTooltipWishlist(json.tooltiptext, sTooltiptimeout);
} else {
setTooltipCheckout(json.tooltiptext, sTooltiptimeout);
}
}
if (json.value && !isNaN(json.value)) {
setBadgeCount(json.value, json.isWishlist);
}
else if (json.value == "+") {
setBadgeCount(json.value, json.isWishlist);
}
if (json.value == "0") {
setBadgeCount(json.value, json.isWishlist);
}
if (!isNaN(json.totalprice)) {
settotalprice(json.totalprice, json.isWishlist);
}
if (json.value && json.value.totalcount)
setBadgeCount(json.value.totalcount, json.isWishlist);
if (cont.closepopup) {
cont.closepopup(json);
}
closeOpenedPopup();
}
break;
case 'closepopupinfojs':
setTimeout(function () {
$.getScript(json.url, function () {
setBadgeCount(item_num, json.isWishlist);
});
closeOpenedPopup();
}, 300);
break;
case 'resizeiphone':
{
iphoneHeight = json.winHeight;
iphoneWidth = json.winWidth;
setupView();
resizeColorbox();
}
break;
case 'customcssfile':
var head_el = $("head");
var custom_el = head_el.find('#customcssfile');
custom_el.remove();
if (json.value && json.value.length > 0) {
var link_el = "<link rel='stylesheet' href='" + json.value + "' type='text/css' media='screen' id='customcssfile'>";
head_el.append(link_el);
}
break;
case 'zoomfactor':
if (json.value && json.value.length > 0) {
viewer.view.component.LayoutComponent.prototype.zoomScale = json.value;
}
break;
}
});
IframeViewer.registerDataChangeCallback(function (data) {
if (parentUrl) {
$.postMessage(JSON.stringify({ command: 'datachange', data: data }), parentUrl, window.parent);
}
switch (data.name.toLowerCase()) {
case 'menulogoimage':
{
$('#logo-url').html('<img id="logo-img" src="' + data.value + '" class="title_logo" alt="Logo" />');
if (data.value != "")
$('#logo-container').show();
else
$('#logo-container').hide();
}
break;
case 'setbadgecount':
if (isNaN(data.value) == false) {
setBadgeCount(data.value, data.isWishlist);
}
break;
case 'setzoomlevel':
{
//alert(data.value.zoomlevel);
}
break;
case 'menulogourl':
{
var url = util.computedUrl(data.value);
if (data.target) {
if (data.target == 2) {
$('#logo-url').on('click', function(e) {
e.preventDefault();
window.open(url, '_blank', 'width=800,height=600');
});
} else {
$('#logo-url').attr('href', url);
$('#logo-url').attr('target', data.target == 1 ? '_blank' : '_self');
}
} else {
$('#logo-url').attr('href', url);
$('#logo-url').attr('target', "_top");
}
}
break;
case 'setupicons':
setupIcons(data.value);
break;
case 'setupiconsset':
setupIconsSet(data.value);
break;
case 'increasearrowssize':
if (data.value) {
g_increasenavbtn = true;
increaseArrowsSize();
}
break;
case 'setdialogscolor':
setDialogsColor(data.value.startcolor, data.value.endcolor);
break;
case 'pagenames':
$('#pageFieldTextInput').val(data.value.join('-'));
updatePageName(data.value);
break;
case 'publicationname':
updatePublicationName(data.value);
break;
case 'openhtmlpopup':
if (data.value.type == 'iframe' && data.value.autostart != 'xxx' && cont.openHtmlPopup)
cont.openHtmlPopup(data.value.url, data.value.popupwidth, data.value.popupheight, data.value.type, data.value.autostart);
else
openHtmlPopin(data.value.url, data.value.popupwidth, data.value.popupheight, data.value.type, data.value.autostart);
break;
case 'opentextboxpopup':
if (cont.openTextboxPopup)
cont.openTextboxPopup(data.value.title, data.value.content, data.value.type);
else
openTextboxPopup(data.value.title, data.value.content, data.value.type);
break;
case 'openwishlistpopup':
if (cont.openWishlistPopup)
cont.openWishlistPopup(data.value.productid, data.value.popupwidth, data.value.popupheight, data.value.url, data.value.price, data.value.description);
else
openWishlistPopup(data.value.productid, data.value.popupwidth, data.value.popupheight, data.value.url, data.value.price, data.value.description);
break;
case 'openproductpopup':
if (cont.openProductPopup)
cont.openProductPopup(data.value.productid, data.value.popupwidth, data.value.popupheight, data.value.url);
else
openProductPopup(data.value.productid, data.value.popupwidth, data.value.popupheight, data.value.url);
break;
case 'loadexternalfile':
loadjscssfile(data.value);
break;
case 'issuename':
if (openarchive) {
$("#archiveBtn").trigger("click");
}
if (searchterm) {
var hitorder = $(document).getUrlParam('hit');
IframeViewer.showSearch({
term: searchterm,
page: inipage,
hit: hitorder,
});
}
var wnd = window.parent ? window.parent : window;
wnd.postMessage(JSON.stringify({
command: 'firstload',
}), "*");
//updateIssueName(data.value);
setTimeout(function () {
IframeViewer.resize();
if (iniPageLabel) {
IframeViewer.gotoPageLabel(iniPageLabel);
} else if (inipage) {
IframeViewer.gotoPage(inipage);
} else {
IframeViewer.gotoPage(0);
}
}, 100);
break;
case 'view':
viewMode = data.value;
var value = data.value;
if (data.value == 'issueViewer') {
value = null;
$('#topMenu').show();
g_Global.changeArrowVisibility(navForced);
runEffect("blind");
setupView();
} else if (viewMode == "") {
value = null;
$("#leftNav, #rightNav").css("height", g_navsize).css("top", "50%")
.find("> span")
.css("top", "0px")
.css("padding-top", "65px")
.css("padding-bottom", "15px");
$('#topMenu,#leftNav,#rightNav').show();
} else {
// displayMenu(false);
$('#leftNav,#rightNav').hide();
}
break;
case 'showcrop':
// console.log("CROPPING");
switch (data.value) {
case 'showCrop':
toggleCrop(true);
break;
case 'hideCrop':
toggleCrop(false);
break;
}
break;
case 'showMenu':
switch (data.value) {
case 'toggle':
displayMenu(!menuDisplayed);
break;
case 'show':
displayMenu(true);
break;
case 'disable':
//if (window.innerWidth < 800) //only hide menu if on mobile
// $('#nav').hide();
menuEnabled = false;
break;
case 'enable':
// Hide the menu before enabling it, in case it was brought up accidentally.
displayMenu(false, true);
menuEnabled = true;
$('#nav').show();
setupView();
break;
case 'alwayson':
autohidetoolbar = false;
break;
case 'hide':
default:
displayMenu(false);
menuDisplayed = false;
break;
}
break;
case 'forcenav':
navForced = data.value == true;
g_Global.changeArrowVisibility(navForced);
break;
case 'menubackground':
$("<style type='text/css' id='menu-background-image'> .menu { background-image: " + data.value + "} </style>").appendTo("head");
break;
case 'menuforeground':
//$("<style type='text/css'> .menu { color: " + data.value + "} .win8button .img { border-color: " + data.value + "} </style>").appendTo("head");
break;
case 'moremenubg':
$("<style type='text/css'> #morePopin { background-color: " + data.value + "} #buttonInner a:hover{ background-color: " + data.hvr + "}</style>").appendTo("head");
break;
case 'moremenufg':
$("<style type='text/css'> #morePopin { color: " + data.value + "} .win8button .img { border-color: " + data.value + "} .win8button .moreBtnIcon { color: " + data.value + "} .win8button .moreBtnLabel{ color:" + data.value + "} </style>").appendTo("head");
break;
case 'arrowscolor':
{
setarrowcolor(data.value);
}
break;
}
});
IframeViewer.start(frameUrl, window, docid, options, function () {
var nBadgeCount = 0;
var nTotalPrice = 0;
if (typeof (cont) != 'undefined') {
cont.docid = docid;
nBadgeCount = cont.getTotalCount();
nTotalPrice = cont.getTotalPrice();
}
$('body').focus();
settotalprice(nTotalPrice, true);
setBadgeCount(nBadgeCount, true);
setBadgeCount(0, false);
});
//setupView();
});
</script>
<div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div><div><div class="grecaptcha-badge" data-style="bottomright" style="width: 256px; height: 60px; position: fixed; visibility: hidden; display: block; transition: right 0.3s ease 0s; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;"><div class="grecaptcha-logo"><iframe title="reCAPTCHA" width="256" height="60" role="presentation" name="a-x2ochf2vokjl" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation" src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LdgONIZAAAAAG15SJsvM55XCf-hchG0uvNUShAF&co=aHR0cHM6Ly9taWZmaW5jY29tLmRjYXRhbG9nLmNvbTo0NDM.&hl=en&v=nhamhfA6n_hKMa_Y7UpFyA37&size=invisible&cb=ofkah6c0xc3t" style="height: 550px; width: 800px; display: inline;"></iframe></div><div class="grecaptcha-error"></div><textarea id="g-recaptcha-response-100000" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea></div><iframe role="none" title="grecaptcha" style="height: 554px; width: 804px;"></iframe></div></body></html>