var HQ = {
nav: null,
scroller: null,
slider: null,
floatingMenu: null,
wrapper: null,
sections: null,
currentSection: null,
touchCurrent: null,
touchDirection: null,
format: null,
floatingMenuAnim: false,
scrollingAnim: false,
currentHash: null,
sectionContent: {},
sectionsLoaded: 0,
init: function (nav, scroller, slider) {
$.support.touch = (typeof Touch == "object");
HQ.nav = nav;
HQ.scroller = scroller;
HQ.wrapper = HQ.scroller.children('.wrapper').first();
HQ.slider = slider;
HQ._preloadImages();
HQ._initMainNav();
HQ._initFloatingMenu();
HQ._initResizeHandler();
HQ._initScrolling();
HQ._initHistory();
HQ.loadSections(true);
$(document).keyup(HQ._handleKeypress);
},
_preloadImages: function () {
(new Image()).src = 'images/slider-thumb.png';
(new Image()).src = 'images/welcome-txt-bg.png';
(new Image()).src = 'images/section-menu-arrow.png';
(new Image()).src = 'images/menu-work-bullet.png';
(new Image()).src = 'images/menu-agency-bullet.png';
(new Image()).src = 'images/menu-blog-bullet.png';
(new Image()).src = 'images/menu-contact-bullet.png';
},
_initResizeHandler: function () {
$(window).resize(HQ._handleResize);
},
_initMainNav: function () {
$('.nav-link').each( function (index) {
var href = '#/' + $(this).attr('href');
$(this).attr('href', href);
}
);
},
_initInternalLinks: function () {
// init internal links
$('a[href^="#"]').each( function (index) {
$(this).click(HQ._handleLinkClick);
}
);
},
_initFloatingMenu: function () {
// init floating menu
HQ.floatingMenu = $('#floating-menu');
HQ.floatingMenu.css('top', HQ.scroller.position().top);
if ($.support.touch) {
HQ.floatingMenu.bind('touchend', HQ._handleSectionMenuOver);
} else {
HQ.floatingMenu.hover(HQ._handleSectionMenuOver, HQ._handleSectionMenuOut);
}
},
_initHistory: function () {
$(window).hashchange( function () {
if (window.location.hash != HQ.currentHash) {
HQ.navTo(window.location.hash);
}
}
);
},
_initScrolling: function () {
HQ.scroller.scroll(HQ._handleScroll);
if ($.support.touch) {
// init swipe event
HQ.wrapper.bind('touchstart', HQ._handleTouchStart);
HQ.wrapper.bind('gesturestart', function (e) {
HQ.cancelTouchEvent();
}
);
$(document.documentElement).append("Swipe across the content to scroll left or right
");
} else {
HQ.slider.slider({
value:0,
min: 0,
max: 0,
step: 1,
slide: function( event, ui ) {
HQ.scroller.scrollLeft(ui.value);
},
stop: function (event, ui) {
var lastSection = HQ.wrapper.children().last();
if (ui.value > lastSection.position().left) {
HQ.scroller.animate({scrollLeft: lastSection.position().left}, 100);
}
}
});
}
},
_calcScrollingSections: function () {
var wrapperWidth = 0;
var sectionWidths = [];
HQ.sections = HQ.wrapper.children();
HQ.sections.each( function (index) {
sectionWidths[index] = $(this).width();
wrapperWidth += $(this).width();
}
);
// init section wrapper
var netWrapperWidth = wrapperWidth + $(window).width() + (5 * HQ.wrapper.children().length - 1) + 100;
HQ.wrapper.width(netWrapperWidth);
if (!$.support.touch) {
// init slider
var track = HQ.slider.children('.track').first();
track.children().each(
function (index) {
$(this).css('width', ((sectionWidths[index] / wrapperWidth) * 100) + '%');
}
);
HQ.slider.slider('option', 'max', wrapperWidth + (5 * HQ.wrapper.children().length - 1));
}
},
_initPeople: function () {
if ($.support.touch) {
// init touch on people
$('#agency_people .people .person').bind('touchend', function () {
var detail = $(this).children('.detail').first();
if (detail.hasClass('hover')) {
detail.animate({top: $(this).height() - 64}, 200);
detail.removeClass('hover');
} else {
detail.animate({top: $(this).height() - detail.height() - 15}, 200);
detail.addClass('hover');
}
}
);
} else {
// init hover on people
$('#agency_people .people .person').hover( function () {
var detail = $(this).children('.detail');
detail.animate({top: $(this).height() - detail.height() - 15}, 200);
detail.addClass('hover');
}, function () {
var detail = $(this).children('.detail');
detail.animate({top: $(this).height() - 64}, 200);
detail.removeClass('hover');
}
);
}
},
_initLogoLinks: function () {
$('#client-logos a[href]').hover( function () {
$(this).css('background-position', '0px -' + $(this).height() + 'px');
}, function () {
$(this).css('background-position', '0px 0px');
}
);
},
_initBlog: function () {
var maxHeight = HQ.format == 'tall' ? 500 : 350;
$('.blog-post').each( function (i) {
if ($(this).height() > maxHeight) {
HQ._truncateDivText($(this));
}
}
);
},
_truncateDivText: function (div) {
var maxHeight = HQ.format == 'tall' ? 500 : 350;
var link = div.find('h3 a').eq(0);
div.children('p, div').each( function (j) {
var top = $(this).position().top
if (top > maxHeight) {
$(this).remove();
return;
}
while (top + $(this).height() > maxHeight) {
var text = $(this).text();
if (text == '' || text.length <= 30) {
$(this).remove();
}
var i = text.length - 30;
var c = null;
while (c != ' ' && i > 0) {
i = i - 1;
c = text[i];
}
var newText = text.substring(0, i) + ' ... ';
if (newText == '') {
break;
}
$(this).text(newText);
}
}
);
},
_initMap: function () {
var style = {
'Map': [
{
featureType: "all",
elementType: "all",
stylers: [
{ saturation: -100 }
]
},{
featureType: "all",
elementType: "all",
stylers: [
{ visibility: "simplified" }
]
},{
featureType: "poi",
elementType: "labels",
stylers: [
{ lightness: 0 },
{ visibility: "off" }
]
},{
featureType: "road",
elementType: "labels",
stylers: [
{ lightness: 25 },
{ visibility: "on" }
]
}
]
};
var myOptions = {
zoom: 16,
center: new google.maps.LatLng(39.099335,-84.516216),
mapTypeId: 'Map',
mapTypeControl: true,
mapTypeControlOptions: {
mapTypeIds: ['Map', google.maps.MapTypeId.SATELLITE],
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition.TOP_RIGHT
},
scaleControl: false,
scaleControlOptions: {
position: google.maps.ControlPosition.TOP_LEFT
},
panControl: true,
panControlOptions: {
position: google.maps.ControlPosition.LEFT_TOP
},
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE,
position: google.maps.ControlPosition.LEFT_TOP
},
streetViewControl: true,
streetViewControlOptions: {
position: google.maps.ControlPosition.LEFT_TOP
}
}
var mapCanvas = document.getElementById("map-canvas");
$(mapCanvas).css('width', HQ.scroller.width() - 235);
var map = new google.maps.Map(mapCanvas, myOptions);
var styledMapType = new google.maps.StyledMapType(style['Map'], {name: 'Map'});
map.mapTypes.set('Map', styledMapType);
HQ._initMapMarkers(map);
},
_initMapMarkers: function(map) {
var markers = [];
markers.push({
info: '' +
'
' +
'
' +
'205 West Fourth Street
' +
'Suite 1010
' +
'Cincinnati, OH 45202' +
'
' +
'
' +
'p: 513.563.6555
' +
'f: 513.563.6080' +
'
' +
'
Get directions >
' +
'