{"id":1835139,"date":"2026-07-21T22:14:01","date_gmt":"2026-07-21T22:14:01","guid":{"rendered":"https:\/\/celebrity.land\/pt\/?p=1835139"},"modified":"2026-07-21T22:14:01","modified_gmt":"2026-07-21T22:14:01","slug":"spill-new-music-drew-ryder-smith-memory","status":"publish","type":"post","link":"https:\/\/celebrity.land\/pt\/spill-new-music-drew-ryder-smith-memory\/","title":{"rendered":"SPILL NEW MUSIC: DREW RYDER SMITH \u2013 \u201cMEMORY\u201d"},"content":{"rendered":"\n
<\/figure>\n<\/p>\n
\n

DREW RYDER SMITH \u2013 \u201cMEMORY\u201d<\/strong><\/h2>\n

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

Veteran Nashville songwriter Drew Ryder Smith, whose songs have been recorded by artists including Merle Haggard and Randy Houser, returns with his new single, \u201cMemory,\u201d a hard-driving country rocker that turns one of the genre\u2019s most familiar themes on its head. Fueled by a growling resonator guitar, pounding rhythm, and an unmistakable streak of defiance, the song gives voice to the memory itself, taunting its subject with the promise that it isn\u2019t going anywhere. \u201cMemory\u201d was born from a moment of creative frustration after a publisher labeled him a \u201cone-trick pony.\u201d Smith went home, picked up a resonator guitar \u201cbecause it sounded angry,\u201d and the song quickly took shape. Produced by Glenn A. Tabor III and featuring backing vocals from Elvie Shane and Charnel Allen, \u201cMemory\u201d transforms that frustration into a bold, brooding anthem that refuses to let go.<\/p>\n

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

\u201cMost songs about memories are written from the perspective of the person trying to move on,\u201d said Smith. \u201cI liked the idea of turning that around and letting the memory do the talking. It\u2019s basically saying, \u2018You can run all you want, but I\u2019m not leaving.<\/em>\u201d<\/p>\n

\n
\n

Drew Ryder Smith
[Single]
(Independent<\/a>)
Release Date: July 15, 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