{"id":1807028,"date":"2026-06-30T12:10:36","date_gmt":"2026-06-30T12:10:36","guid":{"rendered":"https:\/\/celebrity.land\/pt\/?p=1807028"},"modified":"2026-06-30T12:10:36","modified_gmt":"2026-06-30T12:10:36","slug":"spill-new-music-jennifer-foster-feel-what-i-feel","status":"publish","type":"post","link":"https:\/\/celebrity.land\/pt\/spill-new-music-jennifer-foster-feel-what-i-feel\/","title":{"rendered":"SPILL NEW MUSIC: JENNIFER FOSTER \u2013 \u201cFEEL WHAT I FEEL\u201d"},"content":{"rendered":"\n
<\/figure>\n<\/p>\n
\n

JENNIFER FOSTER \u2013 \u201cFEEL WHAT I FEEL\u201d<\/strong><\/h2>\n

INDEPENDENT<\/strong><\/a><\/h3>\n

Singer-songwriter Jennifer Foster kicks off summer with \u201cFeel What I Feel,\u201d a vibrant pop-rock tune powered by jangly acoustic guitar, driving drums, vintage synths, and an exhilarating, harmony-stacked chorus. The latest single from her new album Powerline<\/em> \u2013 described as \u201cwonderful\u201d by Ron Sexsmith \u2013 showcases Foster\u2019s gift for crafting melodic songs that are both emotionally resonant and undeniably catchy.<\/p>\n

Jennifer Foster is one of those rare artists who feels instantly familiar yet entirely her own \u2013 a Canadian singer-songwriter whose musical storytelling takes you places you don\u2019t expect. Powerline marks Jennifer\u2019s fourth release; her previous album earned a JUNO nomination for Producer of the Year (Michael Phillip Wojewoda). She\u2019s collaborated widely across the Canadian music landscape, working with artists such as Ron Sexsmith, Carole Pope, Lori Cullen, Kevin Hearn (Barenaked Ladies), Moe Berg, and The Pursuit of Happiness. You might also recognize her from her five seasons singing as a \u201cJazzagal\u201d on Schitt\u2019s Creek. Whether she\u2019s playing with her five-piece band or holding a room solo, it\u2019s her warmth and authenticity that draw audiences in.<\/p>\n

Powerline<\/em> is an acoustic-driven collection that offers Foster\u2019s most personal songwriting to date. Part love letter, part map, many of the songs were inspired by the New Brunswick farm where she grew up \u2013 colourful snapshots of the landscape that shaped her, and of her rich inner world as she navigates relationship, loss, and change.<\/p>\n

ARTIST QUOTE<\/strong><\/h4>\n

\u201cThis song is a rallying cry for trusting your gut and having the courage to stand on it. And about allowing yourself to feel it all \u2013 I think that\u2019s so important.<\/em>\u201d<\/p>\n

\n
\n

Jennifer Foster
[Single]
(Independent<\/a>)
Release Date: June 5, 2026<\/p>\n

\n

Artist\u00a0Links<\/strong><\/h4>\n

<\/a> \"facebook_flat_2016\"<\/a> \"instagram_flat_2016\"<\/a><\/p>\n

<\/div>\n

\n\tjQuery.noConflict();
\n\t“use strict”;
\n\t\/\/master slider (only call if current page contains a masterslider, else it will error out)
\n\tif (jQuery(“#masterslider”).length > 0){
\n\t\t\t\tvar slider = new MasterSlider();
\n\t\tslider.setup(‘masterslider’ , {
\n\t\t\twidth:859,
\n\t\t\theight:547,
\n\t\t\tspace:5,
\n\t\t\tspeed:40,
\n\t\t\tview:’scale’,
\n\t\t\tautoplay: 1,
\n\t\t\tloop: true,
\n\t\t\tpreload: ‘all’,
\n\t\t\toverPause: true,
\n\t\t\tfillMode: ‘fill’,
\n\t\t\tdir: ‘h’
\n\t\t});
\n\t\tslider.control(‘arrows’);
\n\t\t\t\tslider.control(‘thumblist’ , {autohide:false ,dir:’v’,speed:20});
\n\t}
\n\t\/\/DOCUMENT.READY
\n\tjQuery(document).ready(function() {
\n\t\t\/\/add bootstrap classes to wordpress generated elements
\n\t\tjQuery(‘.avatar-70, .avatar-50, .avatar-40’).addClass(‘img-circle’);
\n\t\tjQuery(‘.comment-reply-link’).addClass(‘btn’);
\n\t\tjQuery(‘#reply-form input#submit’).addClass(‘btn’);
\n\t\t\/\/disable responsiveness
\n\t\t\t\t\/\/move slider next arrow for videos
\n\t\tif (jQuery(“#masterslider”).length > 0){
\n\t\t\tslider.api.addEventListener(MSSliderEvent.VIDEO_PLAY , function(){
\n\t\t\t\tjQuery(‘.ms-nav-next’).addClass(‘video-playing’);
\n\t\t\t});
\n\t\t\tslider.api.addEventListener(MSSliderEvent.VIDEO_CLOSE , function(){
\n\t\t\t\tjQuery(‘.ms-nav-next’).removeClass(‘video-playing’);
\n\t\t\t});
\n\t\t}
\n\t\t\/\/hide various jQuery elements until they are loaded
\n\t\tjQuery(‘#sticky-menus’).show();
\n\t\tjQuery(‘.it-widget-tabs’).show();
\n\t\tjQuery(‘.bar-label’).show();
\n\t\t\/\/jquery nav menus
\n\t\tjQuery(“#sticky-menu”)
\n\t\t\t.mmenu({
\n\t\t\t\tposition: “left”,
\n\t\t\t\tzposition: “back”,
\n\t\t\t\tcounters: true,
\n\t\t\t\tdragOpen: true,
\n\t\t\t\theader: {
\n\t\t\t\t\tadd: true,
\n\t\t\t\t\tupdate: true,
\n\t\t\t\t\ttitle: “Spill Menu”
\n\t\t\t\t},
\n\t\t\t\tsearchfield: true
\n\t\t\t}, {
\n\t\t\t\tselectedClass: “current-menu-item”
\n\t\t\t})
\n\t\t\t.on(
\n\t\t\t\t“opening.mm”,
\n\t\t\t\tfunction()
\n\t\t\t\t{
\n\t\t\t\t\tjQuery(“#sticky-bar.admin-bar”).not(“.no-header”).css(“top”, “110px”);
\n\t\t\t\t\tjQuery(“.contents-menu-wrapper”).hide();
\n\t\t\t\t\tjQuery(“.contents-menu-wrapper”).css({ opacity: 0 });
\n\t\t\t\t}
\n\t\t\t)
\n\t\t\t.on(
\n\t\t\t\t“closed.mm”,
\n\t\t\t\tfunction()
\n\t\t\t\t{
\n\t\t\t\t\tjQuery(“#sticky-bar.admin-bar”).not(“.no-header”).css(“top”, “142px”);
\n\t\t\t\t\tjQuery(“.contents-menu-wrapper”).show();
\n\t\t\t\t\tjQuery(“.contents-menu-wrapper”).css({ opacity: 1 });
\n\t\t\t\t}
\n\t\t\t);
\n\t\tjQuery(“#section-menu-mobile”)
\n\t\t\t.mmenu({
\n\t\t\t\tposition: “right”,
\n\t\t\t\tzposition: “back”,
\n\t\t\t\tcounters: true,
\n\t\t\t\tdragOpen: true,
\n\t\t\t\theader: {
\n\t\t\t\t\tadd: true,
\n\t\t\t\t\tupdate: true,
\n\t\t\t\t\ttitle: “Spill Menu”
\n\t\t\t\t},
\n\t\t\t\tsearchfield: true
\n\t\t\t}, {
\n\t\t\t\tselectedClass: “current-menu-item”
\n\t\t\t})
\n\t\t\t.on(
\n\t\t\t\t“opening.mm”,
\n\t\t\t\tfunction()
\n\t\t\t\t{
\n\t\t\t\t\tjQuery(“#sticky-bar.admin-bar”).not(“.no-header”).css(“top”, “110px”);
\n\t\t\t\t}
\n\t\t\t)
\n\t\t\t.on(
\n\t\t\t\t“closed.mm”,
\n\t\t\t\tfunction()
\n\t\t\t\t{
\n\t\t\t\t\tjQuery(“#sticky-bar.admin-bar”).not(“.no-header”).css(“top”, “142px”);
\n\t\t\t\t}
\n\t\t\t);
\n\t\t\/\/superfish
\n\t\tjQuery(‘#sticky-menu ul’).superfish({
\n\t\t\thoverClass: ‘over’,
\n\t\t\tdelay: 500,
\n\t\t\tanimation: {height:’show’},
\n\t\t\tspeed: 160,
\n\t\t\tdisableHI: true,
\n\t\t\tautoArrows: false
\n\t\t});
\n\t\tjQuery(‘#section-menu ul’).superfish({
\n\t\t\thoverClass: ‘over’,
\n\t\t\tdelay: 300,
\n\t\t\tspeed: 100,
\n\t\t\tdisableHI: true,
\n\t\t\tautoArrows: false
\n\t\t});
\n\t\tjQuery(‘.utility-menu ul’).superfish({
\n\t\t\thoverClass: ‘over’,
\n\t\t\tdelay: 500,
\n\t\t\tanimation: {height:’show’},
\n\t\t\tspeed: 160,
\n\t\t\tdisableHI: true,
\n\t\t\tautoArrows: false
\n\t\t});
\n\t\t\/\/hide scrollers until fully loaded
\n\t\tjQuery(‘.explicit-inner’).show();
\n\t\tjQuery(‘.trending-wrapper’).show();
\n\t\tjQuery(“.trending-content”).smoothDivScroll({
\n\t\t\tmanualContinuousScrolling: true,
\n\t\t\tvisibleHotSpotBackgrounds: “always”,
\n\t\t\thotSpotScrollingStep: 4,
\n\t\t\thotSpotScrollingInterval: 4,
\n\t\t\ttouchScrolling: true
\n\t\t});
\n\t\tjQuery(“.explicit-content”).smoothDivScroll({
\n\t\t\tmanualContinuousScrolling: true,
\n\t\t\tvisibleHotSpotBackgrounds: “always”,
\n\t\t\thotSpotScrollingStep: 4,
\n\t\t\thotSpotScrollingInterval: 4,
\n\t\t\ttouchScrolling: true
\n\t\t});
\n\t\tjQuery(“.trending-content .scrollableArea”).addClass(“loop”);
\n\t\t\/\/jquery ui slider
\n\t\t\t\tjQuery(‘.form-selector’).slider({
\n\t\t\tvalue: 5,
\n\t\t\tmin: 0,
\n\t\t\tmax: 10,
\n\t\t\tstep: 0.1,
\n\t\t\torientation: “horizontal”,
\n\t\t\trange: “min”,
\n\t\t\tanimate: true,
\n\t\t\tslide: function( event, ui ) {
\n\t\t\t\tvar rating = ui.value;
\n\t\t\t\tjQuery(this).parent().siblings(‘.rating-value’).html( rating );
\n\t\t\t}
\n\t\t});
\n\t\t\/\/HD images
\n\t\tif (window.devicePixelRatio == 2) {
\n\t\t\tvar images = jQuery(“img.hires”);
\n\t\t\t\/\/ loop through the images and make them hi-res
\n\t\t\tfor(var i = 0; i < images.length; i++) {
\n\t\t\t\t\/\/ create new image name
\n\t\t\t\tvar imageType = images[i].src.substr(-4);
\n\t\t\t\tvar imageName = images[i].src.substr(0, images[i].src.length – 4);
\n\t\t\t\timageName += "@2x" + imageType;
\n\t\t\t\t\/\/rename image
\n\t\t\t\timages[i].src = imageName;
\n\t\t\t}
\n\t\t}<\/p>\n

\t\t\tjQuery('a.featured-image').colorbox();
\n\t\t\tjQuery('.colorbox').colorbox();
\n\t\t\tjQuery(".the-content a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").colorbox();
\n\t\t\t\t\t\t\tjQuery('.the-content .gallery a').colorbox({rel:'gallery'});<\/p>\n

\t\t\/\/placeholder text for IE9
\n\t\tjQuery('input, textarea').placeholder();<\/p>\n

\t\t\/\/insert content menu items
\n\t\tjQuery(jQuery('#content-anchor-inner').find('.content-section-divider').get().reverse()).each(function () {
\n\t\t\tvar id = jQuery(this).attr('id');
\n\t\t\tvar label = jQuery(this).data('label');
\n\t\t\tjQuery( '#content-anchor-wrapper' ).after( '<\/p>\n

  • ‘ + label + ‘<\/a><\/li>\n

    ‘ );
    \n\t\t});
    \n\t\t\t\t\tvar fromTop = 119;
    \n\t\t\t\t\/\/attach scrollspy
    \n\t\tjQuery(‘body’).scrollspy({ target: ‘.contents-menu’, offset: fromTop });
    \n\t\t\/\/functions that need to run after ajax buttons are clicked
    \n\t\tdynamicElements();
    \n\t\t\/\/menu hover fx
    \n\t\tmenuHovers();
    \n\t});
    \n\t\/\/applied to elements within ajax panels
    \n\tfunction dynamicElements() {
    \n\t\t\/\/portholes mouseovers
    \n\t\tjQuery(“.portholes .porthole-link”).hover(
    \n\t\t\tfunction() {
    \n\t\t\t\tjQuery(this).siblings(“.porthole-color”).stop().animate({
    \n\t\t\t\t\t‘opacity’:’.8′
    \n\t\t\t\t}, 150);
    \n\t\t\t\tjQuery(this).siblings(“.porthole-layer”).stop().animate({
    \n\t\t\t\t\t‘opacity’:’0′
    \n\t\t\t\t}, 350);
    \n\t\t\t\tjQuery(this).siblings(“.porthole-info”).find(“.rating-wrapper”).stop().animate({
    \n\t\t\t\t\t‘opacity’:’.9′
    \n\t\t\t\t}, 100);
    \n\t\t\t\tjQuery(this).siblings(“.porthole-info”).stop().delay(0).queue(function(next){
    \n\t\t\t\t\tjQuery(this).addClass(“active”);
    \n\t\t\t\t\tnext();
    \n\t\t\t\t});
    \n\t\t\t},
    \n\t\t\tfunction() {
    \n\t\t\t\tjQuery(this).siblings(“.porthole-color”).stop().animate({
    \n\t\t\t\t\t‘opacity’:’0′
    \n\t\t\t\t}, 550);
    \n\t\t\t\tjQuery(this).siblings(“.porthole-layer”).stop().animate({
    \n\t\t\t\t\t‘opacity’:’.9′
    \n\t\t\t\t}, 250);
    \n\t\t\t\tjQuery(this).siblings(“.porthole-info”).find(“.rating-wrapper”).stop().animate({
    \n\t\t\t\t\t‘opacity’:’0′
    \n\t\t\t\t}, 550);
    \n\t\t\t\tjQuery(this).siblings(“.porthole-info”).stop().delay(150).queue(function(next){
    \n\t\t\t\t\tjQuery(this).removeClass(“active”);
    \n\t\t\t\t\tnext();
    \n\t\t\t\t});
    \n\t\t\t}
    \n\t\t);
    \n\t\t\/\/active hover
    \n\t\tjQuery(“.add-active”).hover(
    \n\t\t\tfunction() {
    \n\t\t\t\tjQuery(this).addClass(“active”);
    \n\t\t\t},
    \n\t\t\tfunction() {
    \n\t\t\t\tjQuery(this).removeClass(“active”);
    \n\t\t\t}
    \n\t\t);
    \n\t\t\/\/image hovers
    \n\t\tjQuery(“.active-image”).hover(
    \n\t\t\tfunction() {
    \n\t\t\t\tjQuery(this).find(‘img’).stop().animate({ opacity: .4 }, 150);
    \n\t\t\t},
    \n\t\t\tfunction() {
    \n\t\t\t\tjQuery(this).find(‘img’).stop().animate({ opacity: 1.0 }, 500);
    \n\t\t\t}
    \n\t\t);
    \n\t\tjQuery(“.the_content”).hover(
    \n\t\t\tfunction() {
    \n\t\t\t\tjQuery(this).find(‘img’).stop().animate({ opacity: .4 }, 150);
    \n\t\t\t},
    \n\t\t\tfunction() {
    \n\t\t\t\tjQuery(this).find(‘img’).stop().animate({ opacity: 1.0 }, 500);
    \n\t\t\t}
    \n\t\t);
    \n\t\t\/\/jQuery tooltips
    \n\t\tjQuery(‘.info’).tooltip();
    \n\t\tjQuery(‘.info-top’).tooltip();
    \n\t\tjQuery(‘.info-bottom’).tooltip({ placement: ‘bottom’ });
    \n\t\tjQuery(‘.info-left’).tooltip({ placement: ‘left’ });
    \n\t\tjQuery(‘.info-right’).tooltip({ placement: ‘right’ });
    \n\t\t\/\/jQuery popovers
    \n\t\tjQuery(‘.popthis’).popover();
    \n\t\t\/\/jQuery alert dismissals
    \n\t\tjQuery(“.alert”).alert();
    \n\t\t\/\/jQuery fitvids
    \n\t\tjQuery(‘.video_frame’).fitVids();
    \n\t\t\/\/equal height columns
    \n\t\tequalHeightColumns(jQuery(“.widget-panel”));
    \n\t\tequalHeightColumns(jQuery(“.loop.grid .article-panel”));
    \n\t\t\/\/if items are dynamically added on page load, need to account for new width
    \n\t\tresizeContentsMenu();
    \n\t\tresizeStickyMenu();
    \n\t}
    \n\t\/\/call equal height columns when window is resized
    \n\tjQuery(window).resize(function() {
    \n\t\tequalHeightColumns(jQuery(“.widget-panel”));
    \n\t\tequalHeightColumns(jQuery(“.loop.grid .article-panel”));
    \n\t\tresizeContentsMenu();
    \n\t\tresizeStickyMenu();
    \n\t});
    \n\t\/\/call equal height columns when widgets is resized
    \n\tjQuery(“#widgets”).resize(function(e){
    \n\t\tequalHeightColumns(jQuery(“.widget-panel”));
    \n\t});
    \n\t\/\/call equal height columns when main menu items are hovered since sub menus are
    \n\t\/\/hidden and don’t have heights until visible
    \n\tjQuery(‘body’).on(‘mouseover’, ‘#section-menu-full a.parent-item’, function(e){
    \n\t\tequalHeightColumns(jQuery(“#section-menu-full ul.term-list, #section-menu-full li.post-list”), true);
    \n\t});
    \n\t\/\/equal height columns
    \n\tfunction equalHeightColumns(group, nolimit) {
    \n\t\ttallest = 0;
    \n\t\twidth = jQuery(window).width();
    \n\t\tgroup.each(function() {
    \n\t\t\tjQuery(this).removeAttr(‘style’);
    \n\t\t\tthisHeight = jQuery(this).height();
    \n\t\t\tif(thisHeight > tallest) {
    \n\t\t\t\ttallest = thisHeight;
    \n\t\t\t}
    \n\t\t});
    \n\t\tif(width > 991 || nolimit) {
    \n\t\t\tgroup.height(tallest);
    \n\t\t}
    \n\t}
    \n\t\t\tvar topOffset = 70;
    \n\t\tvar barOffset = 208;
    \n\tjQuery(window).scroll(function() {
    \n\t\tif (jQuery(this).scrollTop() > 110) {
    \n\t\t\tjQuery(‘#sticky-bar’).addClass(‘fixed’);
    \n\t\t\tjQuery(‘#sticky-bar.logo-slide .logo a’).stop().animate({ opacity: 1.0, left: ‘0px’ }, 100);
    \n\t\t} else {
    \n\t\t\tif(!jQuery(‘#sticky-menu’).is(‘:visible’) && !jQuery(‘#section-menu-mobile’).is(‘:visible’)) {
    \n\t\t\t\tjQuery(‘#sticky-bar’).removeClass(‘fixed’);
    \n\t\t\t\tjQuery(‘#sticky-bar.logo-slide .logo a’).stop().animate({ opacity: 0, left: ‘-100px’ }, 500);
    \n\t\t\t}
    \n\t\t}
    \n\t\tif(jQuery(this).scrollTop() > 44) {
    \n\t\t\tjQuery(‘#sticky-bar’).addClass(‘sticky-mobile’);
    \n\t\t} else {
    \n\t\t\tjQuery(‘#sticky-bar’).removeClass(‘sticky-mobile’);
    \n\t\t}
    \n\t\t\/\/back to top arrow
    \n\t\tif (jQuery(this).scrollTop() 0) {
    \n\t\t\tvar megaWidth = jQuery(‘.mega-menu’).width();
    \n\t\t\tif(jQuery(‘.mega-menu’).length == 0) {
    \n\t\t\t\tvar megaWidth = jQuery(‘.non-mega-menu’).width();
    \n\t\t\t}
    \n\t\t\tvar standardWidth = jQuery(‘.secondary-menu-full’).width();
    \n\t\t\tvar compactWidth = jQuery(‘.secondary-menu-compact’).width();
    \n\t\t\tvar menusWidth = megaWidth + standardWidth;
    \n\t\t\tvar compactMenusWidth = megaWidth + compactWidth;
    \n\t\t\tvar logoWidth = jQuery(‘#sticky-bar .logo’).width();
    \n\t\t\t\/\/var logoLeft = jQuery(‘#sticky-bar .logo’).offset();
    \n\t\t\t\/\/logoWidth = logoWidth + logoLeft.left;
    \n\t\t\tvar newWidth = jQuery(‘#new-articles’).width();
    \n\t\t\tvar stickyWidth = jQuery(‘#sticky-menu-selector’).width();
    \n\t\t\tvar randomWidth = jQuery(‘#random-article’).width();
    \n\t\t\tvar controlsWidth = jQuery(‘#sticky-controls’).width();
    \n\t\t\tvar barWidth = jQuery(‘#sticky-bar > .row > .col-md-12 > .container’).width();
    \n\t\t\tif(barWidth === null) barWidth = jQuery(‘#sticky-bar > .row > .col-xs-12 > .container’).width();
    \n\t\t\tvar extraWidth = logoWidth + newWidth + stickyWidth + randomWidth + controlsWidth;
    \n\t\t\tvar limitWidth = barWidth – extraWidth;
    \n\t\t\t\/\/alert(‘megaWidth=” + megaWidth + “\\nstandardWidth=” + standardWidth + “\\nmenusWidth=” + menusWidth + “\\nlogoWidth=” + logoWidth + “\\nnewWidth=” + newWidth + “\\nstickyWidth=” + stickyWidth + “\\nrandomWidth=” + randomWidth + “\\ncontrolsWidth=” + controlsWidth + “\\nbarWidth=” + barWidth + “\\nextraWidth=” + extraWidth + “\\nlimitWidth=” + limitWidth);
    \n\t\t\t\/\/mega menu alone passes limit
    \n\t\t\tif(megaWidth > limitWidth) {
    \n\t\t\t\tjQuery(“#section-menu-full’).hide();
    \n\t\t\t\tjQuery(‘#section-menu-compact’).show();
    \n\t\t\t}
    \n\t\t\t\/\/standard menu alone passes limit
    \n\t\t\tif(standardWidth > limitWidth) {
    \n\t\t\t\tjQuery(‘.secondary-menu-full’).hide();
    \n\t\t\t\tjQuery(‘.secondary-menu-compact’).show();
    \n\t\t\t}
    \n\t\t\t\/\/both menus together pass limit
    \n\t\t\tif(menusWidth > limitWidth) {
    \n\t\t\t\t\/\/first reduce standard menu
    \n\t\t\t\tjQuery(‘.secondary-menu-full’).hide();
    \n\t\t\t\tjQuery(‘.secondary-menu-compact’).show();
    \n\t\t\t\t\/\/compact standard plus mega menu pass limit
    \n\t\t\t\tif(compactMenusWidth > limitWidth) {
    \n\t\t\t\t\tjQuery(‘#section-menu-full’).hide();
    \n\t\t\t\t\tjQuery(‘#section-menu-compact’).show();
    \n\t\t\t\t}
    \n\t\t\t}
    \n\t\t}
    \n\t}
    \n\tfunction resizeContentsMenu() {
    \n\t\t\/\/bookmark positioning
    \n\t\tif(jQuery(‘.contents-menu-wrapper’).length > 0) {
    \n\t\t\tvar menuOffset = jQuery(‘.contents-menu-wrapper’).offset().top – topOffset;
    \n\t\t\tvar newWidth = jQuery(‘.contents-menu-wrapper’).width() – 2;
    \n\t\t\tvar btnWidth = jQuery(‘.contents-menu-wrapper ul.sort-buttons’).width();
    \n\t\t\tvar lblWidth = jQuery(‘.contents-menu-wrapper .bar-label-wrapper’).width();
    \n\t\t\tvar wrapperWidth = jQuery(‘#main-content’).width() – 2;
    \n\t\t\tvar barWidth = btnWidth + lblWidth;
    \n\t\t\tif (barWidth > wrapperWidth) {
    \n\t\t\t\tjQuery(‘.contents-menu-wrapper’).addClass(‘vertical’);
    \n\t\t\t}
    \n\t\t\tif (!jQuery(‘.contents-menu-wrapper’).hasClass(‘vertical’) && jQuery(this).scrollTop() > menuOffset) {
    \n\t\t\t\tjQuery(‘.contents-menu’).addClass(‘fixed’).width(newWidth);
    \n\t\t\t} else {
    \n\t\t\t\tjQuery(‘.contents-menu’).removeClass(‘fixed’).removeAttr(‘style’);
    \n\t\t\t}
    \n\t\t\t\/\/show the menu after scrolling and hide after a while (only for vertical layout)
    \n\t\t\tif(jQuery(‘.contents-menu-wrapper’).hasClass(‘vertical’)) {
    \n\t\t\t\tif(!jQuery(‘.contents-menu-wrapper’).is(‘:visible’)) {
    \n\t\t\t\t\tjQuery(‘.contents-menu-wrapper’).stop().fadeIn(100);
    \n\t\t\t\t}
    \n\t\t\t}
    \n\t\t}
    \n\t\tif(jQuery(‘.contents-menu-wrapper’).hasClass(‘vertical’)) {
    \n\t\t\t\t\t\t\tvar newOffset = 68;
    \n\t\t\t\t\t\tjQuery(‘body’).data()[‘bs.scrollspy’].options.offset = newOffset; \/\/ Set the new offset
    \n\t\t\tjQuery(‘body’).data()[‘bs.scrollspy’].process(); \/\/ Force scrollspy to recalculate the offsets to your targets
    \n\t\t\tjQuery(‘body’).scrollspy(‘refresh’); \/\/ Refresh the scrollspy.
    \n\t\t}
    \n\t}
    \n\t\/\/if disqus is active need to adjust anchor link from comments to disqus thread
    \n\tfunction disqusContentsMenu() {
    \n\t\tif (jQuery(“#disqus_thread”).length > 0){
    \n\t\t\tjQuery(“#comments-anchor-wrapper a”).attr(“href”, “#disqus_thread”);
    \n\t\t}
    \n\t}
    \n\t\/\/hide contents menu 2 seconds after scrolling has stopped
    \n\t(function() {
    \n\t\tvar timer;
    \n\t\tjQuery(window).bind(‘scroll’,function () {
    \n\t\t\tclearTimeout(timer);
    \n\t\t\ttimer = setTimeout( refresh , 1800 );
    \n\t\t});
    \n\t\tvar refresh = function () {
    \n\t\t\t\/\/only want to do this for vertical style and only if mouse is not currently hovering over the menu
    \n\t\t\tif(jQuery(‘.contents-menu-wrapper’).hasClass(‘vertical’) && jQuery(‘.contents-menu-wrapper:hover’).length == 0) {
    \n\t\t\t\tjQuery(‘.contents-menu-wrapper’).fadeOut(1200);
    \n\t\t\t}
    \n\t\t};
    \n\t})();
    \n\t\/\/hide contents menu after user mouses out
    \n\t(function() {
    \n\t\tvar timer;
    \n\t\tjQuery(‘body’).on(‘mouseenter’, ‘.contents-menu-wrapper.vertical’, function(e) {
    \n\t\t\tjQuery(‘.contents-menu-wrapper’).stop(true, true).fadeIn(100);
    \n\t\t\tclearTimeout(timer);
    \n\t\t});
    \n\t\tjQuery(‘body’).on(‘mouseleave’, ‘.contents-menu-wrapper.vertical’, function(e) {
    \n\t\t\tclearTimeout(timer);
    \n\t\t\ttimer = setTimeout( refresh , 1800 );
    \n\t\t});
    \n\t\tvar refresh = function () {
    \n\t\t\t\/\/only want to do this for vertical style and only if mouse is not currently hovering over the menu
    \n\t\t\tif(jQuery(‘.contents-menu-wrapper’).hasClass(‘vertical’) && jQuery(‘.contents-menu-wrapper:hover’).length == 0) {
    \n\t\t\t\tjQuery(‘.contents-menu-wrapper’).fadeOut(1200);
    \n\t\t\t}
    \n\t\t};
    \n\t})();
    \n\t\/**
    \n\t* Check a href for an anchor. If exists, and in document, scroll to it.
    \n\t* If href argument ommited, assumes context (this) is HTML Element,
    \n\t* which will be the case when invoked by jQuery after an event
    \n\t*\/
    \n\tfunction scroll_if_anchor(href) {
    \n\t href = typeof(href) == “string” ? href : jQuery(this).attr(“href”);
    \n\t\t\/\/do not interfere with bootstrap carousels
    \n\t\tif(jQuery(href).length > 0 && !jQuery(this).hasClass(‘no-scroll’)) {
    \n\t\t\t\t\t\t\tvar fromTop = 118;
    \n\t\t\t\/\/subtract contents menu height (and margin)
    \n\t\t\tif(jQuery(‘.contents-menu-wrapper’).hasClass(‘vertical’)) {
    \n\t\t\t\tfromTop = fromTop – 51;
    \n\t\t\t}
    \n\t\t\t\/\/ If our Href points to a valid, non-empty anchor, and is on the same page (e.g. #foo)
    \n\t\t\t\/\/ Legacy jQuery and IE7 may have issues: http:\/\/stackoverflow.com\/q\/1593174
    \n\t\t\tif(href.indexOf(“#”) == 0) {
    \n\t\t\t\tvar $target = jQuery(href);
    \n\t\t\t\t\/\/ Older browser without pushState might flicker here, as they momentarily
    \n\t\t\t\t\/\/ jump to the wrong position (IE =3) {
    \n\t\t\t\tjQuery(“#searchformtop”).submit();
    \n\t\t\t} else {
    \n\t\t\t\talert(“Search term must be at least 3 characters in length”);
    \n\t\t\t}
    \n\t\t}
    \n\t});
    \n\t\/\/email subscribe form submission
    \n\tjQuery(“#feedburner_subscribe button”).click(function() {
    \n\t\tjQuery(“#feedburner_subscribe”).submit();
    \n\t});
    \n\t\/\/show login form
    \n\tjQuery(“#sticky-login”).click(function() {
    \n\t\tjQuery(‘#sticky-login-form’).animate({
    \n\t\t\theight: ‘toggle’
    \n\t\t}, 100, ‘linear’ );
    \n\t\tjQuery(‘#sticky-register-form’).hide();
    \n\t\tjQuery(‘#sticky-register’).removeClass(‘active’);
    \n\t\tjQuery(this).toggleClass(‘active’);
    \n\t});
    \n\t\/\/show register form
    \n\tjQuery(“#sticky-register”).click(function() {
    \n\t\tjQuery(‘#sticky-register-form’).animate({
    \n\t\t\theight: ‘toggle’
    \n\t\t}, 100, ‘linear’ );
    \n\t\tjQuery(‘#sticky-login-form’).hide();
    \n\t\tjQuery(‘#sticky-login’).removeClass(‘active’);
    \n\t\tjQuery(this).toggleClass(‘active’);
    \n\t});
    \n\t\/\/submit button hover effects
    \n\tjQuery(“.sticky-submit”).hover(function() {
    \n\t\tjQuery(this).toggleClass(“active”);
    \n\t});
    \n\t\/\/login form submission
    \n\tjQuery(“.sticky-login-form #user_pass”).keypress(function(event) {
    \n\t\tif (event.which == 13) {
    \n\t\t\tjQuery(“#sticky-login-form .loading”).show();
    \n\t\t\tjQuery(“form.sticky-login-form”).animate({opacity: “0.15”}, 0);
    \n\t\t\tevent.preventDefault();
    \n\t\t\tjQuery(“.sticky-login-form”).submit();
    \n\t\t}
    \n\t});
    \n\tjQuery(“#sticky-login-submit”).click(function() {
    \n\t\tjQuery(“#sticky-login-form .loading”).show();
    \n\t\tjQuery(“form.sticky-login-form”).animate({opacity: “0.15”}, 0);
    \n\t\tjQuery(“.sticky-login-form”).submit();
    \n\t});
    \n\t\/\/register form submission
    \n\tjQuery(“.sticky-register-form #user_email”).keypress(function(event) {
    \n\t\tif (event.which == 13) {
    \n\t\t\tjQuery(“#sticky-register-form .loading”).show();
    \n\t\t\tjQuery(“form.sticky-register-form”).animate({opacity: “0.15”}, 0);
    \n\t\t\tevent.preventDefault();
    \n\t\t\tjQuery(“.sticky-register-form”).submit();
    \n\t\t}
    \n\t});
    \n\tjQuery(“#sticky-register-submit”).click(function() {
    \n\t\tjQuery(“#sticky-register-form .loading”).show();
    \n\t\tjQuery(“form.sticky-register-form”).animate({opacity: “0.15”}, 0);
    \n\t\tjQuery(“.sticky-register-form”).submit();
    \n\t});
    \n\t\/\/hide check password message
    \n\tjQuery(“.check-password”).click(function() {
    \n\t\tjQuery(this).animate({
    \n\t\t\theight: ‘toggle’
    \n\t\t}, 100, ‘linear’ );
    \n\t});
    \n\t\/\/scroll all #top elements to top
    \n\tjQuery(“a[href=”#top”]”).click(function() {
    \n\t\tjQuery(“html, body”).animate({ scrollTop: 0 }, “slow”);
    \n\t\treturn false;
    \n\t});
    \n\t\/\/image darkening
    \n\tjQuery(‘body’).on(‘mouseenter’, ‘.darken’, function(e) {
    \n\t\tjQuery(this).find(‘img’).stop().animate({ opacity: .4 }, 150);
    \n\t}).on(‘mouseleave’, ‘.darken’, function(e) {
    \n\t\tjQuery(this).find(‘img’).stop().animate({ opacity: 1.0 }, 500);
    \n\t});
    \n\t\/\/reaction mouseovers
    \n\tjQuery(‘body’).on(‘mouseenter’, ‘.reaction.clickable’, function(e) {
    \n\t\tjQuery(this).addClass(‘active’);
    \n\t}).on(‘mouseleave’, ‘.reaction’, function(e) {
    \n\t\tjQuery(this).removeClass(‘active’);
    \n\t});
    \n\t\/\/ user rating panel display
    \n\t\t\tjQuery(‘body’).on(‘mouseover’, ‘.user-rating .rating-wrapper.rateable’, function(e) {
    \n\t\t\tjQuery(this).addClass(‘over’);
    \n\t\t\tjQuery(this).find(‘.form-selector-wrapper’).fadeIn(100);
    \n\t\t});
    \n\t\tjQuery(‘body’).on(‘mouseleave’, ‘.user-rating .rating-wrapper’, function(e) {
    \n\t\t\tjQuery(this).stop().delay(100)
    \n\t\t\t\t\t\t.queue(function(n) {
    \n\t\t\t\t\t\t\tjQuery(this).removeClass(‘over’);
    \n\t\t\t\t\t\t\tn();
    \n\t\t\t\t\t\t});
    \n\t\t\tjQuery(this).find(‘.form-selector-wrapper’).stop().fadeOut(500);
    \n\t\t});
    \n\t\t\/\/ user comment rating panel display
    \n\tjQuery(‘body’).on(‘mouseover’, ‘#respond .rating-wrapper.rateable’, function(e) {
    \n\t\tjQuery(this).addClass(‘over’);
    \n\t\tjQuery(this).find(‘.form-selector-wrapper’).fadeIn(100);
    \n\t});
    \n\tjQuery(‘body’).on(‘mouseleave’, ‘#respond .rating-wrapper’, function(e) {
    \n\t\tjQuery(this).stop().delay(100)
    \n\t\t\t\t\t.queue(function(n) {
    \n\t\t\t\t\t\tjQuery(this).removeClass(‘over’);
    \n\t\t\t\t\t\tn();
    \n\t\t\t\t\t});
    \n\t\tjQuery(this).find(‘.form-selector-wrapper’).stop().fadeOut(500);
    \n\t});
    \n\t\/\/ user comment rating
    \n\tjQuery( “#respond .form-selector” ).on( “slidestop”, function( event, ui ) {
    \n\t\tvar divID = jQuery(this).parent().parent().parent().attr(“id”);
    \n\t\tvar rating = jQuery(this).parent().siblings(‘.rating-value’).html();
    \n\t\tjQuery(‘#’ + divID + ‘ .theme-icon-check’).delay(100).fadeIn(100);
    \n\t\tjQuery(‘#’ + divID + ‘ .hidden-rating-value’).val(rating);
    \n\t});
    \n\t\/\/pinterest
    \n\tif(jQuery(‘#pinterest-social-tab’).length > 0) {
    \n\t\t(function(d){
    \n\t\t\tvar f = d.getElementsByTagName(‘SCRIPT’)[0], p = d.createElement(‘SCRIPT’);
    \n\t\t\tp.type=”text\/javascript”;
    \n\t\t\tp.async = true;
    \n\t\t\tp.src = “https:\/\/assets.pinterest.com\/js\/pinit.js”;
    \n\t\t\tf.parentNode.insertBefore(p, f);
    \n\t\t}(document));
    \n\t}
    \n\t\/\/facebook
    \n\tif(jQuery(‘#facebook-social-tab’).length > 0) {
    \n\t\t(function(d, s, id) {
    \n\t\t\tvar js, fjs = d.getElementsByTagName(s)[0];
    \n\t\t\tif (d.getElementById(id)) return;
    \n\t\t\tjs = d.createElement(s); js.id = id;
    \n\t\t\tjs.src = “\/\/connect.facebook.net\/en_US\/all.js#xfbml=1&status=0″;
    \n\t\t\tfjs.parentNode.insertBefore(js, fjs);
    \n\t\t}(document, ‘script’, ‘facebook-jssdk’));
    \n\t}
    \n\t\/\/WINDOW.LOAD
    \n\tjQuery(window).load(function() {
    \n\t\t\/\/flickr
    \n\t\t\t\tif(jQuery(‘#flickr-social-tab’).length > 0) {
    \n\t\t\tjQuery(‘.flickr’).jflickrfeed({
    \n\t\t\t\tlimit: 9,
    \n\t\t\t\tqstrings: {
    \n\t\t\t\t\tid: ”
    \n\t\t\t\t},
    \n\t\t\t\titemTemplate: ‘<\/p>\n

  • ‘+
    \n\t\t\t\t\t\t\t\t‘    ‘ +
    \n\t\t\t\t\t\t\t\t\t‘\"{{title}}\"‘ +
    \n\t\t\t\t\t\t\t\t‘<\/a>‘ +
    \n\t\t\t\t\t\t\t ‘<\/li>\n

    ‘
    \n\t\t\t}, function(data) {
    \n\t\t\t});
    \n\t\t}
    \n\t\t\/\/tabs – these must go in window.load so pinterest will work inside a tab
    \n\t\tjQuery(‘.widgets-wrapper .it-social-tabs’).tabs({ fx: { opacity: ‘toggle’, duration: 150 } });
    \n\t\tjQuery(‘#footer .it-social-tabs’).tabs({ active: 2, fx: { opacity: ‘toggle’, duration: 150 } });
    \n\t\tjQuery(‘.share-wrapper’).show();
    \n\t\tequalHeightColumns(jQuery(“.loop.grid .article-panel”));
    \n\t\tdisqusContentsMenu();
    \n\t\t\/\/show ads after mmenu is setup because it wraps the page in a div
    \n\t\t\/\/causing google adsense to reload
    \n\t\tjQuery(‘.it-ad’).animate({opacity: ‘1’}, 0);
    \n\t\t});
    \n\tjQuery.noConflict();\n<\/p>\n

    \u2018 The preceding article may include information circulated by third parties \u2019 <\/em><\/p>\n

    \u2018 Some details of this article were extracted from the following source spillmagazine.com \u2019 <\/em><\/p>\n