G: Orillia Opera House
Submitted by Anonymous (not verified) on Thu, 01/10/2019 - 09:00
State:
Processed
Rank:
41
Size:
37917
Raw Content:
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
var esol_ico_width = 0;
try {
esol_ico_width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
} catch (err) { }
var iCreateObject =
{
isSiteInICreateMode: "False".toLowerCase() == "true",
lang: "en",
isIe8: false,
corpHome: "http://www.orilliaoperahouse.ca/",
corpRoot: "/",
gaTrackingCode: 'UA-47127523-2',
isSiteInLocalDevelopment: 'False'.toLowerCase() == "true",
calendarUrl: 'http://calendar.orilliaoperahouse.ca/',
isSiteInPreviewMode: 'False'.toLowerCase() == "true",
newsFeeds: {},
isMobile: esol_ico_width <= 767,
iCreateTheme: ''
}
var myStringArray = "".split(',');
for(var i = 0; i < myStringArray.length; i++)
{
var mySubstring = myStringArray[i].split('|');
iCreateObject.newsFeeds[mySubstring[0]] = mySubstring[1];
}
try {
if (document.location.href.toLowerCase().indexOf('https://') == 0) {
iCreateObject.corpHome = 'https://' + iCreateObject.corpHome.substring(7);
}
} catch (err) { }
if (iCreateObject.isSiteInLocalDevelopment)
console.log(iCreateObject);
</script>
<link rel="apple-touch-icon" sizes="57x57" href="/Common/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/Common/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/Common/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/Common/apple-touch-icon-76x76.png">
<link rel="icon" type="image/png" href="/Common/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/Common/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/Common/favicon-16x16.png" sizes="16x16">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes" />
<!--This is only needed if you are using the Google translate widget-->
<meta name="google-translate-customization" content="64f17b6d9cb6233b-e59f9de7b0b09f30-g4ca0816f9369ddc5-e"/>
<!--<link rel="icon" type="image/ico" href="/Common/favicon.ico">-->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,700,500" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,600,700' rel='stylesheet' type='text/css'>
<link href="/Common/styles/base.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/Common/styles/structure.css?ver=v2" rel="stylesheet" type="text/css" media="screen" />
<link href="/Common/styles/sitecontent.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/Common/styles/icreate.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/Common/styles/navigation.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/Common/styles/print.css" rel="stylesheet" type="text/css" media="print" />
<link href="https://js.esolutionsgroup.ca/js/libs/media-element/2.13.2/mediaelementplayer.min.css" rel="stylesheet" type="text/css" media="screen" />
<!-- Modernizr needs to be in head to preview FOUC. Best after stylesheet references -->
<script type="text/javascript" src="/Common/scripts/modernizr.min.js"></script>
<!--[if lt IE 9]>
<link href="/Common/styles/ie8.css" rel="stylesheet" type="text/css" media="screen" />
<script src="http://js.esolutionsgroup.ca/js/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
<script type="text/javascript" src="https://js.esolutionsgroup.ca/js/libs/jquery/1.11.2/jquery.min.js"></script>
<link href="https://js.esolutionsgroup.ca/js/libs/jquery-ui/1.10.4/resources/themes/base/jquery-ui.min.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="https://js.esolutionsgroup.ca/js/libs/jquery-ui/1.11.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://js.esolutionsgroup.ca/js/libs/jquery_cookie/1.4.0/jquery.cookie.min.js"></script>
<script type="text/javascript" src="https://js.esolutionsgroup.ca/js/libs/hover-intent/1.8.0/jquery.hoverIntent.min.js"></script>
<script type="text/javascript" src="https://js.esolutionsgroup.ca/js/libs/jquery_superfish/1.7.4/superfish.min.js"></script>
<script type="text/javascript" src="https://js.esolutionsgroup.ca/js/libs/media-element/2.13.2/mediaelement-and-player.min.js"></script>
<script type="text/javascript" src='/Common/scripts/general.js'></script>
<script type="text/javascript" src='/Common/scripts/quicklinks-dropdown.js'></script>
<script type="text/javascript" src='/Modules/email/scripts/email.js'></script>
<link href="https://js.esolutionsgroup.ca/js/libs/jquery_contextmenu/skins/1.0.0/contextMenu.min.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="https://js.esolutionsgroup.ca/js/libs/jquery_contextmenu/1.0.0/jquery.contextMenu.min.js"></script>
<!--[if lt IE 9]><script type="text/javascript">$(function($) { $('body').addClass('ie8'); });</script><![endif]-->
<script type="text/javascript">
$(function () {
// Drop-down lists
$('#nav').superfish({ cssArrows: false, speed: (iCreateObject.isIe8 ? 0 : 'normal'), speedOut: (iCreateObject.isIe8 ? 0 : 'fast') });
if (!iCreateObject.isSiteInICreateMode) {
$('video,audio').mediaelementplayer({
// if the <video width> is not specified, this is the default
defaultVideoWidth: 480,
// if the <video height> is not specified, this is the default
defaultVideoHeight: 270,
// if set, overrides <video width>
videoWidth: -1,
// if set, overrides <video height>
videoHeight: -1,
// width of audio player
audioWidth: 400,
// height of audio player
audioHeight: 30,
// initial volume when the player starts
startVolume: 0.8,
// useful for <audio> player loops
loop: false,
// enables Flash and Silverlight to resize to content size
enableAutosize: true,
// the order of controls you want on the control bar (and other plugins below)
features: ['playpause', 'progress', 'current', 'duration', 'tracks', 'volume', 'fullscreen'],
// Hide controls when playing and mouse is not over the video
alwaysShowControls: false,
// force iPad's native controls
iPadUseNativeControls: false,
// force iPhone's native controls
iPhoneUseNativeControls: false,
// force Android's native controls
AndroidUseNativeControls: false,
// forces the hour marker (##:00:00)
alwaysShowHours: false,
// show framecount in timecode (##:00:00:00)
showTimecodeFrameCount: false,
// used when showTimecodeFrameCount is set to true
framesPerSecond: 25,
// turns keyboard support on and off for this instance
enableKeyboard: true,
// when this player starts, it will pause other players
pauseOtherPlayers: true,
// array of keyboard commands
keyActions: []
});
}
});
function PrintScreen() {
if (iCreateObject.isSiteInICreateMode) {
showNAMessage();
}
else {
window.print();
}
}
</script>
<link href='/Modules/Contact/styles/contact-autocomplete.css' rel="stylesheet" media="screen" type="text/css" />
<link href='/Modules/Contact/styles/ContactsExtended.css' rel="stylesheet" media="screen" type="text/css" />
<script src='/Modules/Contact/scripts/contactsV2.js' type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="/Common/styles/iosSlider.css" />
<script type="text/javascript" src="https://js.esolutionsgroup.ca/js/libs/ios_slider/structure/1.3.43/jquery.iosslider.min.js"></script>
<script type="text/javascript" src='/Common/scripts/sliderInit.js'></script>
<script>
$(document).ready(function () {
if (!iCreateObject.isSiteInICreateMode || iCreateObject.isSiteInPreviewMode) {
$(".bannerGradient").each(function () {
if ($(this).parent().prevAll(".bannerImage").length > 0) {
$(this).on("click", function (event) {
$(this).parent().prevAll(".bannerImage").trigger(event);
});
}
});
}
});
</script>
<script type="text/javascript" src='/Common/scripts/icrtDoubleCtrlShortcut.js'></script>
<script>
$(document).ready(function () {
if (location.href.indexOf('/edit_') > -1) {
icrtDoubleCtrlShortcut(location.href.replace('/edit_', '/'));
} else {
icrtDoubleCtrlShortcut('https://icreate6.esolutionsgroup.ca/icreate/modules/pageeditor3/page.srv?pageUrl=' + encodeURIComponent(location.href.trim().split("#",1)));
}
});
</script>
<!-- _ICRT2_METADATA_TOKEN_ -->
<title>
Home
- Orillia Opera House
</title>
<meta name="description" content="" />
<meta property="dcterms.issued" content="2019-01-02T09:09:04-0500" />
<meta property="og:title" content="Home" />
<meta property="og:url" content="http://www.orilliaoperahouse.ca/en/index.aspx" /><script type="text/javascript" src="/Modules/News/scripts/jquery.EmergencyAlertBanners.js"></script><link rel="stylesheet" type="text/css" media="screen" href="/Modules/News/styles/EmergencyAlertBanners.css"></link><link rel="stylesheet" type="text/css" media="screen" href="/Modules/search/styles/google-search.css"></link><script type="text/javascript" src="https://js.esolutionsgroup.ca/js/libs/slick/1.3.7/slick.min.js"></script><link rel="stylesheet" type="text/css" media="screen" href="/Common/styles/slick.css"></link><script type="text/javascript" src="/Common/scripts/slickInit.js"></script><script type="text/javascript" src="https://js.esolutionsgroup.ca/js/libs/feedback-form/structure/2.2.8/feedbackStructure.min.js"></script><script type="text/javascript">$(function(){$("#feedbackLink").feedbackForm({
useDefaultIfNoIdIsSet: "True".toLowerCase() == "true",
baseUrl: "https://icreate6.esolutionsgroup.ca/feedback/api/1.0/",
getUrl: "client/11111029_OrilliaOperaHouse/default-form/en",
jsServerUrl: "https://js.esolutionsgroup.ca/js/libs/feedback-form/",
previewMode: false,
showButton: true,
pageTitle: document.title.replace(" - Orillia Opera House", "").trim(),
buttonText: "",
feedbackFormId: $("#FeedbackFormId") === undefined ? "" : $("#FeedbackFormId").val(),
language: 'en'
})});</script></head>
<body class=' '>
<!--googleoff: all-->
<script type="text/javascript">
function HideEmergencyAlertBanners() {
if(! jQuery('#EmergencyBannerWrapperOuter').hasClass("hide")){
jQuery('#EmergencyBannerWrapperOuter').addClass("hide");
}
jQuery.cookie('seenAlertBanner', 1, { path: "/" });
}
jQuery(function () {
if ((document.location.href.toLowerCase().indexOf('/edit_') == -1) && (jQuery.cookie('seenAlertBanner') != 1) && iCreateObject.isSiteInICreateMode == false) {
jQuery.getJSON(iCreateObject.corpHome + '/Modules/News/services/getAlertBannerFeeds.ashx?feedId=9a82d995-86a1-4c93-a102-f09227e6c3ba&callback=?',
function (result) {
var results = "";
jQuery.each(result, function (index, element) {
results += "<div class=\"alertbanner " + element.Categories[0].Code + "\"><div class=\"EmergencyBannerTitle\">" + element.Title + "</div><div class=\"EmergencyBannerText\">" + element.Description + "</div></div>";
});
if (results != "") {
jQuery("#emergencyAlertBanners").append(results);
jQuery("#emergencyAlertBanners").children(".alertbanner:first").addClass("default");
jQuery("#EmergencyBannerWrapperOuter").removeClass("hide");
jQuery("#emergencyAlertBanners").rotating_EmergencyAlertBanners();
}
}
);
}
});
</script>
<div id="EmergencyBannerWrapperOuter" class="hide">
<div id="EmergencyBanner" style="display: block;">
<div id="emergencyAlertBanners" class="bannerContainer">
<div id="EmergencyBannerClose">
<a class="Close" href="#" onclick="javascript: HideEmergencyAlertBanners();">Close</a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function HideBrowserAlertBanners() {
jQuery("#BrowserBannerWrapperOuter").addClass("hide");
jQuery.cookie("seenBrowserBanner", 1, {path: "/"});
}
</script>
<!--[if lt IE 9]>
<script type="text/javascript">
jQuery(function () {
if ((document.location.href.toLowerCase().indexOf("/edit_") == -1) && (jQuery.cookie("seenBrowserBanner") != 1)) {
jQuery("#BrowserBannerWrapperOuter").removeClass("hide");
}
});
</script>
<![endif]-->
<div id="BrowserBannerWrapperOuter" class="hide">
<div id="BrowserBanner">
<div id="browserAlertBanners" class="bannerContainer">
<div id="BrowserBannerClose">
<a href="#" onclick="javascript: HideBrowserAlertBanners();">Close</a>
</div>
<div class="alertbanner browserAlert">
<div class="BrowserBannerTitle">Browser Compatibility Notification</div>
<div class="BrowserBannerText">It appears you are trying to access this site using an outdated browser. As a result, parts of the site may not function properly for you. We recommend updating your browser to its most recent version at your earliest convenience.</div>
</div>
</div>
</div>
</div>
<input type="hidden" name="FeedbackFormId" id="Hidden1" value="" />
<div id="uber" class='homepage'>
<header class="cf">
<div id="skipContentWrapper">
<a id="skipContentLink" title="Skip Navigation and go to Content" href="#mainContent">Skip to Content</a>
</div>
<div class="headerInner cf">
<div class="headerLeft">
<div id="logo" title="View our Homepage">
<p><img title="Orillia Opera House" src="/en/inc/resources/orillia-opera-house-logo-cmyk-300x119.jpg" alt="Orillia Opera House Logo"></p>
</div>
<script type="text/javascript">
var _element = $('#logo');
_title = _element.attr('title');
if(($('div#logo img').length) || ($('div#logo').has('div.eSolutionsGroupPhotoGalleryV2PlaceholderDiv').length)) {
if (iCreateObject.isSiteInICreateMode) {
_element.css('background','none');
}
else{
_element.addClass('hasImage');
}
}
else {
if (iCreateObject.isSiteInICreateMode && !iCreateObject.isSiteInPreviewMode) {
_element.removeClass('hasImage');
imgsrc = '/en/images/structure/logo.png';
var title = _title;
var url = '/en/index.aspx';
var target = "_self";
_element.css("background", "url(" + imgsrc + ") no-repeat 0px 0px #FFFFFF").css("height","89px").css("background-size","contain").attr("title", jQuery.trim(title) != "" ? title : _title);
if (url != '' && !iCreateObject.isSiteInICreateMode || iCreateObject.isSiteInPreviewMode) {
_element.attr("onclick", "javascript:window.open('" + url + "','" + target + "');");
}
}
}
</script>
<h1>Orillia Opera House</h1>
</div>
<!-- header left -->
<nav class="mobileNav">
<!--displayed only for smaller viewports-->
<a href="#" class="menuTrigger">
<img src="/Common/images/structure/iconList.png" alt="Main menu icon" />
</a>
</nav>
<div class="headerRight cf">
<div class="mobileDropDown"></div>
<div id="topNavContainer">
<div id="topNav">
<a title="View our Buy Tickets page" href="https://secure1.tixhub.com/orillia-oh/online/index.asp" target="_blank">Buy Tickets</a><span class="horizNavSeparator">|</span><a title="View our upcoming events" href="http://calendar.orilliaoperahouse.ca">Events Calendar</a><span class="horizNavSeparator">|</span><a title="Open new window to login to my account" href="https://secure1.tixhub.com/orillia-oh/online/index.asp?_mid_=103082" target="_blank">My Account</a><span class="horizNavSeparator">|</span><a title="View our Contact directory" href="/Modules/contact/search.aspx?s=niO1WtUnsgJzqIPlUsTr3GWVweQuAleQuAl">Contact</a><span class="horizNavSeparator">|</span><a title="Link to City Website" href="http://www.orillia.ca" target="_blank">City of Orillia</a>
</div>
</div>
<div id="searchWrapper">
<script>
$(window).load(function () {
$('form.gsc-search-box').find("input.gsc-input").each(function (ev) {
$(this).attr("placeholder", 'What are you looking for?');
});
});
</script>
<script>
(function () {
var cx = '005202953645778137699:5vb6n1qqwjc';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<div class="searchContainer">
</div>
<div class="socialLinks">
<a title="" href="https://www.facebook.com/OrilliaOperaHouse/" target="_blank">
<img alt="Open new window to view Orillia Opera House on Facebook" src="/en/resourcesGeneral/socialicons/icon-facebook.svg">
</img>
</a>
</div>
</div>
</div>
<!-- header right -->
<div class="mainNavContainer cf">
<nav id="mainNav" class="cf">
<ul id="nav" class="cf"><li id="navTab01"><a title="View our Events page" href="/en/Events.aspx" class="mainNavItem">Events</a><div class="dropDownContainer sf-mega"><div class="dropDownContainerInner cf"><ul class="dropdown"><li><a title="View our Box Office Information page" href="/en/events/Box-Office-Information.aspx" class="">Box Office Information</a></li><li><a title="View our Buy Tickets page" href="https://secure1.tixhub.com/orillia-oh/online/index.asp?_mid_=103068" class="" target="_blank">Buy Tickets</a></li><li><a title="View our upcoming events" href="http://calendar.orilliaoperahouse.ca/" class="">Events Calendar</a></li><li><a title="View our Hours of Operation page" href="/en/events/Hours-of-Operation.aspx" class="">Hours of Operation</a></li></ul><ul class="dropdown"><li><a title="Summer Theatre 2019" href="/en/events/theatre.aspx" class="">Summer Theatre</a></li><li><a title="Theatre for Young Audiences" href="/en/events/td-learning-with-the-arts.aspx" class="" target="_blank">Theatre for Young Audiences</a></li><li><a title="View our Hospitality Partners page" href="/en/events/hospitality-partners.aspx" class="">Hospitality Partners</a></li></ul><div class="dropDownRight">
<a class="dropDownRightInner" title="View our Buy Tickets page" href="/en/events/Buy-Tickets.aspx">
<img alt="View our Buy Tickets page" src="/en/resourcesGeneral/dropdown.jpg"></img><div class="dropDownRightOverlay">Buy Tickets</div></a></div></div></div></li><li id="navTab02"><a title="View our Information page" href="/en/Information.aspx" class="mainNavItem">About Us</a><div class="dropDownContainer sf-mega"><div class="dropDownContainerInner cf"><ul class="dropdown"><li><a title="View our Contact directory" href="/Modules/contact/search.aspx?s=niO1WtUnsgJzqIPlUsTr3GWVweQuAleQuAl" class="">Contact Us</a></li><li><a title="View our Accessibility page" href="/en/information/Accessibility.aspx" class="">Accessibility</a></li><li><a title="View our FAQ page" href="/en/information/FAQ.aspx" class="">FAQ</a></li><li><a title="View our Getting Here page" href="/en/information/Getting-Here.aspx" class="">Getting Here</a></li><li><a title="View our History of the Opera House page" href="/en/information/History-of-the-Opera-House.aspx" class="">History of the Opera House</a></li></ul><ul class="dropdown"><li><a title="View our Policies page" href="/en/information/Policies.aspx" class="">Policies</a></li><li><a title="View our Rental page" href="/en/information/Rental.aspx" class="">Rental</a></li><li><a title="View our Support the Opera House page" href="/en/information/Support-the-Opera-House.aspx" class="">Support the Opera House</a></li><li><a title="To join our email mailing list" href="http://orilliaoperahouse.us12.list-manage.com/subscribe?u=f22ce1e2a594cec10ef995094&id=0b88e1b1c2" class="" target="_blank">I'd Like Info</a></li></ul><div class="dropDownRight">
<a class="dropDownRightInner" title="View our History of the Opera House page" href="/en/information/History-of-the-Opera-House.aspx">
<img alt="View our History of the Opera House page" src="/en/resourcesGeneral/dropdown.jpg"></img><div class="dropDownRightOverlay">History</div></a></div></div></div></li></ul>
</nav>
<nav class="mobileNav">
<!--displayed only for smaller viewports-->
<a href="#" class="menuTrigger">
<img src="/Common/images/structure/iconList.png" alt="Main menu icon" />
<span class="menuTriggerText">Menu</span>
</a>
</nav>
</div>
</div>
<!--headerInner -->
</header>
<div id="uberMain">
<div id="mainContent">
<div id="ic-gal-slider-home" class="slider-container ic-fade">
<div class="ic-slider">
<!--googleon: all-->
<div id="rotatingBanners" class="bannerContainer slider rsDefault">
<div class="bannerEdit slide">
<div class="bannerImage ic-img-2" data-image-title="2019 Season Annoucnement" data-anchor-title="" title="2019 Season Annoucnement" data-image-alt="2019 Season Shows" onclick=""></div>
<div class="ic-slider-content ic-slider-text">
<div class="bannerGradient"></div>
<div class="ic-slider-content-foreground">
</div>
</div>
</div><div class="bannerEdit slide default">
<div class="bannerImage ic-img-1" data-image-title="MAT Banner" data-anchor-title="" title="MAT Banner" data-image-alt="MAT Banner" onclick=""></div>
<div class="ic-slider-content ic-slider-text">
<div class="bannerGradient"></div>
<div class="ic-slider-content-foreground">
</div>
</div>
</div><script type="text/javascript">
$(document).ready(function(){$(".ic-img-0").attr("onclick", "").attr("title", "Flex Pac for Christmas").attr("data-image-alt", "Flex Pac for Christmas").css({"background-image": "url(http://www.orilliaoperahouse.ca/en/events/resources/2018/flex-pac-for-christmas-2.jpg)".replace("http:", window.location.protocol) });$(".ic-img-1").attr("onclick", "").attr("title", "MAT Banner").attr("data-image-alt", "MAT Banner").css({"background-image": "url(http://www.orilliaoperahouse.ca/en/events/resources/2018/mat-season-banner.jpg)".replace("http:", window.location.protocol) });$(".ic-img-2").attr("onclick", "").attr("title", "2019 Season Annoucnement").attr("data-image-alt", "2019 Season Shows").css({"background-image": "url(http://www.orilliaoperahouse.ca/en/events/resources/2019/season-announcement-2019.png)".replace("http:", window.location.protocol) });});
</script>
</div>
<!--googleoff: all-->
</div>
<a class="prev" href="#" title="Previous Slide" style="cursor: pointer;">Previous</a>
<a class="next" title="Next Slide" href="#" style="cursor: pointer;">Next</a>
<div class="ic-slider-controls">
<ul class="ic-slider-dot-pagination"></ul>
<a class="pause" title="Pause Slideshow" href="#">Pause</a>
</div>
</div>
<div class="scrollerContainer" >
<div class="imageScrollerOuter">
<div class="imageScroller">
<div class="scrollItem"><div class="scrollItemContent"><div class="scrollImage"><a href="http://www.orilliaoperahouse.ca/en/events/theatre.aspx"><img alt="Professional Theatre" src="/en/rotatingimages/homepagescrollimages/ooh-slider-pro-theatre.jpg" /></a></div><div class="scrollText"><div class="scrollTextContent"><a href="http://www.orilliaoperahouse.ca/en/events/theatre.aspx" title="Professional Theatre">Professional Theatre</a></div></div></div></div><div class="scrollItem"><div class="scrollItemContent"><div class="scrollImage"><a href="https://secure1.tixhub.com/orillia-oh/online/index.asp" target="_blank"><img alt="Buy Tickets and More" src="/en/rotatingimages/homepagescrollimages/ooh-slider-buy-tickets.jpg" /></a></div><div class="scrollText"><div class="scrollTextContent"><a href="https://secure1.tixhub.com/orillia-oh/online/index.asp" title="Buy Tickets and More" target="_blank">Buy Tickets and More</a></div></div></div></div><div class="scrollItem"><div class="scrollItemContent"><div class="scrollImage"><a href="http://www.orilliaoperahouse.ca/en/events/Concerts.aspx"><img alt="Concerts" src="/en/rotatingimages/homepagescrollimages/ooh-slider-concerts-2.jpg" /></a></div><div class="scrollText"><div class="scrollTextContent"><a href="http://www.orilliaoperahouse.ca/en/events/Concerts.aspx" title="Concerts">Concerts</a></div></div></div></div><div class="scrollItem"><div class="scrollItemContent"><div class="scrollImage"><a href="http://www.orilliaoperahouse.ca/en/information/Getting-Here.aspx"><img alt="Exterior of Orillia Opera House" src="/en/rotatingimages/homepagescrollimages/call-02.jpg" /></a></div><div class="scrollText"><div class="scrollTextContent"><a href="http://www.orilliaoperahouse.ca/en/information/Getting-Here.aspx" title="Exterior of Orillia Opera House">Getting Here</a></div></div></div></div><div class="scrollItem"><div class="scrollItemContent"><div class="scrollImage"><a href="http://www.orilliaoperahouse.ca/en/information/Rental.aspx"><img alt="Interior of Orillia Opera House" src="/en/rotatingimages/homepagescrollimages/call-03.jpg" /></a></div><div class="scrollText"><div class="scrollTextContent"><a href="http://www.orilliaoperahouse.ca/en/information/Rental.aspx" title="Interior of Orillia Opera House">Rental</a></div></div></div></div>
</div>
<!--footerSlider-->
</div>
<!--inner-->
</div>
<div class="sectionBackground cf">
<div class="sectionHeading">
<div class="sectionHeadingContent">
<h2>Upcoming Events</h2>
</div>
</div>
<div class="sectionContent cf">
<div class="contentBottom">
<div id="colCalendar">
<div class="ic-row">
<input id="CalendarIDPlaceholder" type="hidden" value='7b01d7c0-abdc-4722-9127-a5c400e1d0ea' /><!--TODO: CALENDAR: This is the first Calendar ID in the array. You may need to Change the 0 to match the CalendarID -->
<!-- TODO: LANGC: Everything on this page needs translations and FEATURE: needs to be made dynamic -->
<div id="featuredCalendarFeeds"></div>
<noscript>JavaScript is disabled. Please enable JavaScript to view this content.</noscript>
<script type="text/javascript">
function parseData(data, divElement) {
var charLimit = 40;
var descCharLimit = 128;
divElement.empty();
var html = "";
$.each(data, function (index, item) {
var id = item.Id;
var title = item.Title != null ? item.Title : "",
startDate = item.StartDate,
description = item.Description != null ? item.Description : ""
calendarPath = item.Calendar == "956cf6eb-997f-4cb1-bc4c-a51e00b72401" ? "/townshipcalendar/Detail/" : "/Default/Detail/";
if (title.length > charLimit) {
if (title.indexOf(' ', charLimit) >= 0) {
title = title.substring(0, title.indexOf(' ', charLimit)) + "...";
}
}
if (description.length > descCharLimit) {
if (description.indexOf(' ', descCharLimit) >= 0) {
description = description.substring(0, description.indexOf(' ', descCharLimit)) + "...";
}
}
html += "<div class='col-item ic-col-sm-4'><div class='col-item-title'><h3><a href=\"http://calendar.orilliaoperahouse.ca/" + calendarPath + id + "\" title=\"View event: " + title.replace(/'/g, "'") + " - " + startDate + "\" > " + title + "<\/a><\/h3><p class=\"col-item-date\"><span class=\"date-month\">" + $.datepicker.formatDate('M', $.datepicker.parseDate("mm/dd/yy", startDate.toString())) + "<\/span><br/>" + $.datepicker.formatDate('dd', $.datepicker.parseDate("mm/dd/yy", startDate.toString())) + "<\/p><\/div><div class=\"col-item-description\">"+description+"<\/div><\/div>";
})
divElement.html(html);
}
$(function () {
var divElement = $("#featuredCalendarFeeds");
if (iCreateObject.isSiteInICreateMode) {
divElement.empty().html("Calendar feed disabled in iCreate.");
}
else {
divElement.html("Loading...");
var params = $.param(
{
Calendar: $("#CalendarIDPlaceholder").val(),
limit: 3,
Categories: ''
});
$.ajax({
url: iCreateObject.corpHome + '/Modules/Calendar/services/GetCalendarEvent.ashx?' + params,
async: true,
dataType: 'jsonp',
crossDomain: true,
cache: false,
error: function (xhr, textStatus, thrownError) {
divElement.html("An error occured");
},
success: function (data) {
if (data != "")
parseData(data, divElement);
else
divElement.html("No Events");
}
});
}
});
</script>
</div>
</div>
</div>
</div>
<div class="sectionLink">
<a class="viewAll" title="View All Upcoming Events" href="http://calendar.orilliaoperahouse.ca/">View All Upcoming Events</a>
</div>
</div>
</div>
<!--mainContent-->
</div>
<!--main-->
<!--googleoff: all-->
<footer>
<div class="footerInner ic-container-fluid">
<div class="footerTop">
<div class="footerTopLeft">
<div class="footerText" id="footerCol1">
<p>© 2016 Orillia Opera House<br> 1 West Street N<br>Orillia ON L3V 3A6</p>
<p><br>Box Office: 705-326-8011 or 1-888-ORILLIA</p>
<p> </p>
</div>
<div class="footerText" id="footerCol2">
<p>Mailing Address:<br>20 Mississaga St W<br>Orillia ON L3V 3A6</p>
<p><br>Administration: 705-325-2095 </p>
</div>
<div class="footerText" id="footerCol3">
<div id="footerNav">
<a title="View our Accessibility page" href="/en/information/Accessibility.aspx"><span>Accessibility</span></a><a title="View our Privacy page" href="/en/information/Privacy.aspx"><span>Privacy</span></a><a title="View our sitemap" href="/Common/sitemap.aspx"><span>Sitemap</span></a>
</div>
</div>
<div class="footerText" id="footerCol4">
<div id="plemx-root"></div>
<script type="text/javascript">
var _plm = _plm || [];
_plm.push(['_btn', 26935]);
_plm.push(['_loc','caon0506']);
_plm.push(['location', document.location.host ]);
(function(d,e,i) {
if (d.getElementById(i)) return;
var px = d.createElement(e);
px.type = 'text/javascript';
px.async = true;
px.id = i;
px.src = ('https:' == d.location.protocol ? 'https:' : 'http:') + '//widget.twnmm.com/js/btn/pelm.js?orig=en_ca';
var s = d.getElementsByTagName('script')[0];
var py = d.createElement('link');
py.rel = 'stylesheet'
py.href = ('https:' == d.location.protocol ? 'https:' : 'http:') + '//widget.twnmm.com/styles/btn/styles.css'
s.parentNode.insertBefore(px, s);
s.parentNode.insertBefore(py, s);
})(document, 'script', 'plmxbtn');</script>
</div>
</div>
</div>
</div>
<!-- Footer top -->
<script type="text/javascript" src='/Common/scripts/responsiveScripts.js'></script>
<script type="text/javascript" src='https://js.esolutionsgroup.ca/js/libs/icreate-tinymce-accordion/1.0.3/jquery-icrtaccordion-clean.min.js'></script>
<script type="text/javascript" src="/Common/scripts/placeholders.jquery.min.js"></script>
<script type="text/javascript">//
iCreateObject.gaTrackingCode = 'UA-47127523-2';
var _gaq = _gaq || []; var pluginUrl = "//www.google-analytics.com/plugins/ga/inpage_linkid.js"; _gaq.push(["_require", "inpage_linkid", pluginUrl]); _gaq.push(["_setaccount", iCreateObject.gaTrackingCode]); _gaq.push(["_trackPageview"]); (function () { var e = document.createElement("script"); e.type = "text/javascript"; e.async = true; e.src = ("https:" == document.location.protocol ? "https://" : "http://") + "stats.g.doubleclick.net/dc.js"; var t = document.getElementsByTagName("script")[0]; t.parentNode.insertBefore(e, t) })(); if (typeof jQuery != "undefined") { jQuery(document).ready(function (e) { var t = /\.(zip|exe|pdf|doc*|xls*|ppt*|mp3)$/i; var n = ""; if (jQuery("base").attr("href") != undefined) n = jQuery("base").attr("href"); jQuery("a").each(function () { var e = jQuery(this).attr("href"); var r = jQuery(this).attr("href"); if (e) { e = e.toLowerCase() } if (e && e.match(/^https?\:/i) && !e.match(document.domain)) { jQuery(this).click(function () { var t = e.replace(/^https?\:\/\//i, ""); _gaq.push(["_trackEvent", "External", "Click", t]); if (jQuery(this).attr("target") != undefined && jQuery(this).attr("target").toLowerCase() != "_blank") { setTimeout(function () { location.href = r }, 200); return false } }) } else if (e && e.match(/^mailto\:/i)) { jQuery(this).click(function () { var t = e.replace(/^mailto\:/i, ""); _gaq.push(["_trackEvent", "Email", "Click", t]) }) } else if (e && e.match(t)) { jQuery(this).click(function () { var t = /[.]/.exec(e) ? /[^.]+$/.exec(e) : undefined; var r = e; _gaq.push(["_trackEvent", "Download", "Click-" + t, r]); if (jQuery(this).attr("target") != undefined && jQuery(this).attr("target").toLowerCase() != "_blank") { setTimeout(function () { location.href = n + e }, 200); return false } }) } }) }) }
// </script><script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47127523-2', 'auto');
ga('send', 'pageview');
</script>
</footer>
</div><!--uber-->
<!--googleon: all-->
<a href="#" id="feedbackLink" class="feedbackTabButton" title="Feedback">Feedback</a>
</body>
</html>
- Log in to post comments