CINXE.COM

SITC 2024 Annual Meeting Exhibits Exhibitor Floor Plan

<!DOCTYPE html> <html> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122567313-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-122567313-2'); </script> <meta charset="utf-8" /> <meta name="description" content="" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=1250,maximum-scale=1.0" /> <title>SITC 2024 Annual Meeting Exhibits Exhibitor Floor Plan</title> <link type="text/css" rel="stylesheet" href="/includes/css/fonts.css?_=06.01.2023.21.21" /> <link type="text/css" rel="stylesheet" href="/includes/css/icons.css?_=06.01.2023.21.21" /> <link type="text/css" rel="stylesheet" href="https://www.mycadmium.com/includes/css/colorbox.css?_=06.01.2023.21.21" /> <link type="text/css" rel="stylesheet" href="https://www.mycadmium.com/includes/css/tipsy.css?_=06.01.2023.21.21" /> <link type="text/css" rel="stylesheet" href="https://www.mycadmium.com/includes/css/cadmium.css?_=06.01.2023.21.21" /> <link rel="stylesheet" type="text/css" href="/includes/css/socialfonts.css?_=06.01.2023.21.21" /> <link rel="stylesheet" type="text/css" href="/floorplan/v2/includes/css/fonts.css?_=06.01.2023.21.21" /> <link rel="stylesheet" type="text/css" href="/floorplan/v2/includes/css/main.css?_=06.01.2023.21.21" /> <style type="text/css"> body {font-family:'OpenSansRegular', Arial, Helvetica, sans-serif !important;} a.btn { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .key {height:20px;width:20px; margin:0px 6px 0px 20px; float:left; display:block;border-radius:2px;} /* Booths ----------------------------------------------- */ .x.IsEx, #exh .key { background:; color:; } .x.Unpaid, #unpd .key { background:#085581; color:#FFFFFF; } .x.Paid, #pd .key, .x.Rented { background:#085581; color:#FFFFFF; } .x.Hold, #hld .key { background:#FCE9B1; color:#BA8A1F; } .x.Open, #opn .key { background:#BFF2C1; color:#085581; } .x.boothreserved, #resd .key { background:#2A2F59; color:#FCFAF9; } .x.Unavailable, #unavail .key { background:#FFFFFF !important; color:#EEEEEE !important; } .x.faved, #fav .key { background: !important; color: !important; } .x.UnlockCode, #unlockCode .key { background:#DD0000 !important; color:#000000 !important; } .x:hover {background-color: #00B019 !important;} .x:hover .num { color:#FFFFFF !important;} /* Numbers ----------------------------------------------- */ .x.IsEx .num {color:;} .x.Unpaid .num {color:#FFFFFF;} .x.Paid .num {color:#FFFFFF;} .x.Hold .num {color:#BA8A1F;} .x.Open .num {color:#085581;} .x.Rented .num {color:#FFFFFF;} .x.Rented.issponsor {color:;background:;} .x.issponsor .num {color:} .x.boothreserved .num {color:#FCFAF9 !important;} /* Favs -------------------------------------------------- */ .faved {background: !important;} .faved .num {color: !important;} .faved:hover .num {color: white !important;} /* Key -------------------------------------------------- */ #legend { list-style: none; max-height: 275px; overflow: hidden; margin-bottom: 5px; } #legend div { overflow-y: auto; max-height: 250px; } #legend li {margin:1px 0px; padding:8px 0; cursor: pointer;display: block;text-align: left;} #legend li.btn { cursor: pointer;} #legend li.btn:hover {background:#3C3C3C;color: white;} #pd.inactive .key, #unpd.inactive .key, #hld.inactive .key, #opn.inactive .key, #resd.inactive .key, #unavail.inactive .key, #faved.inactive .key, #exh.inactive .key, #unlockCode.inactive .key, .customLegend.inactive .key { background:#515151 !important; } #legend li.inactive {color:#515151;} body #maincontent .hl {background: #00B019 !important;} #LeftAdd {color:#fff;line-height:20px; font-size:12px; display:block;font-weight:bold;background:#343434;height:auto;} #LeftAdd .listtitle {text-transform:uppercase;padding: 4px 20px;background:#1D1D1D; text-align:center;border-top:1px solid #3F3F3F;} #LeftAdd .listtitle .icon {margin-right:5px;color:#8D8282;} #LeftAdd #hours li {padding: 4px 20px;font-weight:normal;} #LeftAdd #hours li .hrslabel {font-weight: bold; color:#8D8282; text-transform: uppercase; width:50px; margin-right:4px;} #LeftAdd .pad {padding:8px 0;} .openBoothsList {display: none;} #header { background: ; /* Old browsers */ background: -moz-linear-gradient(top, 49%, 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,), color-stop(100%,)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, 49%, 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, 49%, 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, 49%, 100%); /* IE10+ */ background: linear-gradient(to bottom, 49%, 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='',GradientType=0 ); /* IE6-9 */ } .x.hl {background: #00B019 !important;} .hl .num {color:#FFFFFF !important;} #rentbtn { background:; color: #FFFFFF; padding:10px 0; text-align:center; text-transform: uppercase; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin: 0 auto 12px auto; width: 90%; display:block; border-bottom:3px solid ; border-top:1px solid ; text-shadow:1px 2px 2px ; background: #28bb69; /* Old browsers */ background: -moz-linear-gradient(top, 49%, 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,), color-stop(100%,)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, 49%, 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, 49%, 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, 49%, 100%); /* IE10+ */ background: linear-gradient(to bottom, 49%, 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='',GradientType=0 ); /* IE6-9 */ } #rentbtn:hover {background:;text-decoration:none;} .toolbar,#ToolsSet {background:; } .toolbar li a:hover,#ToolsSet li a:hover {background:} #footer { background: #1D4F99; background: -moz-linear-gradient(top, #1D4F99 0%, #1D4F91 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1D4F99), color-stop(100%,#1D4F91)); background: -webkit-linear-gradient(top, #1D4F99 0%,#1D4F91 100%); background: -o-linear-gradient(top, #1D4F99 0%,#1D4F91 100%); background: -ms-linear-gradient(top, #1D4F99 0%,#1D4F91 100%); background: linear-gradient(to bottom, #1D4F99 0%,#1D4F91 100%); color: #FFFFFF; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D4F99', endColorstr='#1D4F91',GradientType=0 ); } #footer li a{ color: #FFFFFF; } #ListDiv a:hover {color: } .x {border: 1px solid white;} #TopToolbar { background: ; /* Old browsers */ background: -moz-linear-gradient(top, 0%, 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,), color-stop(100%,)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, 0%, 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, 0%, 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, 0%, 100%); /* IE10+ */ background: linear-gradient(top, 0%, 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='',GradientType=0 ); /* IE6-9 */ } #BottomToolbar { background: ; /* Old browsers */ background: -moz-linear-gradient(top, 0%, 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,), color-stop(100%,)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, 0%, 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, 0%, 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, 0%, 100%); /* IE10+ */ background: linear-gradient(top, 0%, 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr='',GradientType=0 ); /* IE6-9 */ border-top: 1px solid ; } .boothLabel { text-align: center; width: 100%; display: block; margin-top: 10px; } .noBorder { border:none; } .colorWhite { color: white; } .toggleTopBar { padding:0 10px !important; } .leftSplitBanner { position:absolute; left:0; } .rightSplitBanner { position:absolute; right:0; } .legendlogowrap { display:block; background:#fff; margin-left:-1px; border-top:1px solid #A4A4A4; } #legendlogowrapimg { margin:0 auto; max-height: 200px; max-width: 200px; display:none; padding:8px 0; } #legendlogowrapdiv { width:200px; height:200px; display: block; } #searchIcon { top: -29px; right: 105px; display: inline; } @media print { /* Booths ----------------------------------------------- */ .x.IsEx, #exh .key { background: !important; color: !important; } .x.Unpaid, #unpd .key { background:#085581 !important; color:#FFFFFF !important; } .x.Paid, #pd .key, .x.Rented { background:#085581 !important; color:#FFFFFF !important; } .x.Hold, #hld .key { background:#FCE9B1 !important; color:#BA8A1F !important; } .x.Open, #opn .key { background:#BFF2C1 !important; color:#085581 !important; } .x.boothreserved, #resd .key { background:#2A2F59 !important; color:#FCFAF9 !important; } .x.Unavailable, #unavail .key { background:#FFFFFF !important; color:#EEEEEE !important; } .x.faved, #fav .key { background: !important; color: !important; } .x:hover {background-color: #00B019 !important;} .x:hover .num { color:#FFFFFF !important;} /* Numbers ----------------------------------------------- */ .x.IsEx .num {color: !important;} .x.Unpaid .num {color:#FFFFFF !important;} .x.Paid .num {color:#FFFFFF !important;} .x.Hold .num {color:#BA8A1F !important;} .x.Open .num {color:#085581 !important;} .x.Rented .num {color:#FFFFFF !important;} .x.Rented.issponsor {color: !important;background: !important;} .x.issponsor .num {color: !important;} .x.boothreserved .num {color:#FCFAF9 !important;} /* Favs -------------------------------------------------- */ .faved {background: !important;} .faved .num {color: !important;} .faved:hover .num {color: white !important;} } a.btnCustom { background-color: #51A3E2 !important; color: #FFFFFF !important; } a.btnCustom .badge { color: #51A3E2 !important; background-color: #FFFFFF !important; text-shadow: none !important; height: auto !important; border: none !important; } </style> <style id="popupCSS" type="text/css"> #cboxLoadedContent { overflow:hidden !important; overflow-y:auto !important; margin:0 auto; padding:0; } #cboxLoadedContent * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #popupHeader { height: 50px; line-height: 50px; background: #1D4F91; background: #1D4F99; background: -moz-linear-gradient(top, #1D4F99 0%, #1D4F91 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1D4F99), color-stop(100%,#1D4F91)); background: -webkit-linear-gradient(top, #1D4F99 0%,#1D4F91 100%); background: -o-linear-gradient(top, #1D4F99 0%,#1D4F91 100%); background: -ms-linear-gradient(top, #1D4F99 0%,#1D4F91 100%); background: linear-gradient(to bottom, #1D4F99 0%,#1D4F91 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D4F99', endColorstr='#1D4F91',GradientType=0 ); color: #FFFFFF !important; } #popupHeader * { color: #FFFFFF !important; } #cboxClose { color: #FFFFFF !important; } #popupHeader a:hover { text-decoration: none; } #popupContent .row{ margin: 0; } #popupContent.smallMargin { margin: 50px 0px; } #popupGutter a.btn { text-transform: none !important; border-radius: 6px !important; } #popupGutter .boothNumber { font-size:18px !important; font-family:'OpenSansSemiBold', Arial, Helvetica, sans-serif !important; margin-top:12px; } #bannerPreview, #bannerPreview > img { width: 800px; height: auto; } .socialIcons a { font-size: 48px; margin-right: 3px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; width: 42px; overflow: hidden; display: inline-block; vertical-align: top; color: #51a3e2; } .socialIcons a:hover { text-decoration: none; color: #4d96ce; } .socialIcons .fa-link { font-size: 29px; color: white; background: #51A3E2; border-radius: 50px; padding: 7px; margin: 0; line-height: 1; vertical-align: middle; margin-top: -19px; } #popupGutter .socialIcons a span { vertical-align: top; background: url(includes/images/white30.png); background-repeat: no-repeat; background-position: center; background-size: 60%; position: relative; top: -4px; } .lineHeight1-75{ line-height: 1.75; } .exlogo { padding-bottom:15px; padding-top:10px; max-height: 200px; max-width: 400px; } .text-20 { font-size: 20px; } .exhibitorInfoBtn { padding: 10px 16px !important; font-size: 16px !important; margin-top: -1px !important; } /* OPEN BOOTH POP UP */ .indent{margin-left: 32px;} .boothDetails{ margin-top:75px; margin-bottom:20px; } .info{ margin-top:5px; margin-bottom: 5px; } .info > div { float: left; } .infoDetails{ margin-top:10px; } .personImg { border-radius: 50%; width: 83px; height: 83px; background-color: #ffffff; padding: 4px; box-shadow: 0 0 0 2px #E5E5E5; } .managerInfo{ padding-top: 6px; } .customBadge{ background: #D00 !important; height: 26px !important; border: none !important; border-radius: 9px; padding: 6px !important; vertical-align: top; margin-left: 3px; font-family: inherit; font-size: 14px; margin-left:5px; } .centered { position: absolute; top: 59px; margin-left: 62px; transform: translate(-50%, -50%); font-size: 29px; color: #ffffff; } </style> <!-- <style media="print"> body {background:white !important;} #maincontent {position:relative !important; top:0 !important;left:0 !important;border-bottom: 1px solid #929b9e;} #draggable {top:0 !important; left:0 !important; } .innertube {position:static;} #settingDiv, .actionmenu, .alert, #ListDiv, #header, .toolbar, #ToolsSet, #ListSearch, #tourTip, #footer, #CopyRightText, #legendchrom, .x .title, #alert, #rentbtn, #hours {display:none !important;} .x {border:1px solid gray !important;} #LeftAdd {background: none !important; color: #000 !important; width: 100% !important; position: static !important; float:left; padding: 4px 6px;} #LeftAdd li {margin-left:0 !important; float:left; width: 140px !important; display: inline-block; padding: 0 !important;} #LeftAdd li .key {margin-left:0 !important; border-radius: 0px; border:1px solid black !important;} .listtitle {background: none !important; border: none !important; text-align: left !important; display: none !important;} .pad {padding: 0 !important;} /* OVERRIDE BOOTH COLORS ON PRINT *****************************/ /* Booths ----------------------------------------------- */ .x.IsEx, #exh .key { background: !important; color: !important; } .x.Unpaid, #unpd .key { background:#085581 !important; color:#FFFFFF !important; } .x.Paid, #pd .key, .x.Rented { background:#085581 !important; color:#FFFFFF !important; } .x.Hold, #hld .key { background:#FCE9B1 !important; color:#BA8A1F !important; } .x.Open, #opn .key { background:#BFF2C1 !important; color:#085581 !important; } .x.boothreserved, #resd .key { background:#2A2F59 !important; color:#FCFAF9 !important; } .x.faved, #fav .key { background: !important; color: !important; } .x:hover {background-color: #00B019 !important;} .x:hover .num { color:#FFFFFF !important;} /* Numbers ----------------------------------------------- */ .x.IsEx .num {color: !important;} .x.Unpaid .num {color:#FFFFFF !important;} .x.Paid .num {color:#FFFFFF !important;} .x.Hold .num {color:#BA8A1F !important;} .x.Open .num {color:#085581 !important;} .x.Rented .num {color:#FFFFFF !important;} .x.Rented.issponsor {color: !important;background: !important;} .x.issponsor .num {color: !important;} .x.boothreserved .num {color:#FCFAF9 !important;} /* Favs -------------------------------------------------- */ .faved {background: !important;} .faved .num {color: !important;} .faved:hover .num {color: white !important;} /* END OVERRIDE ************************************************/ .x {position:absolute !important;} #maincontent { display: block; float:left; position:static !important;} #framecontent {position:static !important;} #framecontent, #BoothList, #BoothList ul, body {width:2080px !important;} #BoothList {display: block; float:left; position: static;} #BoothList ul li a {padding:0 !important;} #BoothList li {position: relative; display:inline-block; border:none !important;} #BoothList ul { margin-top:40px !important;} .new_wrap_div {width:200px; display: inline-block; float:left; padding-right:60px;} .new_wrap_div .boothnum {margin-right:10px; display:inline-block; float:left; width:40px; font-weight:bold !important;} .new_wrap_div .name {display:inline-block; float:right; width:150px;line-height:normal !important; font-weight: normal !important;} #floor {position:static !important;} .new_wrap_div .boothnum, .new_wrap_div .name {font-family: helvetica, arial, sans-serif; color:black !important; text-decoration: none !important; line-height:normal !important;} .new_wrap_div a {text-decoration: none !important;} #openBoothsBtn, #curTip, .ckeyword, #ListInfo {display: none !important;} #BoothList ul li {background: none !important;} .x:hover{ background: !important; } .x:hover .num { color: ; background-color: !important } </style> --> <style> /* MOBILE FIRST -------------------------------------------------- */ /* GLOBAL STYLES */ a,#leftnav .primary,.btn-link, .popup-link, .toptoolswrap .list-tools-wrap span { } a:hover,#leftnav .primary:hover,.btn-link:hover { } .loadbyurl a { color: #5a5a5a; text-decoration: none; } .loadbyurl a:hover, .loadbyurl a:focus, .loadbyurl a:active, .loadbyurl a:visited { text-decoration: none; } .presBadges{display: none;} /* TOP NAV */ .navbar-inverse, #mobilenav { background: #444; background: -moz-linear-gradient(top, #444 0%, 100%); background: -webkit-linear-gradient(top, #444 0%, 100%); background: linear-gradient(to bottom, #444 0%, 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='',GradientType=0 ); border:none; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .btn-link:hover { background: ; color: ; text-decoration: none; } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { background: ; } .navbar-inverse .navbar-nav>li>a, #mobilenav li>a { color: ; } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: ; } .navbar .dropdown-menu { background: ; border:1px solid } /* .navbar .dropdown-menu>li>a { color: #ffffff; } */ /* HEADER */ #main-banner { } /* LIST VIEW */ .dayrow { background: ; background: -moz-linear-gradient(top, 0%, 100%); background: -webkit-linear-gradient(top, 0%, 100%); background: linear-gradient(to bottom, 0%, 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='', endColorstr=' ',GradientType=0 ); color: } .list-view li.bucket .arrow { color: ; } /* POPUP */ #popup { } #popupContent h1 { } .addFav.faved span{ color: !important; } .addLike.liked { color: !important; } .addFav.registered span{ color: #0086BF !important; cursor: default; } /* FOOTER */ footer { color: #FFFFFF; } footer .text-muted { color: #FFFFFF; } footer { border-top: none; border-bottom: none; } footer .socialicon-facebook {color: #3B579D;} footer .socialicon-instagram {color: #9E5F48;} footer .socialicon-twitter {color: #5EA9DD;} footer .socialicon-youtube {color: #E62117;} footer .socialicon-linkedin {color: #0177B5;} footer .socialicon-tumblr {color: #34465D;} footer .socialicon-blogger {color: #F79037;} footer .socialicon-flickr {color: #FF0084;} footer .socialicon-googleplus {color: #DC4E42;} footer .socialicon-website {color: #F2C026;font-size: 21px;vertical-align: text-top;margin-left: -3px;} footer .socialmedia a:hover {text-decoration: none;opacity: 0.7;} #leftnav .socialmedia a span{color: } #leftnav .socialmedia a span:hover {color: ;opacity: 1;} /* POPUPS */ .presentersocialicons .fa-link { background: } .presentersocialicons .fa-link:hover { background: } /* TABLETS -------------------------------------------------- */ @media (min-width: 768px) { .popup-gutter{ } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px ) and (max-width: 990px) { } /* DESKTOP -------------------------------------------------- */ @media (min-width: 1025px) { #main-banner { } .dropdown-menu { background: ; border:1px solid } .dropdown-menu>li>a { color: ; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background: ; color: ; } /* LEFT NAV */ .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { color: ; } .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { color: ; } .sm-clean a.current { color: ; } .sm-clean ul { border: 1px solid ; background: ; } .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted { color: ; } .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted { background: ; color: ; } .sm-clean ul a.current { color: ; } .sm-clean span.scroll-up:hover, .sm-clean span.scroll-down:hover { background: ; } .sm-clean.sm-vertical a.disabled { background: ; } .sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted { background: ; } } </style> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> <link rel="stylesheet" media="print" type="text/css" href="/floorplan/v2/includes/css/print.css?_=06.01.2023.21.21" /> <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/jquery@2.1.4/dist/jquery.min.js'></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/jquery-migrate@1.2.1/dist/jquery-migrate.min.js'></script> <script type='text/javascript' src='https://www.mycadmium.com/includes/jquery/mobile/touchEvents.js?_=06.01.2023.21.21'></script> <script type='text/javascript' src='https://www.mycadmium.com/includes/js/colorbox.js?_=06.01.2023.21.21'></script> <script type='text/javascript' src='https://www.mycadmium.com/includes/js/validate.js?_=06.01.2023.21.21'></script> <script type='text/javascript' src='https://www.mycadmium.com/includes/js/numeric.js?_=06.01.2023.21.21'></script> <script type='text/javascript' src='https://www.mycadmium.com/includes/js/tipsy.js?_=06.01.2023.21.21'></script> <script type='text/javascript' src='https://www.mycadmium.com/includes/js/main.js?_=06.01.2023.21.21'></script> <script type='text/javascript' src="https://www.mycadmium.com/includes/js/techSupport.js?_=06.01.2023.21.21"></script> <script type='text/javascript' src="/floorplan/v2/includes/js/floorplan.js?_=06.01.2023.21.21"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js?_=06.01.2023.21.21" type='text/javascript' ></script> <script src="https://cdn.jsdelivr.net/npm/handlebars@4.0.1/dist/handlebars.min.js" type='text/javascript' ></script> <script src="https://cdn.jsdelivr.net/npm/moment@2.8.3/moment.min.js" type='text/javascript' ></script> <script type="text/javascript" src="/floorplan/v2/includes/js/search.js?_=06.01.2023.21.21"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> <script type="text/javascript"> // This is how we identify a specific booth. Need to continue to support this querystring option </script> </head> <body data-clientID="272" data-eventID="23123" data-version=""> <!-- ====================================================================================================================================================== === INFO BAR ========================================================================================================================================= ====================================================================================================================================================== --> <div id="infoBar"> <div class="clearfix" > <!-- LEFT SECTION --> <div class="innerleft"> <img class="infoBar-brand" src="/images/Cadmium-480x200.png" alt="Branded Floorplan Logo" width="240" height="100"> <div class="eventTxt"> <h2>SITC 2024 Annual Meeting Exhibits</h2><h3>George R. Brown Convention Center, Houston, Texas</h3><h3>November 8&nbsp;&ndash;&nbsp;10, 2024 (Friday&nbsp;&mdash;&nbsp;Sunday)</h3></div> </div> <!-- END LEFT SECTION --> <!-- RIGHT SECTION --> <div class="innerright" style='margin-right:12px;'> <ul class="clearfix"> <li> <a href='ajaxcalls/EventInfoPopup.asp?EventKey=URTOLVWU' class="tipsytip modalPopup" original-title="Event Info" data-size="800x500" style="margin-right: 10px;"> <span aria-hidden='true' class='icon icon-question'></span> <span>Event Info</span> </a> </li> <li> <a href='ajaxcalls/ShowHidePopup.asp?EventKey=URTOLVWU' class="tipsytip modalPopup" original-title="Show/Hide" data-size="300x300"> <span aria-hidden='true' class='icon icon-eye'></span> <span>Show/Hide</span> </a> </li> <li> <a id="fpToPdf" href="#" class="tipsytip" original-title="Print PDF"> <span aria-hidden='true' class='icon icon-printer'></span> <span>Print</span> </a> </li> <li> <a href='javascript:void(0);' class="tipsytip action" data-zoom="in" original-title="Click here or press the '+' key on your keyboard to zoom in."> <span aria-hidden='true' class='icon icon-zoom-in'></span> <span>Zoom In</span> </a> </li> <li> <a href='javascript:void(0);' class="tipsytip action" data-zoom="out" original-title="Click here or press the '-' key on your keyboard to zoom out."> <span aria-hidden='true' class='icon icon-zoom-out'></span> <span>Zoom Out</span> </a> </li> </ul> </div> <!-- END RIGHT SECTION --> </div> </div> <div id="ListInfo"></div> <div id="Discrip"></div> <div id="maincontent" class="content-container"> <div id="highlightOverlay"></div> <div class="innertube"> <div id="draggable" data-size="7" data-label="25"> <img id="floor" src="https://www.conferenceharvester.com//uploads/harvester/images/2024-Pretty-2x_31.png" alt="floor-plan" /> </div> </div> </div> <!-- /#maincontent --> <div id="framecontent" class="content-container"> <div class="legendlogowrap"> <div id="legendlogowrapdiv"></div> <img id="legendlogowrapimg" src="/uploads/harvester/images/453305854166667-1.jpg" alt=""> </div> <div class="search-container bg-extraLight" id="ListSearch"> <div class="search-box pull-left"> <input name="" type="text" tabindex="1" id="ListFilter" autocomplete="off" class="search-box-bg pad-left-lg pad-right-lg" placeholder="Search" /> <span aria-hidden="true" class="icon-search text-ltgrey text-lg" id="searchIcon"></span> <div class="text-field-cancel-button"> <a href="javascript:void(0);" class="pad-no pad-left-10" > <span aria-hidden="true" class="icon-cancel text-lg"></span> </a> </div> </div> </div> <div id="boothListOptions" class="container-fluid"> <div class="row"> <a id="openList" class="boothListSelections col-lg-4 col-md-4 col-sm-4 col-xs-4"><span class="semibold">Open</span></a> <a id="rentedList" class="boothListSelections col-lg-4 col-md-4 col-sm-4 col-xs-4"><span class="semibold">Rented</span></a> <a id="companiesList" class="boothListSelections col-lg-4 col-md-4 col-sm-4 col-xs-4 horizontalPad-10"><span class="semibold">Companies</span></a> </div> </div> <div id="BoothList"> <div id="loading-overlay"></div> <ul></ul> </div> <div id="LeftAdd" class="clearfix" data-legend="1"></div> </div><!-- /#framecontent --> <style id="popupCSS" type="text/css"> #cboxLoadedContent { overflow:hidden !important; overflow-y:auto !important; margin:0 auto; padding:0; } #cboxLoadedContent * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #popupHeader { height: 50px; line-height: 50px; background: #1D4F91; background: #1D4F99; background: -moz-linear-gradient(top, #1D4F99 0%, #1D4F91 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1D4F99), color-stop(100%,#1D4F91)); background: -webkit-linear-gradient(top, #1D4F99 0%,#1D4F91 100%); background: -o-linear-gradient(top, #1D4F99 0%,#1D4F91 100%); background: -ms-linear-gradient(top, #1D4F99 0%,#1D4F91 100%); background: linear-gradient(to bottom, #1D4F99 0%,#1D4F91 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1D4F99', endColorstr='#1D4F91',GradientType=0 ); color: #FFFFFF !important; } #popupHeader * { color: #FFFFFF !important; } #cboxClose { color: #FFFFFF !important; } #popupHeader a:hover { text-decoration: none; } #popupContent .row{ margin: 0; } #popupContent.smallMargin { margin: 50px 0px; } #popupGutter a.btn { text-transform: none !important; border-radius: 6px !important; } #popupGutter .boothNumber { font-size:18px !important; font-family:'OpenSansSemiBold', Arial, Helvetica, sans-serif !important; margin-top:12px; } #bannerPreview, #bannerPreview > img { width: 800px; height: auto; } .socialIcons a { font-size: 48px; margin-right: 3px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; width: 42px; overflow: hidden; display: inline-block; vertical-align: top; color: #51a3e2; } .socialIcons a:hover { text-decoration: none; color: #4d96ce; } .socialIcons .fa-link { font-size: 29px; color: white; background: #51A3E2; border-radius: 50px; padding: 7px; margin: 0; line-height: 1; vertical-align: middle; margin-top: -19px; } #popupGutter .socialIcons a span { vertical-align: top; background: url(includes/images/white30.png); background-repeat: no-repeat; background-position: center; background-size: 60%; position: relative; top: -4px; } .lineHeight1-75{ line-height: 1.75; } .exlogo { padding-bottom:15px; padding-top:10px; max-height: 200px; max-width: 400px; } .text-20 { font-size: 20px; } .exhibitorInfoBtn { padding: 10px 16px !important; font-size: 16px !important; margin-top: -1px !important; } /* OPEN BOOTH POP UP */ .indent{margin-left: 32px;} .boothDetails{ margin-top:75px; margin-bottom:20px; } .info{ margin-top:5px; margin-bottom: 5px; } .info > div { float: left; } .infoDetails{ margin-top:10px; } .personImg { border-radius: 50%; width: 83px; height: 83px; background-color: #ffffff; padding: 4px; box-shadow: 0 0 0 2px #E5E5E5; } .managerInfo{ padding-top: 6px; } .customBadge{ background: #D00 !important; height: 26px !important; border: none !important; border-radius: 9px; padding: 6px !important; vertical-align: top; margin-left: 3px; font-family: inherit; font-size: 14px; margin-left:5px; } .centered { position: absolute; top: 59px; margin-left: 62px; transform: translate(-50%, -50%); font-size: 29px; color: #ffffff; } /* OPEN BOOTH POP UP CLOSED */ </style> <div id="footer"> <div class="left"> <a href="/uploads/expo/prospectus/453786798958333-1.pdf" class="btn btnCustom" download>EXPO PROSPECTUS</a> <p id="countdownText"></p> </div> <ul class="right"> <li class="pull-right"><a class="pad-left-10" href="http://www.gocadmium.com" data-reveal-id="CopyRightText">&copy; 2024 Cadmium</a></li> </ul> </div> <script id="boothDivs-template" type="text/x-handlebars-template"> {{#each boothDivs}} <div id="boothFloor{{boothID}}" class="x {{boothClasses}} {{boothType}}" data-url="{{boothURL}}" data-tlbr="{{boothCoords}}" data-booth="{{boothID}}" data-ExhibitorKey="{{exhibitorKey}}" data-reveal-id="myModal" style="{{boothCSSCoords}}" data-size="800x500"> {{{tooltipContents}}} <span class="num {{hideClass}}">{{boothNumber}}</span> {{{boothTitle}}} {{{exhibitorLogoImage}}} </div> {{#notEqual boothStatus 'UnlockCode'}} {{#if boothFloorplanCSS}} <style> {{boothFloorplanCSS}} </style> {{/if}} {{/notEqual}} {{/each}} </script> <script id="openBoothList-template" type="text/x-handlebars-template"> {{#each openBoothListHeading}} <li class="BoothBucket"><a href='javascript:void(0);' class='pad-left-sm toggleOpenBooths'>{{bucketHeading}}</a></li> <div class='openBoothsList'> {{#each openBoothList}} <li id="Booth{{boothID}}" class="{{boothClasses}}" data-boothid='{{boothID}}'> <a href="#" data-url="{{boothURL}}" class="item {{boothHoverClass}}" data-boothID="{{boothID}}" data-ExhibitorKey="{{exhibitorKey}}" data-size="800x500"> <span class="boothnum {{hideClass}}">{{boothNumber}}</span> <span class="name">{{exhibitorName}}</span> </a> {{{exhibitorLogoImage}}} </li> {{/each}} </div> {{/each}} </script> <script id="boothList-template" type="text/x-handlebars-template"> <div id='assignedBooths' class="assignedBoothList"> {{#each boothList}} <li id="Booth{{boothID}}" class="{{boothClasses}}"> <a href="#" data-url="{{boothURL}}" class="item {{boothHoverClass}}" data-boothID="{{boothID}}" data-ExhibitorKey="{{exhibitorKey}}" data-size="800x500"> <span class="boothnum {{hideClass}}">{{boothNumber}}</span> <span class="name {{orderModClass}}">{{exhibitorName}}</span> </a> {{{exhibitorLogoImage}}} </li> {{/each}} </div> </script> <script id="hiddenBoothList-template" type="text/x-handlebars-template"> <div id='assignedBooths' class="assignedBoothList"> {{#each boothList}} <li id="Booth{{boothID}}" class="{{boothClasses}}"> <a href="#" data-url="{{boothURL}}" class="item {{boothHoverClass}}" data-boothID="{{boothID}}" data-ExhibitorKey="{{exhibitorKey}}" data-size="800x500"> <span class="boothnum {{hideClass}} {{orderModClass}}">{{exhibitorName}} ({{boothNumber}})</span> </a> {{{exhibitorLogoImage}}} </li> {{/each}} </div> </script> <script id="categoryList-template" type="text/x-handlebars-template"> {{#each categoryHeading}} <li class="BoothBucket CategoryBucket"><a href='javascript:void(0);' class='pad-left-sm toggleOpenBooths'><span class="CatExhibCat">{{category}}</span></a></li> <div class='companies categoriesBoothsList'> {{#each categoryCompanies}} <li id="Booth{{boothID}}" class="catBooth{{boothNumber}} {{boothClasses}} " data-boothid='Booth{{boothID}}'> <a href='#' class='item' data-boothid='{{boothID}}' data-url="{{boothURL}}" data-ExhibitorKey='{{exhibitorKey}}' data-size="800x500"> <span class="boothnum {{hideClass}}">{{boothNumber}}</span> <span class="name">{{exhibitorName}}</span> </a> {{{exhibitorLogoImage}}} </li> {{/each}} </div> {{/each}} </script> <script id="companyList-template" type="text/x-handlebars-template"> {{#each companyListHeading}} <li class="BoothBucket"><a href='javascript:void(0);' class='pad-left-sm toggleOpenBooths'>{{bucketHeading}}</a></li> <div class='openBoothsList'> {{#each companyList}} <li id="Booth{{boothID}}" class="{{boothClasses}}" data-boothid='{{boothID}}'> <a href="#" data-url="{{boothURL}}" class="item {{boothHoverClass}}" data-boothID="{{boothID}}" data-ExhibitorKey="{{exhibitorKey}}" data-size="800x500"> <span class="boothnum {{hideClass}}">{{boothNumber}}</span> <span class="name">{{exhibitorName}}</span> </a> {{{exhibitorLogoImage}}} </li> {{/each}} </div> {{/each}} </script> <script id="boothlegend-template" type="text/x-handlebars-template"> <ul id="legend"> <li class="listtitle"><h6 class="text-16">Legend</h6></li> <div class="pad"> {{#each legendEntry}} <li id="{{legendID}}" class="btn tipsytip {{legendClass}}" title='Click to hide this item'> <span class='key' style="{{legendColor}}"></span> <span class="legendLabel">{{{legendEntryLabel}}}</span> </li> {{/each}} </div> </ul> </script> <script> $(document).ready(function(){ var boothDivComplete = $.Deferred(); var boothlegendComplete = $.Deferred(); $.when(boothDivComplete, boothlegendComplete).done(renderLegendEvents); var refreshTimer; var floorplanInterval = ""; if (floorplanInterval){ // Set a timeout to refresh the floor plan content refreshTimer = setTimeout(refreshFunction, floorplanInterval * 60000) // When the mouse moves, reset the refresh timeout $('body').on('mousemove click', function(){ // Clear the timeout clearTimeout(refreshTimer); // Reset timeout refreshTimer = setTimeout(refreshFunction, floorplanInterval * 60000) }); } Handlebars.registerHelper("ifEqual", function(a, b, options){ if(a === b){ return options.fn(this); }else{ return options.inverse(this); } }) Handlebars.registerHelper("notEqual", function(a, b, options){ if(a !== b){ return options.fn(this); }else{ return options.inverse(this); } }) //Set up handlebars var boothDivsSource = $('#boothDivs-template').html(); var boothDivsTemplate = Handlebars.compile(boothDivsSource); var openBoothListSource = $('#openBoothList-template').html(); var openBoothListTemplate = Handlebars.compile(openBoothListSource); var boothListSource = $('#boothList-template').html(); var boothListTemplate = Handlebars.compile(boothListSource); var legendSource = $('#boothlegend-template').html(); var legendTemplate = Handlebars.compile(legendSource); var categorySource = $('#categoryList-template').html(); var categoryTemplate = Handlebars.compile(categorySource); var companySource = $('#companyList-template').html(); var companyTemplate = Handlebars.compile(companySource); var hiddenBoothListSource = $('#hiddenBoothList-template').html(); var hiddenBoothListTemplate = Handlebars.compile(hiddenBoothListSource); $('#rentedList').click(function(){ if(!$('#rentedList').hasClass('selected')){ $('#BoothList ul').empty(); $('#loading-overlay').show(); $('#boothListOptions .row *').removeClass('selected'); $('#rentedList').addClass('selected'); $.ajax({ url: 'ajaxcalls/CreateRentedBoothList.asp', type: 'POST', dataType: 'json', data: { EventID : 23123, EventClientID : 272, EventKey: 'URTOLVWU', ShowLogos : 'Yes', LogoLocation : '1', RentedBoothPopupLink : 'ajaxcalls/ExhibitorInfoPopup.asp?', ShowCompanyWithNegativeBalance : 1, BlockLogosBeforeLogoTaskCompletion : false }, success: function(data) { $('#BoothList ul').append(boothListTemplate(data)); $('#loading-overlay').hide(); } }); } }); $('#openList').click(function(){ if(!$('#openList').hasClass('selected')){ $('#BoothList ul').empty(); $('#loading-overlay').show(); $('#boothListOptions .row *').removeClass('selected'); $('#openList').addClass('selected'); $.ajax({ url: 'ajaxcalls/CreateOpenBoothList.asp', type: 'POST', dataType: 'json', data: { EventID : 23123, EventClientID : 272, EventKey: 'URTOLVWU', ShowLogos : 'Yes', LogoLocation : '1', OpenBoothPopupLink : 'ajaxcalls/OpenBoothPopup.asp?' }, success: function(data) { $('#BoothList ul').append(openBoothListTemplate(data)); $('#loading-overlay').hide(); } }); } }); $('#categoriesList').click(function(){ if(!$('#categoriesList').hasClass('selected')){ $('#BoothList ul').empty(); $('#loading-overlay').show(); $('#boothListOptions .row *').removeClass('selected'); $('#categoriesList').addClass('selected'); $.ajax({ url: '/floorplan/v2/ajaxcalls/CreateCategoryList.asp', type: 'POST', data: { EventID : 23123, EventClientID : 272, EventKey: 'URTOLVWU', ShowLogos : 'Yes', LogoLocation : '1', ShowCompanyWithNegativeBalance : 1, OpenBoothPopupLink : 'ajaxcalls/OpenBoothPopup.asp?', RentedBoothPopupLink : 'ajaxcalls/ExhibitorInfoPopup.asp?', ExhibitorCategories : "Academia@@@Biotechnology@@@Clinical Research Organization@@@Government@@@Non-profit Organization@@@Other@@@Pharmaceuticals/Biopharmaceuticals@@@Spatial Biology@@@Tools and Technology", BlockLogosBeforeLogoTaskCompletion : false, BlockKeywordsBeforeKeywordsTaskCompletion : false}, success: function(data) { var response = JSON.parse(data); $('#BoothList ul').append(categoryTemplate(response)); $("#loading-overlay").hide(); } }); } }); $('#companiesList').click(function(){ if(!$('#companiesList').hasClass('selected')){ $('#BoothList ul').empty(); $('#loading-overlay').show(); $('#boothListOptions .row *').removeClass('selected'); $('#companiesList').addClass('selected'); $.ajax({ url: '/floorplan/v2/ajaxcalls/CreateCompanyList.asp', type: 'POST', data: { EventID : 23123, EventClientID : 272, EventKey: 'URTOLVWU', ShowLogos : 'Yes', LogoLocation : '1', ShowCompanyWithNegativeBalance : 1, OpenBoothPopupLink : 'ajaxcalls/OpenBoothPopup.asp?', RentedBoothPopupLink : 'ajaxcalls/ExhibitorInfoPopup.asp?', BlockLogosBeforeLogoTaskCompletion : false}, success: function(data) { var response = JSON.parse(data); $('#BoothList ul').append(companyTemplate(response)); $("#loading-overlay").hide(); } }); } }); // Generate the booths and the legend createBoothDivs(); createBoothLegend(); // This is the default list on page load $('#rentedList').trigger('click'); // Printing functionality is kept here var rentedListComplete = $.Deferred(); var openBoothListComplete = $.Deferred(); $('#fpToPdf').click(function(e){ e.preventDefault(); var boothNumberFontSize = $('#draggable').attr('data-size') || "12"; var boothLabelFontSize = $('#draggable').attr('data-label') || "12"; boothNumberFontSize = boothNumberFontSize + "px"; boothLabelFontSize = boothLabelFontSize + "px"; rentedListComplete = $.Deferred(); openBoothListComplete = $.Deferred(); appendHiddenBoothListing(); $.when(rentedListComplete, openBoothListComplete).done(function(){ // This is for the PDF generation of the booth list. // It wraps the booth list into columns for the print style sheet to render. var $boothListArray = $('#hiddenBoothListing .assignedBoothList li'); var count = $boothListArray.length; var splitnum = count/3; for(var i = 0; i < count; i+=splitnum) { $boothListArray.slice(i, i+splitnum).wrapAll("<div class='new_wrap_div'></div>"); } $("body").css("pointer-events", "none"); fitFloorPlanToWindow($('#floor'), 1100, 1550, $('.x'), boothNumberFontSize, boothLabelFontSize); var html = correctScriptURLs(document.documentElement.outerHTML); fitFloorPlanToWindow($('#floor'), $(window).width() - $('#framecontent').width(), $('#maincontent').height(), $('.x'), boothNumberFontSize, boothLabelFontSize); $("body").css("pointer-events", ""); html = correctStyleURLs(html); html = correctImageURLs(html); //return post('/floorplan/v2/ajaxcalls/pdf/convert.php', { html: html, filename: "floorplan" }); removeHiddenBoothListing(); $('form').remove(); }); }); function appendHiddenBoothListing(){ //Append the hidden booth list $('body').append("<div id='hiddenBoothListing'><ul></ul></div>") //Grab rented booth listing and append $.ajax({ url: 'ajaxcalls/CreateRentedBoothList.asp', type: 'POST', dataType: 'json', data: { EventID : 23123, EventClientID : 272, EventKey: 'URTOLVWU', ShowLogos : 'Yes', LogoLocation : '1', RentedBoothPopupLink : 'ajaxcalls/ExhibitorInfoPopup.asp?', ShowCompanyWithNegativeBalance : 1, BlockLogosBeforeLogoTaskCompletion : false, }, success: function(data) { $('#hiddenBoothListing ul').append(hiddenBoothListTemplate(data)); rentedListComplete.resolve(); } }); //Grab open booth listing and append $.ajax({ url: 'ajaxcalls/CreateOpenBoothList.asp', type: 'POST', dataType: 'json', data: { EventID : 23123, EventClientID : 272, EventKey: 'URTOLVWU', ShowLogos : 'Yes', LogoLocation : '1', OpenBoothPopupLink : 'ajaxcalls/OpenBoothPopup.asp?' }, success: function(data) { $('#hiddenBoothListing ul').append(openBoothListTemplate(data)); openBoothListComplete.resolve(); } }); } function removeHiddenBoothListing(){ $('#hiddenBoothListing').remove(); } function createBoothDivs(){ $.ajax({ url: 'ajaxcalls/CreateBoothDivs.asp', type: 'POST', dataType: 'json', data: { EventID : 23123, EventClientID : 272, EventKey: 'URTOLVWU', ShowLogos : 'Yes', LogoLocation : '1', OpenBoothPopupLink : 'ajaxcalls/OpenBoothPopup.asp?', RentedBoothPopupLink : 'ajaxcalls/ExhibitorInfoPopup.asp?', ShowCompanyWithNegativeBalance : 1, OverrideCustomBoothColorRented : 0, BlockLogosBeforeLogoTaskCompletion : false, BoothLabel : 'Booth' }, success: function(data) { $('#draggable').children().not('#floor').remove(); $('#draggable').append(boothDivsTemplate(data)); $('body').trigger("boothDivCompletion"); boothDivComplete.resolve(); } }); } function createBoothLegend(){ if($('#LeftAdd').attr('data-legend') == 1){ $.ajax({ url: 'ajaxcalls/CreateBoothLegend.asp', type: 'POST', dataType: 'json', data: { EventID : 23123, EventClientID : 272 }, success: function(data) { $('#legend').remove(); $('#LeftAdd').append(legendTemplate(data)); $('#BoothList').css('bottom' , $("#LeftAdd").height()); boothlegendComplete.resolve(); organizeLeftToolBar(); } }); } } function renderLegendEvents(){ var $openBooths = $('.x.Open'), $holdBooths = $('.x.Hold'), $paidBooths = $('.x.Rented'), $unpaidBooths = $('.x.Unpaid'), $unavailableBooths = $('.x.Unavailable'), $reservedBooths = $('.x.boothreserved'), $unlockCodeBooths = $('.x.UnlockCode'), $sponsorBooths = $('.x.issponsor'), $openList = $('li.Open'), $holdList = $('li.Hold'), $paidList = $('li.Rented'), $unpaidList = $('li.Unpaid'), $unavailableList = $('li.Unavailable'), $reservedList = $('li.boothreserved'), $unlockCodeList = $('li.UnlockCode'), $sponsorList = $('li.issponsor'); $('#legend').find('li').on({ click: function(){ var $this = $(this), legendID = $this.attr('id'); $this.toggleClass('inactive'); if ($this.hasClass('inactive')) { transparency = ".1"; } else { transparency = "1"; } switch (legendID) { case 'opn': $openBooths.fadeTo('slow', transparency); $openBooths.toggleClass('inactive'); $openList.toggle(); break; case 'hld': $holdBooths.fadeTo('slow', transparency); $holdBooths.toggleClass('inactive'); $holdList.toggle(); break; case 'pd': $paidBooths.fadeTo('slow', transparency); $paidBooths.toggleClass('inactive'); $paidList.toggle(); break; case 'unpd': $unpaidBooths.fadeTo('slow', transparency); $unpaidBooths.toggleClass('inactive'); $unpaidList.toggle(); break; case 'resd': $reservedBooths.fadeTo('slow', transparency); $reservedBooths.toggleClass('inactive'); $reservedList.toggle(); break; case 'unavail': $unavailableBooths.fadeTo('slow', transparency); $unavailableBooths.toggleClass('inactive'); $unavailableList.toggle(); break; case 'sponsr': $sponsorBooths.fadeTo('slow', transparency); $sponsorBooths.toggleClass('inactive'); $sponsorList.toggle(); break; case 'unlockCode': $unlockCodeBooths.fadeTo('slow', transparency); $unlockCodeBooths.toggleClass('inactive'); $unlockCodeList.toggle(); break; } if ($(this).hasClass('custom')) { $('.x.' + $(this).attr('id').slice(6)).fadeTo('slow', transparency); $('.x.' + $(this).attr('id').slice(6)).toggleClass('inactive'); $$('li.' + $(this).attr('id').slice(6)).toggle(); } }, mouseover : function(){ var $this = $(this), legendID = $this.attr('id'); var transparency = 0.2; $('.x').fadeTo(0, transparency); transparency = 1; switch (legendID) { case 'opn': $openBooths.fadeTo(0, transparency); break; case 'hld': $holdBooths.fadeTo(0, transparency); break; case 'pd': $paidBooths.fadeTo(0, transparency); break; case 'unpd': $unpaidBooths.fadeTo(0, transparency); break; case 'resd': $reservedBooths.fadeTo(0, transparency); break; case 'unavail': $unavailableBooths.fadeTo(0, transparency); break; case 'sponsr': $sponsorBooths.fadeTo(0, transparency); break; case 'unlockCode': $unlockCodeBooths.fadeTo(0, transparency); } if ($(this).hasClass('custom')) { $('.x.' + $(this).attr('id').slice(6)).fadeTo(0, transparency); } }, mouseleave : function(){ var transparency = 1; $('.x:not(.inactive)').fadeTo(0, transparency); transparency = 0.1; $('.x.inactive').fadeTo(0, transparency); } }); } function refreshFunction(){ // Refresh the booth list content $('#boothListOptions > .row > .selected').removeClass('selected').trigger("click"); // Reset the deferred variables boothDivComplete = new $.Deferred(); boothlegendComplete = new $.Deferred(); // Make a new promise to reload the legend/map js $.when(boothDivComplete, boothlegendComplete).done(renderLegendEvents); // Regenerate the booths and the legend. These functions will resolve the promises. createBoothDivs(); createBoothLegend(); // Restart the timeout refreshTimer = setTimeout(refreshFunction, floorplanInterval * 60000); } }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10