{"id":1828066,"date":"2026-07-16T01:05:42","date_gmt":"2026-07-16T01:05:42","guid":{"rendered":"https:\/\/celebrity.land\/pt\/?p=1828066"},"modified":"2026-07-16T01:05:42","modified_gmt":"2026-07-16T01:05:42","slug":"spill-new-music-orbitals-legendary-glastonbury-1994-performance-set-for-first-ever-official-release-via-london-records","status":"publish","type":"post","link":"https:\/\/celebrity.land\/pt\/spill-new-music-orbitals-legendary-glastonbury-1994-performance-set-for-first-ever-official-release-via-london-records\/","title":{"rendered":"SPILL NEW MUSIC: ORBITAL\u2019S LEGENDARY GLASTONBURY 1994 PERFORMANCE SET FOR FIRST-EVER OFFICIAL RELEASE VIA LONDON RECORDS"},"content":{"rendered":"\n
<\/figure>\n<\/p>\n
\n

ORBITAL\u2019S LEGENDARY GLASTONBURY 1994 PERFORMANCE SET FOR FIRST-EVER OFFICIAL RELEASE VIA LONDON RECORDS<\/a><\/span><\/strong><\/h2>\n

A SEMINAL, GENRE-DEFINING MOMENT\u00a0IN LIVE ELECTRONIC MUSIC<\/strong><\/h3>\n

Orbital\u00a0are set to reopen a defining chapter in electronic music history with the first-ever official release of their now-legendary\u00a0Glastonbury 1994\u00a0performance.<\/p>\n

Available on\u00a0September 25\u00a0via London Records, this definitive document of a landmark show captures the exact moment electronic music proved it could command the main stage alongside rock\u2019s biggest acts. Pre-order\/save\u00a0HERE<\/a><\/strong>.<\/p>\n

Originally broadcast by the BBC to a generation discovering electronic music in real time,\u00a0Orbital\u2019s\u00a0Glastonbury \u201994\u00a0set became a watershed moment for both the band and UK dance culture. Just six years after the Second Summer of Love and at a time when rave culture was still viewed by many as a fringe movement,\u00a0Orbital\u00a0brought electronic music out of the clubs and onto one of the world\u2019s most prestigious festival stages. Their performance demonstrated that two musicians armed with synthesisers, sequencers and samplers could hold tens of thousands of people spellbound with the same emotional weight and intensity as any traditional live band.<\/p>\n

Orbital\u2019s\u00a0Phil Hartnoll\u00a0says:\u00a0\u201cAll I remember is the energy from the crowd, this love\u2026. oozing out, like it was vibrating from them. It was just an amazing feeling.\u201d<\/em><\/p>\n

Paul Hartnoll\u00a0adds:\u00a0\u201cAt the time, you were either an indie kid or you were a raver, but they came and saw our set and the penny dropped. It made that connection between indie music and dance music.\u201d<\/em><\/p>\n

With their now-iconic head torches, relentless energy and cinematic arrangements,\u00a0Paul\u00a0and\u00a0Phil Hartnoll\u00a0challenged perceptions of what a live electronic performance could be. The set helped redefine Glastonbury\u2019s relationship with dance music, paving the way for generations of electronic artists to appear on the festival\u2019s biggest stages. More than three decades later, it remains one of the most celebrated and influential live performances in British electronic music history.<\/p>\n

While the performance has circulated as a fan favourite online for decades, this official release features audio meticulously restored and remastered from the original desk tapes by\u00a0Mark Ayres. With remarkable clarity and depth, the recording transports listeners back to that summer evening in 1994. This is more than an archive release; it is the definitive restoration of a pivotal cultural moment that helped change the landscape of UK electronic music forever.<\/p>\n

The complete performance will be available on\u00a0September 25\u00a0across multiple physical formats: yellow & blue double colour vinyl, double black vinyl, CD and digitally on all platforms. Pre-order\/save\u00a0HERE<\/a><\/strong>.<\/p>\n

\n
<\/div>\n

\ufeff<\/span><\/p>\n

\n

Orbital
Live At Glastonbury<\/em>
(London Records<\/a>)
Release Date: September 25, 2026<\/p>\n

\n

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

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

Background Photo Credit: Steve Double<\/span><\/em><\/strong><\/h5>\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