').insertBefore(this.nav);
this.progressBar = this.target.find(".innerBar");
//pause the slide timer if manual advance via the nav buttons
this.nav.find("a").click(function() {
This.pause();
return false;
});
//collect any media(videos/flash) and set them up to open in a lightbox when clicking.
this.mediaLinks = this.target.find(this.settings.mediaLinkClass);
if(this.mediaLinks.length) {//if any media was present..
//initialize a reusable lightbox for media to popup in
this.mediaLightbox = new CCHMC.Lightbox(null ,{
onBeforeLoad: function() {
This.pause(); //pause the carousel when opening lightbox
},
onClose: function() {
This.mediaLightbox.getContentArea().empty(); //destroy media on close
}
});
this.mediaLinks.each(function(i) {
//when clicking a media link...
$(this).click(function() {
//get its associated media content (dependent on the html structure)
var content = $(this).parent().siblings(This.settings.mediaContentClass)[0].cloneNode(true); //clone it (needed for ie bug)
This.mediaLightbox.getContentArea().append(content); //add it into the lightbox
This.mediaLightbox.open(); //open lightbox
return false;
});
});
}
//start the auto scrolling
this.play();
},
play: function() {
var This = this;
//reset and animate the progress bar
this.progressBar.width(0).stop().animate({width:"100%"}, this.settings.slideTime, "linear");
//apply the interval timer
this.timer = setInterval(function(){
This.nextSlide();
}, this.settings.slideTime);
//change the functionality and look of the play/pause button
this.playPauseBtn.removeClass("playing").unbind("click").bind("click", function(){ This.pause(); });
},
pause: function() {
var This = this;
this.progressBar.stop();
clearInterval(this.timer);
//change the functionality and look of the play/pause button
this.playPauseBtn.addClass("playing").unbind("click").bind("click", function(){ This.play(); });
},
nextSlide: function() {
this.sliderAPI.next();
this.progressBar.width(0).stop().animate({width:"100%"}, this.settings.slideTime, "linear");
}
});
/* End Class: Carousel
****************************************************************************************/
CCHMC.Spotlight = CCHMC.Widget.extend({
defaults : {},
init: function(selector, options) {
this.settings = $.extend({}, this.defaults, options);
this.target = $(selector);
if(!this.target.length) {
return false;
}
var navigationSliderTarget = this.target.find(".spotlight_nav_slider");
//if there is a custom navigation slider of images....
if(navigationSliderTarget.length) {
var navigationButtons = navigationSliderTarget.find(".spotlight_nav_btn");
//create a sub-slider of the navigation buttons if necessary
var navigationSlider = new CCHMC.Slider(navigationSliderTarget, {
navigationBtns: false,
prevNextBtns: true
});
//create the main slider, with no nav buttons.
var mainContentSlider = new CCHMC.Slider(this.target, {
navigationBtns: false
});
//we will manually map the navigation slider images because it gets kind of tricky
navigationButtons.each(function(i) {
$(this).click(function() {
navigationButtons.removeClass("active");
$(this).addClass("active");
mainContentSlider.gotoSlide(i, 250);
return false;
});
});
//set first one to active
navigationButtons.eq(0).addClass("active");
}
//otherwise just add the default nav buttons
else {
var mainContentSlider = new CCHMC.Slider(this.target);
}
}
});
/* Class: SpotlightCarousel - extends Slider
****************************************************************************************/
CCHMC.SpotlightCarousel = CCHMC.Slider.extend({
/* Extends the slider class by adding a timed slideshow to the slider */
init: function(target, slideTimer, options) {
//merge user settings with default settings
var subSettings = $.extend({}, this.subDefaults, options);
this._super(target, subSettings);
var This = this; //reference for closures
this.target.each(function(i) {
var slider = $(this);
var innerTarget = slider.find(">:first-child");
var nav = slider.find(This.settings.navigationContainer);
var timer = slideTimer;
nav.find(This.settings.navigationTag).click(function() {
pause();
return false;
});
//start the auto scrolling
play();
//internal functions inside the for each because slider Class selector could be multiple elements
function play() {
//apply the interval timer
timer = setInterval(function() {
nextSlide();
}, slideTimer);
}
function pause() {
clearInterval(timer);
}
function nextSlide() {
innerTarget.data("scrollable").next();
}
}); //end each
}
});
/* End Class: SpotlightCarousel
****************************************************************************************/
/* Object: Media
****************************************************************************************/
CCHMC.Media = {
/* Class: VideoPlayer
****************************************************************************************/
VideoPlayer: CCHMC.Widget.extend({
defaults: {
width: "100%",
height: 400
},
init: function(selector, options) {
this.settings = $.extend({}, this.defaults, options);
this.target = $(selector);
if (!this.target.length) {
return false;
}
//set the whole widget's width so the video player and description block are the same size
$(selector).width(this.settings.width);
//collect flash player target, set it to span the size of the widget
this.flashTarget = $(selector).find(".flash_video").css({
display: "block",
width: "100%",
height: this.settings.height + "px"
});
//save the video path
this.videoSrc = this.flashTarget.attr("href");
this.addFlashVideoPlayer();
},
addFlashVideoPlayer: function() {
var self = this;
//create flowplayer flash video player
var autoplay = $(this.flashTarget[0]).find('img').length > 0;
flowplayer(this.flashTarget[0], {
src: "/includes/cchmc2010/flash/flowplayer-3.2.5.swf",
onFail: function() {
//if no flash, add html5 player
self.addHTML5VideoPlayer();
},
wmode: "opaque"
},
{
canvas: CCHMC.Media.Viewport.Video1,
clip: { autoPlay: autoplay, scaling: 'fit' },
plugins: { controls: CCHMC.Media.Skins.Video1 }
}
);
},
addHTML5VideoPlayer: function() {
this.flashTarget.remove();
this.html5video = $('').prependTo(this.target);
},
html5ready: function() {
return !!document.createElement('video').canPlayType
}
}),
/* Class: Audio Player
****************************************************************************************/
AudioPlayer: CCHMC.Widget.extend({
defaults: {
width: "100%"
},
init: function(selector, options) {
this.settings = $.extend({}, this.defaults, options);
this.target = $(selector);
if (!this.target.length) {
return false;
}
//set the whole widget's width so the audio player and description block are the same size
$(selector).width(this.settings.width);
//collect flash player target, set it to span the size of the widget
this.flashTarget = $(selector).find(".flash_audio").css({
display: "block",
width: "100%",
height: "100%"
});
//save the audio path
this.audioSrc = this.flashTarget.attr("href");
this.addFlashAudioPlayer();
},
addFlashAudioPlayer: function() {
var self = this;
//create flowplayer flash audio player
flowplayer(this.flashTarget[0], {
src: "/includes/cchmc2010/flash/flowplayer-3.2.5.swf",
onFail: function() {
//if no flash, add html5 player
self.addHTML5AudioPlayer();
},
wmode: "opaque"
},
{
canvas: CCHMC.Media.Viewport.Audio1,
clip: { autoPlay: false },
plugins: { controls: CCHMC.Media.Skins.Audio1 }
}
);
},
addHTML5AudioPlayer: function() {
this.flashTarget.remove();
this.html5audio = $('').appendTo(this.target);
},
html5ready: function() {
return !!document.createElement('audio').canPlayType
}
}),
Skins: {
// Video1 is default skin for video applications
// UI treatments of Video1 should be nearly identical to Audio1
//Differences are noted in comment after property value
Video1: {
//location of control bar
url: 'flowplayer.controls-3.2.3.swf',
//player size, color, and location
bottom: 0,
left: 0,
height: 30,
background: '#c8c8c8',
backgroundGradient: [0.81, 0],
autoHide: false,
//set control button states
all: false,
play: true,
scrubber: true,
time: true,
mute: true,
fullscreen: true,
//tool tips for controls
tooltips: {
buttons: true,
pause: 'Continue playing',
volume: null,
fullscreen: 'View Full Screen Video'
},
tooltipColor: '#1176c1',
tooltipTextColor: '#ececec',
//sliders, buttons, icons, etc.
buttonColor: '#9c9c9c',
buttonOverColor: '#f89929',
sliderBorder: '1px solid #f5f5f5',
sliderColor: '#333333',
scrubberHeightRatio: 0.4,
scrubberBarHeightRatio: 0.2,
progressGradient: 'none',
progressColor: '#666666',
bufferColor: '#aaaaaa',
//elapsed/total time display
timeFontSize: 9,
timeSeparator: ' / ',
timeColor: "#666666",
durationColor: "#cc6600",
timeBgColor: null
},
// Audio1 is default skin for video applications
// UI treatments of Audio1 should be nearly identical to Audio1
//Differences are noted in comment after property value
Audio1: {
//location of control bar
url: 'flowplayer.controls-3.2.3.swf',
//player size, color, and location
bottom: 0,
left: 0,
height: 30,
background: '#c8c8c8',
backgroundGradient: [0.81, 0],
autoHide: false,
//set control button states
all: false,
play: true,
scrubber: true,
time: true,
mute: true,
fullscreen: false,
//tool tips for controls
tooltips: {
buttons: true,
pause: 'Continue playing',
volume: null,
fullscreen: null
},
tooltipColor: '#1176c1',
tooltipTextColor: '#ececec',
//sliders, buttons, icons, etc.
buttonColor: '#9c9c9c',
buttonOverColor: '#f89929',
sliderBorder: '1px solid #f5f5f5',
sliderColor: '#333333',
scrubberHeightRatio: 0.4,
scrubberBarHeightRatio: 0.2,
progressGradient: 'none',
progressColor: '#666666',
bufferColor: '#aaaaaa',
//elapsed/total time display
timeFontSize: 9,
timeSeparator: ' / ',
timeColor: "#666666",
durationColor: "#cc6600",
timeBgColor: null
}
},
Viewport: {
Video1: {
backgroundColor: '#c8c8c8',
backgroundGradient: 'none'
},
Audio1: {
backgroundColor: '#c8c8c8',
backgroundGradient: 'none'
}
}
}
/* End Object: Media
****************************************************************************************/
/* Class: Finder
****************************************************************************************/
CCHMC.Finder = CCHMC.Widget.extend({
/* Finder Class
*
* See http://ccxlabs.development.rosetta.com/cchmc/finder.php for demos and html
* ****************************************
* target (required) : selector of the DOM element
* Options:
*/
defaults: {
startingSection: 0,
startingTab: 0,
navigationClass: ".finder_module_nav",
innerTabBeforeClick: function() { }
},
currentSection: 0,
init: function(target, options) {
this.finderModules = $(target);
//if none on page, exit
if (!this.finderModules.length) {
return false;
}
//merge user settings with default settings
this.settings = $.extend({}, this.defaults, options);
var This = this; //reference for closures
// var AZobject = {
// A:"A", B:"B", C:"C", D:"D", E:"E", F:"F", G:"G", H:"H", I:"I", J:"J", K:"K", L:"L", M:"M", N:"N", O:"O", P:"P", Q:"Q", R:"R", S:"S", T:"T", U:"U", V:"V", W:"W", X:"X", Y:"Y", Z:"Z"
// }
//map the left navigation to each finder module
this.finderTopicLinks = $(this.settings.navigationClass).find(".find_topics a");
this.finderTopicLinks.each(function(i) {
$(this).click(function() {
This.gotoSection(i);
return false;
});
});
//for each finder module (3)
this.finderModules.each(function(i) {
//setup tabs
var startTab = 0;
if (i == This.settings.startingSection) {
startTab = This.settings.startingTab;
}
var tabContent = $(this).find(".finder_tab_content > div");
var api = $(this).find(".tabs").tabs(tabContent, {
initialIndex: startTab
//history:true //causeing problems with backend?
}).data("tabs");
api.onClick(function(event, index) {
This.settings.innerTabBeforeClick(event, index);
});
//add A-Z tab list to each tab
// tabContent.each(function(i) {
// generateAZList($(this));
// });
//setup inline search
// var filterForm = new CCHMC.Form();
// var searchField = $(this).find(".inline_search_field");
// filterForm.textInputPrompt(searchField, "Enter Search Term");
// filterForm.autocomplete(searchField, ".search_category", false);
}); //end each
//start on the first section (Conditions & Health Topics)
this.gotoSection(this.settings.startingSection);
//utility function - generates an A-Z html tab list
function generateAZList($contentArea) {
var listHTML = '
- ';
var contentHTML = '
- ' + letter + ' '; contentHTML += '
- ' + location.title + ' ').appendTo(This.settings.locationListSelector); //center the map on that location when clicked locationLink.click(function() { This.closeAllInfoWindows(); This.map.panTo(new google.maps.LatLng(location.lat, location.long)); This.map.setZoom(parseInt(location.zoom)); This.openInfoWindow(location, This.infoWindows[location.title], This.markers[location.title]); return false; }); }, addMarker: function(location) { var This = this; var marker = new google.maps.Marker({ position: new google.maps.LatLng(location.lat, location.long), map: This.map, icon: new google.maps.MarkerImage("/includes/cchmc2010/images/logoicon.gif"), title: location.title, alt: location.title }); This.markers[location.title] = marker; return marker; }, addInfoWindow: function(marker, location) { var This = this; var infoWindow = new google.maps.InfoWindow({ content: location.content, maxWidth: 330 }); This.infoWindows[location.title] = infoWindow; //open info window when clicking marker new google.maps.event.addListener(marker, 'click', function() { This.openInfoWindow(location, infoWindow, marker); }); }, openInfoWindow: function(location, infoWindow, marker) { var This = this; This.closeAllInfoWindows(); infoWindow.open(This.map, marker); if (location.enableRoute) { //or check if it has the form This.initDirectionsForm(location); //have to initialize directions form AFTER window opens } }, initDirectionsForm: function(location) { var This = this; //add click event to go button to get directions $(This.target).find(".map_directions_submit:visible").bind("click", function(e) { This.getDirections($(This.target).find(".map_directions_input:visible")[0].value, location.fullAddress); return false; }); //add key listener to get directions on enter button $(This.target).find(".map_directions_input:visible").bind('keypress', function(e) { if (e.keyCode == 13) { This.getDirections(This.value, location.fullAddress); return false; } }); }, getDirections: function(start, destination) { if (start) { //basic validation - don't submit if start address is blank window.open("http://maps.google.com/maps?f=d&source=s_d&saddr=" + start + "&daddr=" + destination); } }, closeAllInfoWindows: function() { var This = this; for (var i = 0; i < This.infoWindows.length; i++) { This.infoWindows[i].close(); } }, resizeMap: function(size, callback) { //var origWidth = $(target).width(); var This = this; $(This.target).animate({ width: size }, 500, function() { google.maps.event.trigger(This.map, "resize"); This.map.panTo(new google.maps.LatLng(This.settings.initialLat, This.settings.initialLong)); if (callback) callback(); }); } }); /* Map Utility Functions *************************************************/ CCHMC.Map.Utils = { collectData: function(selector) { /* * collects and formats the data outputted from backend * selector: class of each location dom object */ var data = []; $(selector).each(function(i) { var locObj = { lat: $(this).find(".lat").val(), long: $(this).find(".long").val(), title: $(this).find(".title").text(), streetAddress: $(this).find(".street_address").text(), extendedAddress: $(this).find(".extended_address").text(), city: $(this).find(".city").text(), state: $(this).find(".state").text(), zip: $(this).find(".zip").text(), phone: $(this).find(".phone").text(), content: $(this).html(), enableRoute: true, zoom: $(this).find(".zoom").val() }; data.push(locObj); }); return data; } } /* End Class: Map ****************************************************************************************/ /* Class : Slideshow ****************************************************************************************/ CCHMC.Slideshow = CCHMC.Widget.extend({ defaults: { thumbPanelSelector: "", thumbFilterSelector: "" }, target: null, mainSlideshow: null, thumbSlideshow: null, init: function(target, options) { this.settings = $.extend({}, this.defaults, options); this.target = target; var This = this; //remove empty thumb captions This.filterThumbs(); //create main slider This.mainSlideshow = new CCHMC.Slider(target, { navigationBtns: false, onBeforeSeek: function(event, index) { This.resizeMainPanel(event, index); } }); //create thumb slider This.createThumbSlider(); }, filterThumbs: function() { $(this.settings.thumbPanelSelector).find(this.settings.thumbFilterSelector).remove(); }, createThumbSlider: function() { var showPrevNext = $(this.settings.thumbPanelSelector).find('.slide').length > 1; var thumbSlideshow = new CCHMC.Slider(this.settings.thumbPanelSelector, { prevNextBtns: showPrevNext }); }, setUpThumbs: function() { var This = this; $(This.settings.thumbPanelSelector).find('.slide').not('.cloned').find('.slide_item:first').addClass('current'); $(This.settings.thumbPanelSelector).find('.slide').not('.cloned').find('img').each(function(index) { $(this).click(function() { $(This.settings.thumbPanelSelector).find('.slide_item').removeClass('current'); $(this).parent().addClass('current'); This.mainSlideshow.gotoSlide(index, 250); }); }); }, setUpLightboxes: function() { var lightboxes = new CCHMC.Lightbox(this.target + ' a.zoom', { type: "image", skipLoad: true }); $('.lightbox a.zoom').live('click', function() { return false; }); }, resizeMainPanel: function(event, index) { var current = $(this.target).find('.slide').not('.cloned')[index]; var carouselContainer = $(this.target).find('.carousel_content:first'); if (carouselContainer) { var currentHeight = $(carouselContainer).height(); var newHeight = $(current).height(); $(carouselContainer).animate({ height: newHeight }, 150); } } }); /* End Class: Slideshow ****************************************************************************************/ /* Class : Utility ****************************************************************************************/ CCHMC.Utility = CCHMC.Widget.extend({ getQueryVariable: function(variable, queryString) { var query = ""; if (queryString) { query = queryString; } else { query = window.location.search.substring(1); } var vars = query.toString().replace('&', '&').split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } }, excludeQueryValues: function(oldQuery, alsoRemove) { var tempOldQuery = ((oldQuery.startsWith('?')) ? oldQuery.substring(1) : oldQuery).replaceAll('&', '&'); var newArray = []; var oldvars = tempOldQuery.split('&'); for (var i = 0; i < oldvars.length; i++) { var pair = oldvars[i].split('='); if (!alsoRemove[pair[0]]) { newArray.push(new CCHMC.QueryValue(pair[0], pair[1]).convertToQuery()); } } return newArray.join("&"); }, preloadImages: function(arrayOfImages) { $(arrayOfImages).each(function() { $('
';
for (var letter in AZobject) {
listHTML += '';
}
listHTML += '';
contentHTML += '
' + letter + '
';
var $content = $(contentHTML).prependTo($contentArea);
var $list = $(listHTML).prependTo($contentArea);
$list.tabs($content.find("> div"), {
initialIndex: 0
});
}
},
gotoSection: function(number) {
this.currentSection = number;
this.finderModules.hide();
this.finderModules.eq(number).show();
this.finderTopicLinks.removeClass("active");
this.finderTopicLinks.eq(number).addClass("active");
}
});
/* End Class: Finder
****************************************************************************************/
/* Class: PrintJob
****************************************************************************************/
CCHMC.PrintJob = CCHMC.Widget.extend({
/* PrintJob Class
* Prints indiviual pieces of content from a module
* Creates a print preview window of the content
* width/height: print popup window width/height
* autoPrint: if you want the OS print dialog to come up right away
*/
defaults : {
width:800,
height:600,
autoPrint: false
},
init: function(elements, options) {
this.settings = $.extend({}, this.defaults, options);
//collect the content we want in the print window
var content = "";
$(elements).each(function() {
content += $(this).html();
});
//collect all the stylesheets from the originating page so the styles remain when we place in the new print window
var insertCSS = "";
$("link[rel='stylesheet']").each(function(i) {
insertCSS += '';
});
//-- HTML template for the print window
//Notes: Toolbar contains print and close window buttons.
// Hide the window contents until all the images and css load to prevent flicker.
// Disable clicking of anything, should just be a "print preview".
var printTemplate = ' \n \
\n \
' + insertCSS + ' \n \
\n \
\n \
\n \
\n \
![]()
')[0].src = this;
});
}
});
CCHMC.QueryValue = CCHMC.Widget.extend({
key: "",
value: "",
init: function(key, value) {
this.key = key;
this.value = value;
},
convertToQuery: function() {
return this.key + "=" + this.value;
}
});
/* End Class: Utility
****************************************************************************************/
/* String extensions
****************************************************************************************/
String.prototype.startsWith = function(str) {
return (this.indexOf(str) === 0);
}
String.prototype.replaceAll = function(find, replace) {
var retVal = this;
while (retVal.indexOf(find) != -1) {
retVal = retVal.replace(find, replace);
}
return retVal;
}
String.prototype.toggle = function(either, or) {
if (this == either) {
return or;
}
return either;
}
/* End String extensions
****************************************************************************************
/* JQuery extensions
****************************************************************************************/
$(document).ready(function() {
jQuery.fn.toggleAttr = function(params) {
this.each(function() {
var attrValue = jQuery(this).attr(params.attr).toggle(params.either, params.or);
jQuery(this).attr(params.attr, attrValue);
});
return this;
};
$(".striped tr").live("mouseover", function() { $(this).addClass("over"); });
$(".striped tr").live("mouseout", function() { $(this).removeClass("over"); });
$(".striped tr:even").addClass("alt");
//$(".striped tr").mouseover(function() { $(this).addClass("over"); }).mouseout(function() { $(this).removeClass("over"); });
});
/* End JQuery extensions
****************************************************************************************/
' + content + '
\n \
\n \
';
//open a new window
var printWindow = window.open("", "print_window", "height=" + this.settings.height + ",width=" + this.settings.width + ",menubar=0,location=0,scrollbars=1,status=1,toolbar=0,resizable=1");
//write the contents we just constructed into the window
printWindow.document.write(printTemplate);
printWindow.document.close();
if(this.settings.autoPrint) {
printWindow.print();
}
}
});
/* End Class: PrintJob
****************************************************************************************/
/* Class: Map
****************************************************************************************/
CCHMC.Map = CCHMC.Widget.extend({
defaults: {
locationListSelector: '.location_list',
mapExpandSelector: '.map_expand_button',
initialLat: 39.139,
initialLong: -84.504,
zoom: 10
},
id: 'jello',
geocoder: null,
map: null,
markers: null,
infoWindows: null,
target: null,
init: function(data, target, options) {
var This = this;
/*
* data: an array of location objects
* target: dom element to put the map into
*/
This.settings = $.extend({}, This.defaults, options);
This.target = target;
//initial lat/long
//create the map
This.map = new google.maps.Map(This.target, {
zoom: This.settings.zoom,
center: new google.maps.LatLng(This.settings.initialLat, This.settings.initialLong),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
//geo-coding object
This.geocoder = new google.maps.Geocoder();
//store the markers and info windows for use
This.markers = {};
This.infoWindows = {};
//close any info windows when clicking on the map
new google.maps.event.addListener(This.map, 'click', This.closeAllInfoWindows);
//set up the map expansion button
$(This.settings.mapExpandSelector).toggle(
function() {
This.closeAllInfoWindows();
$(This.settings.locationListSelector).fadeOut(100, function() {
var longSize = "636px";
if ($(This.target).parents('.layout_2col_landing').length > 0) {
longSize = "550px";
}
This.resizeMap(longSize);
});
$(this).addClass("expanded");
return false;
},
function() {
This.closeAllInfoWindows();
var shortSize = "450px";
if ($(This.target).parents('.layout_2col_landing').length > 0) {
shortSize = "400px";
}
This.resizeMap(shortSize, function() {
$(This.settings.locationListSelector).fadeIn();
});
$(this).removeClass("expanded");
return false;
});
//initialize the location list
if ($(This.settings.locationListSelector + ' ul').length == 0) {
var locationList = $("