window.pageHandleResponsive = true; $.when(window.Pages.rwdReady).done(function () { var $sidebarContainer = $('#sidebarContentContainer'); var $mainContent = $('.contentMain'); var $header = $('.header'); var $findFacilityButton = $('#findFacilityButton'); var $detailsSidebar = $('#FacilitiesContent.sidebar'); var $availability = $('availability'); toggleClassMedia("minWidth515px", ".moduleContentNew:media(this-min-width: 515px)"); toggleClassMedia("maxWidth550px", ".moduleContentNew:media(this-max-width: 550px)"); toggleClassMedia("minWidth583px", ".moduleContentNew:media(this-min-width: 583px)"); toggleClassMedia("maxWidth800px", ".moduleContentNew:media(this-max-width: 800px)"); toggleClassMedia("minWidth850px", ".moduleContentNew:media(this-min-width: 850px)"); toggleClassMedia("minWidth360px", ".searchResults:media(this-min-width: 360px)"); toggleClassMedia("minWidth485px", ".searchResults:media(this-min-width: 485px)"); toggleClassMedia("minWidth525px", ".searchResults:media(this-min-width: 525px)"); toggleClassMedia("minWidth640px", ".searchResults:media(this-min-width: 640px)"); toggleClassMedia("minWidth340px", ".details:media(this-min-width: 340px)"); toggleClassMedia("minWidth520px", ".details:media(this-min-width: 520px)"); toggleClassMedia("minWidth675px", ".details:media(this-min-width: 675px)"); toggleClassMedia("minWidth500px", ".roomDetail:media(this-min-width: 500px)"); toggleClassMedia("minWidth640px", ".roomDetail:media(this-min-width: 640px)"); toggleClassMedia("maxWidth370px", ".header:media(this-max-width: 370px)"); $findFacilityButton.click(function () { $sidebarContainer.show(); $findFacilityButton.hide(); return false; }); cpMedia.register('.moduleContentNew:media(this-max-width:515px)', { setup: function () { }, match: function (e, element) { $header.after($sidebarContainer); $sidebarContainer.hide(); $findFacilityButton.show(); }, unmatch: function (e, element) { $mainContent.before($sidebarContainer); $sidebarContainer.show(); $findFacilityButton.hide(); } }); });