var SlateNav = {};
// NOTE: initialized in a doc.ready call at end of file
SlateNav.MYSLATE_TRACKING_PIXEL_URL = 'http://ad.doubleclick.net/clk;252663412;73738151;f;pc=[TPAS_ID];ord=' + Math.floor(Math.random()*10000000000) + '?';
SlateNav.FLYOUT_COLUMN_SIZE = 3;
SlateNav.sects = $('.sl-nav-sect-link[class!="sl-nav-lock"][class!="sl-nav-sl-nav-99"]');
// SlateNav.sectionMap maps identifying component of the nav section links'
// classes to static vals.
// The second class name in each link contains an identifier we'll ultimately
// use to fetch each
// section's most recent stories, e.g. the 'np' in 'sl-nav-np-link' maps that
// element to
// 'News and Politics'.
SlateNav.sectionMap = {
'np' : {
path : 'news_and_politics',
name : 'News and Politics',
list : ''
},
'tech' : {
path : 'technology',
name : 'Technology',
list : ''
},
'bus' : {
path : 'business',
name : 'Business',
list : ''
},
'arts' : {
path : 'arts',
name : 'Arts',
list : ''
},
'life' : {
path : 'life',
name : 'Life',
list : ''
},
'hs' : {
path : 'health_and_science',
name : 'Health and Science',
list : ''
},
'spo' : {
path : 'sports',
name : 'Sports',
list : ''
},
'dx' : {
path : 'double_x',
name : 'Double X',
list : ''
},
'pod' : {
path : 'podcasts',
name : 'Podcasts',
list : ''
},
'gal' : {
path : 'galleries',
name : 'Galleries',
list : '',
link : false
},
'vid' : {
path : 'video',
name : 'Video',
list : false
},
'slst' : {
path : 'slatest',
name : 'Slatest',
list : '',
link : 'http://slatest.slate.com/'
},
'blogs' : {
path : 'blogs',
name : 'Blogs',
list : '',
link : false
},
'mys' : {
path : 'my_slate',
name : 'MySlate',
list : '',
link : '/myslate.html'
}
}
// flyout data parsed into this object. keys are the section names, vals are
// arrays of that section's
// stories.
SlateNav.flyoutMap = {};
SlateNav.init = function() {
// var slateFlyoutData decalred in separate script:
// http://www.slate.com/content.flyout.json
$(slateFlyoutData)
.each(
function(i) {
SlateNav.flyoutMap[slateFlyoutData[i].name] = slateFlyoutData[i].stories;
});
SlateNav.initHandlers();
setInterval(function() {
$('.mys-stream-list').animate({
top : '0px'
}, 'slow', 'swing', function() {
$('.mys-stream-list').css('top', '-70px');
});
}, 5000);
}
SlateNav.initHandlers = function() {
var tout;
var navpanel = $('.sl-nav-panel'); // Doesn't change, so cache here to avoid some jquery searches on mousemove
// for each section link, assign event handlers
for ( var i = 0; i < SlateNav.sects.length; i++) {
// add ref to flyout element to be used in the handlers
SlateNav.sects[i].sectId = $(SlateNav.sects[i]).attr('class')
.split(' ')[1].split('-')[2];
// SlateNav.sects[i].flyout = $('.sl-nav-' + SlateNav.sects[i].sectId +
// '-flo');
$(SlateNav.sects[i])
.hoverIntent(
function() {
var sect = this;
// mouseouts have a 500ms delay before flyouts get
// hidden.
clearTimeout(tout);
// If flyout list is empty, populate it
if (!SlateNav.sectionMap[sect.sectId].list) {
var stories = SlateNav.flyoutMap[SlateNav.sectionMap[sect.sectId].name] || [];
SlateNav.createFlyout(stories, sect.sectId);
}
$('.sl-nav-panel .sl-nav-panel-inner').html(
SlateNav.sectionMap[sect.sectId].list);
navpanel.slideDown('fast');
// Orient nav indicator in flyout
var indicator = $('.sl-nav-indica');
var secNavWidth = $(this).width();
var secNavPos = $(this).position().left + (secNavWidth/1.5) + indicator.width();
indicator.css('left',secNavPos);
// Is this the MySlate section?
if ($(sect).attr('href').indexOf(SlateNav.sectionMap.mys.link) != -1) {
if ($("#myslate-tracking-pixel").size() == 0) {
navpanel.prepend('');
}
if (!MySlateData.isActiveUser) {
SlateNav.newUserMessage(true);
} else {
//show sponsored by to user
$(".sl-nav-menu:last").append('