/*
* Lazy Load - jQuery plugin for lazy loading images
*
* Copyright (c) 2007-2009 Mika Tuupola
*
* Licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
* Project home:
* http://www.appelsiini.net/projects/lazyload
*
* This fork:
* https://github.com/slategroup/jquery_lazyload
*
* Version: 1.5.0
*
*/
(function($) {
$.fn.lazyload = function(options) {
var settings = {
threshold : 0,
failurelimit : 0,
event : "scroll",
effect : "show",
container : window,
replacesrc : 1
};
if(options) {
$.extend(settings, options);
}
/* Fire one scroll event per scroll. Not one scroll event per image. */
var elements = this;
if ("scroll" == settings.event) {
$(settings.container).bind("scroll", function(event) {
var counter = 0;
elements.each(function() {
if ($.abovethetop(this, settings) ||
$.leftofbegin(this, settings)) {
/* Nothing. */
} else if (!$.belowthefold(this, settings) &&
!$.rightoffold(this, settings)) {
$(this).trigger("appear");
} else {
if (counter++ > settings.failurelimit) {
return false;
}
}
});
/* Remove image from array so it is not looped next time. */
var temp = $.grep(elements, function(element) {
return !element.loaded;
});
elements = $(temp);
});
}
this.each(function() {
var self = this;
if (settings.replacesrc) {
/* Save original only if it is not defined in HTML. */
if (undefined == $(self).attr("original")) {
$(self).attr("original", $(self).attr("src"));
}
}
if ("scroll" != settings.event ||
undefined == $(self).attr("src") ||
settings.placeholder == $(self).attr("src") ||
($.abovethetop(self, settings) ||
$.leftofbegin(self, settings) ||
$.belowthefold(self, settings) ||
$.rightoffold(self, settings) )) {
if (settings.replacesrc) {
if (settings.placeholder) {
$(self).attr("src", settings.placeholder);
} else {
$(self).removeAttr("src");
}
}
self.loaded = false;
} else {
self.loaded = true;
}
/* When appear is triggered load original image. */
$(self).one("appear", function() {
if (!this.loaded) {
$("![]()
")
.bind("load", function() {
$(self)
.hide()
.attr("src", $(self).attr("original"))
[settings.effect](settings.effectspeed);
self.loaded = true;
})
.attr("src", $(self).attr("original"));
};
});
/* When wanted event is triggered load original image */
/* by triggering appear. */
if ("scroll" != settings.event) {
$(self).bind(settings.event, function(event) {
if (!self.loaded) {
$(self).trigger("appear");
}
});
}
});
/* Force initial check if images should appear. */
$(settings.container).trigger(settings.event);
return this;
};
/* Convenience methods in jQuery namespace. */
/* Use as $.belowthefold(element, {threshold : 100, container : window}) */
$.belowthefold = function(element, settings) {
if (settings.container === undefined || settings.container === window) {
var fold = $(window).height() + $(window).scrollTop();
} else {
var fold = $(settings.container).offset().top + $(settings.container).height();
}
return fold <= $(element).offset().top - settings.threshold;
};
$.rightoffold = function(element, settings) {
if (settings.container === undefined || settings.container === window) {
var fold = $(window).width() + $(window).scrollLeft();
} else {
var fold = $(settings.container).offset().left + $(settings.container).width();
}
return fold <= $(element).offset().left - settings.threshold;
};
$.abovethetop = function(element, settings) {
if (settings.container === undefined || settings.container === window) {
var fold = $(window).scrollTop();
} else {
var fold = $(settings.container).offset().top;
}
return fold >= $(element).offset().top + settings.threshold + $(element).height();
};
$.leftofbegin = function(element, settings) {
if (settings.container === undefined || settings.container === window) {
var fold = $(window).scrollLeft();
} else {
var fold = $(settings.container).offset().left;
}
return fold >= $(element).offset().left + settings.threshold + $(element).width();
};
/* Custom selectors for your convenience. */
/* Use as $("img:below-the-fold").something() */
$.extend($.expr[':'], {
"below-the-fold" : "$.belowthefold(a, {threshold : 0, container: window})",
"above-the-fold" : "!$.belowthefold(a, {threshold : 0, container: window})",
"right-of-fold" : "$.rightoffold(a, {threshold : 0, container: window})",
"left-of-fold" : "!$.rightoffold(a, {threshold : 0, container: window})"
});
})(jQuery);
/*
* JS Redirection Mobile
*
* Developed by
* Sebastiano Armeli-Battana (@sebarmeli) - http://www.sebastianoarmelibattana.com
* Dual licensed under the MIT or GPL Version 3 licenses.
* @version 0.9.5
*/
if(!window.SA){window.SA={};}SA.redirection_mobile=function(m){var c=function(y){var x=new Date();x.setTime(x.getTime()+y);return x;};var q=function(C){if(!C){return;}var x=document.location.search,D=x&&x.substring(1).split("&"),z=0,B=D.length;for(;z=0||i===f){if(window.sessionStorage){window.sessionStorage.setItem(r,f);}else{document.cookie=r+"="+f+";expires="+c(3600*1000*k).toUTCString();}}var u=(window.sessionStorage)?(window.sessionStorage.getItem(r)===f):false,l=document.cookie?(document.cookie.indexOf(r)>=0):false;if(!!(a.match(/(iPad|SCH-I800|xoom|kindle)/i))){var e=(w.tablet_redirection===f||!!w.tablet_url)?true:false;b=false;}if((e||b)&&!(l||u)){if(w.beforeredirection_callback){if(!w.beforeredirection_callback.call(this)){return;}}var n="";if(g){n+=document.location.pathname;}if(v){n+=document.location.search;}if(e){document.location.href=d+"//"+h+n;}else{if(b){document.location.href=d+"//"+j+n;}}}};
//OpenFlash to be phased out. Use renderSwf(below) instead.
function OpenFlash(flashfile, width, height, flashVars) {document.write(""); }
function OpenOmnitureFlash(VideoID,PlayerID,Width,Height,AdServer,AutoStart) { document.write("");
}
function insertAudioPlayer(soundfile, extFile) { document.write('')
}
function OpenSurroundVideo(file, width, height, filepath){if (width == null || width == "")width="320"; if (height==null || height =="")height="240"; myvideo = ""; document.write(myvideo);
}
function OpenWindowsMedia(file){document.write("");
}
function OpenQuickTime(file, width, height){document.write(""); }
// Above are functions for activex components
function SlatePopup(div) { var win = window.open("","win","directories=no,height=400,width=550,menubar=no,resizeable=no,scrollbars=no,status=no,toolbar=no"); win.document.write("Slate Popup"); win.document.body.innerHTML = div.innerHTML; win.document.close(); win.focus(); return;
}
function toolAction(action, id, tocid) {var title; var windowParam; if (id==''){var url = window.location.href; var idPos = url.indexOf("id="); if (idPos != -1){var ampPos = url.indexOf("&"); if (ampPos != -1)id = url.substring(idPos+3,ampPos); else id = url.substr(idPos+3); }}var URLParam = "?action="+action+"&id="+id; if (id=='toc')URLParam += "&tocid="+tocid; switch (action) {case 'print':title=''; windowParam = 'toolbar=no,location=no,directories=no,menubar=yes,status=no,resizable=yes,scrollbars=yes,'; window.open("/toolbar.aspx"+URLParam, title, windowParam); break; case 'email':title='Email'; windowParam = 'toolbar=no,location=no,directories=no,menubar=no,status=no,resizable=yes,scrollbars=no,width=490,height=470'; window.open("/toolbar.aspx"+URLParam, title, windowParam); break; }
}
function showHideSidebar(){if(document.all)var iWidth = document.body.clientWidth; document.all.sidebarshell.style.display = (iWidth > 913 ? '' : 'none'); document.all.sidebarshell.style.height = document.body.scrollHeight - 1;
}
function LoadIframe(el){var n = el.name; var h = document.frames(n).document.body.scrollHeight; el.height = h; window.focus();
}
function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; }
var mediaPlayerOpen = 0;
//renderSwf to replace OpenFlash
function renderSwf(file, width, height, flashVars, id, wmode, bgcolor, scriptAccess)
{
if (file == undefined || width == undefined || height == undefined)
{
alert("A file, width, and height must be specified.");
return false;
}
if(file.indexOf(".swf") > -1)
{
alert("Please remove the .swf extension from the filename.");
return false;
}
if(id==undefined)
{
var id = "flashMovie";
}
if(wmode==undefined)
{
var wmode = "window";
}
if(bgcolor==undefined)
{
var bgcolor = "#ffffff";
}
if(scriptAccess==undefined)
{
var scriptAccess = "sameDomain";
}
if (AC_FL_RunContent == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'flashVars', flashVars,
'width', width,
'height', height,
'src', file,
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', wmode,
'devicefont', 'false',
'id', id,
'bgcolor', bgcolor,
'name', id,
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess',scriptAccess,
'movie', file,
'salign', ''
); //end AC code
}
}
var adsOpen = new Array();
//called from the new player. Right now this will just call the old showCompanion function, but would like to smoooth it out with JQuery at some point
function handleCompanion(bannerURL, clickThroughURL, primaryVideoID, action)
{
if(action == "open")
{
showCompanion(0,251,80,bannerURL,clickThroughURL,"article_player_"+primaryVideoID,"article_ad_companion_"+primaryVideoID);
}
else
{
showCompanion(251,0,80,bannerURL,clickThroughURL,"article_player_"+primaryVideoID,"article_ad_companion_"+primaryVideoID);
}
}
function showCompanion(startHeight, endHeight, speed, imgSrc, clickURL, targetId, divId, lbHeight) //speed = milliseconds for animation
{
if(startHeight==0 && adsOpen.length > 0)
{
removeAd(divId);
}
var count = 0;
var intrv;
var parentDiv = document.getElementById(targetId);
var adDiv;
if(document.getElementById(divId))
{
adDiv = document.getElementById(divId);
}
else
{
adDiv = document.createElement("div");
parentDiv.appendChild(adDiv);
}
with(adDiv)
{
id = divId;
with(style)
{
height=startHeight+"px";
overflow="hidden";
position="relative";
textAlign = "center";
}
}
function adIsOpen(divId)//checks for open ad divs
{
for (var i=0; i= stopPoint) clearInterval(intrv);
}
function collapseDiv()
{
adDiv.style.height = count + "px";
count -= 10;
if(parseInt(adDiv.style.height) <= 10)
{
clearInterval(intrv);
parentDiv.removeChild(document.getElementById(divId));
if(targetId.indexOf("todays_media_player") >= 0)
{
document.getElementById('homepagePlayer').enableTabs();
}
/*if(imgSrc != undefined)//handle leave-behind
{
count = 0;
intrv = setInterval(expandDiv,speed);
adOpen = true;
}*/
}
}
function appendAd()
{
if(document.getElementById(divId + "_ad_link")) adDiv.removeChild(document.getElementById(divId + "_ad_link"));
var imgAnc = document.createElement("a");
imgAnc.id = divId + "_ad_link";
imgAnc.href = clickURL;
adDiv.appendChild(imgAnc);
var adImg = document.createElement("img");
adImg.style.margin = "0px";
adImg.src = imgSrc;
imgAnc.appendChild(adImg);
}
}
function showOmniVars()
{
var txt = "\nserver=" + s.server;
txt += "\npageName=" + s.pageName;
txt += "\nchannel=" + s.channel;
for (var prop in s)
{
if (typeof(s[prop]) != "function")
{
if(prop.indexOf("prop") == 0 || prop.indexOf("hier") == 0)
{
txt += "\n" + prop + "=" + s[prop];
}
}
}
alert(txt)
}
function createIpadAd(){
var isipad = navigator.userAgent.match(/iPad/i) != null;
if(isipad){ //check to see if user is browsing with iPad
if (typeof(localStorage) == 'undefined' ){ //Check to see if localStorage is a feature
alert('Your browser does not support HTML5 localStorage. Try upgrading.');
} else {
try {
var key = localStorage.getItem("ipadAd");
if (key == null){ //check to see if ad has not been closed
ipadAdNode();
}
} catch (e){
alert(e);
}
}
}
}
function ipadAdNode(){
var adWrapper = $("").attr({
"id" : "ipadAdWrapper"
});
var bgWrapper = $("").attr({
"class" : "bgWrapper"
});
var adDiv = $("").attr({
"class" : "ipadAd"
});
var logoDiv = $("").text("Slate").attr({
"class" : "logo"
});
var adTxt = $("").html("Try Slate's FREE iPad app.").attr({
"class" : "text"
});
var adLink = $("").text("DOWNLOAD FOR FREE").attr({
"class" : "link",
"href" : "http://itunes.apple.com/us/app/slate-magazine/id384914589?mt=8"
});
var innerWrapper = $("").attr({
"class" : "innerWrapper"
});
var touchDiv = $("").attr({
"class" : "touchAd"
});
var touchLink = $("").html('Or try the "beta" version of our touch-optimized website.').attr({
"class" : "link",
"href" : "http://touch.slate.com"
});
var closeDiv = $("").text("X").attr({
"class" : "close"
});
var clearingDiv = $("").attr({
"class" : "clearing"
});
$("#main_body_wrapper").before(adWrapper);
bgWrapper.appendTo(adWrapper);
innerWrapper.appendTo(bgWrapper);
adDiv.appendTo(innerWrapper);
logoDiv.appendTo(adDiv);
adTxt.appendTo(adDiv);
adLink.appendTo(adTxt);
touchDiv.appendTo(innerWrapper);
touchLink.appendTo(touchDiv);
closeDiv.appendTo(touchDiv);
clearingDiv.appendTo(innerWrapper);
//redirect on click of ad text
adTxt.click(function(){
$(location).attr("href", "http://itunes.apple.com/us/app/slate-magazine/id384914589?mt=8");
});
//fade out ad on close
closeDiv.click(function(){
$("#ipadAdWrapper").fadeOut();
localStorage.setItem("ipadAd", "x"); //saves to the storage, "key", "value"
});
//$(".ipadAd").delay(1500).slideToggle();
}
function commentLoad(){
var d = $("");
var p = $("");
d.attr({
"id" : "load-comments-wrapper"
});
p.text("If comments do not automatically load, click here.").attr({
"class" : "load-comments"
}).appendTo(d);
d.appendTo("#js_kit_cntr");
$(".load-comments").click(function(){
$(this).fadeOut();
reloadComments();
});
}
function reloadComments(){
jQuery(document).ready(function() {
var jskitscript = document.createElement('script');
jskitscript.type='text/javascript';
jskitscript.src='http://cdn.js-kit.com/scripts/comments.js';
document.body.appendChild(jskitscript);
});
}
// Cross-browser methods for DOM functions
var SlateDom = {};
// ELEMENT FUNCTIONS
SlateDom.getTarget = function(evt)//event
{
var tar;
if(!evt) var e = window.event;
if(evt.target) tar = evt.target;
else if(evt.srcElement) tar = evt.srcElement;
if (tar.nodeType==3) tar = tar.parentNode;//for Safari bug
return tar;
}
SlateDom.newElement = function(tagName,contents,id,className)
{
var elm = document.createElement(tagName);
if (id) elm.id = id;
if (className) elm.className = className;
if (contents) elm.innerHTML = contents;
return elm;
}
SlateDom.addListener = function(obj,type,handler) //object,string,function
{
if(typeof document.addEventListener != "undefined")
{
if(type.indexOf("on") == 0)
{
type = type.substr(2);
}
obj.addEventListener(type,handler,true);
}
else if(document.attachEvent != "undefined")
{
if(type.indexOf("on") != 0)
{
type = "on" + type;
}
obj.attachEvent(type,handler)
}
else
{
throw("[SLATE DOM ERROR] can't add listener");
}
}
SlateDom.dropListener = function(obj,type,handler) //object,string,function
{
if(typeof document.removeEventListener != "undefined")
{
if(type.indexOf("on") == 0)
{
type = type.substr(2);
}
obj.removeEventListener(type,handler,true);
}
else if(document.detachEvent != "undefined")
{
if(type.indexOf("on") != 0)
{
type = "on" + type;
}
obj.detachEvent(type,handler)
}
else
{
throw("[SLATE DOM ERROR] can't drop listener");
}
}
SlateDom.dispatchEvent = function(obj,type)
{
var evt;
if(typeof document.dispatchEvent != "undefined")
{
if(type.indexOf("on") == 0)
{
type = type.substr(2);
}
evt = document.createEvent("MouseEvents");
evt.initMouseEvent(type, true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
obj.dispatchEvent(evt);
}
else if(document.fireEvent != "undefined")
{
if(type.indexOf("on") != 0)
{
type = "on" + type;
}
obj.fireEvent(type);
}
else
{
throw("[SLATE DOM ERROR] can't dispatch event");
}
}
SlateDom.getCurrentStyle = function(elm,prop)
{
var style;
if(window.getComputedStyle)
{
style = window.getComputedStyle(elm,null).getPropertyValue(prop);
}
else if(elm.currentStyle)
{
style = elm.currentStyle[prop];
}
return style;
}
SlateDom.getElementsByClassName = function(nodeList, className)//nodeList, string
{
var nodes, qname, cnames, matches;
nodes = nodeList;
qname = className;
matches = [];
for(var i=0; i startVal)
{
count = count + incrementVal;
if(count >= endVal)
{
haltTween();
}
}
else
{
count = count - incrementVal;
if(count <= endVal)
{
haltTween();
}
}
}
function haltTween()
{
elm.style[prop] = endVal + unitOfMeasure;
clearInterval(intrv);
if(callback)
{
try
{
eval(callback);
}
catch(e)
{
throw("[SLATE DOM ERROR] tween could not perform callback.");
}
}
}
}
var commentCounter = {
items: {},
repeatItems: [],
count: 0,
appKey: 'dev.slate.com',
addUrl : function(url, element) {
if (!this.items[url]) {
this.items[url] = [];
}
this.items[url].push(element);
this.count++;
},
// repeat items are when we display the comment count twice for one doc, in these cases
// need an array to hold the url and element, but we only query with the initial items list, then look
// at those results to populate this
addRepeatUrl : function(url, element) {
this.addUrl(url, element);
},
load : function() {
var that = this;
var count = 0;
var bundle = {}
// Chrome crashes if we send more than 5 urls at a time.
// The request length should be less than 5k chars. o
for (var url in this.items) {
bundle[url] = url;
count++;
if (count % 5 == 0) {
// Package items and run ajax
this.run(this.createArray(bundle));
bundle = {};
}
}
// This is the end of the loop for you, buddy!
if(this.isEmpty(bundle) ==false) {
this.run(this.createArray(bundle));
}
},
isEmpty: function(obj) {
for(var i in obj)
{
return false;
}
return true;
},
run : function(requests) {
// console.log({"requests": requests});
// console.log(JSON.stringify(requests));
var that = this;
$.ajax({
url: 'http://echoapi.slate.com/v1/mux',
type: 'POST',
data: {
'appkey': this.appKey,
'requests': JSON.stringify(requests)
},
dataType: 'jsonp',
success: function(results) {
// console.log("Inside Run method");
// console.log(results);
for (var url in that.items) {
if (results[url] && parseInt(results[url]['count']) > -1) {
for (var elm in that.items[url]) {
//sometimes a function makes it's way into this urls object. When older IEs
//try to apply $.text() to a function object, the whole page explodes. It's
//related to swfs calling JS via ExternalInterface, but for now, just using
//a typeof conditional.
if(typeof that.items[url][elm] == 'object')
{
if($(that.items[url][elm]).attr('class') == "comment-count") {
var commentText = "Comment";
if(parseInt(results[url]['count']) > 1) {
commentText+="s";
}
if(parseInt(results[url]['count']) > 0) {
$(that.items[url][elm]).html("" + results[url]['count'] + " " + commentText);
} else {
$(that.items[url][elm]).html("
" + commentText);
}
} else {
$(that.items[url][elm]).text(results[url]['count']);
}
}
}
}
}
}
});
},
createArray : function(items) {
var returnVals = [];
for (var url in items) {
returnVals.push({
'id':url,
'method':'count',
'q':'childrenof:' + url + ' type:comment -source:Twitter sortOrder:reverseChronological (state:ModeratorApproved OR (state:Untouched -user.state:ModeratorBanned,ModeratorDeleted)) children:3 (state:ModeratorApproved OR (state:Untouched -user.state:ModeratorBanned,ModeratorDeleted)) '
});
}
return returnVals;
}
};
function loadCounts() {
//var self = this;
// used by post pages and listing pages
$('.sl-article-tools-comments-count').each(function() {
commentCounter.addUrl($(this).attr('uniq'), $(this));
});
// used by tag pages
$('.comment-count').each(function() {
commentCounter.addUrl($(this).attr('uniq'), $(this));
});
// used by post pages in second spot, for these, we just store a repeat url since we fetch data above for this page
$('.sl-chunky-comments-inner').each(function() {
commentCounter.addRepeatUrl($(this).attr('uniq'), $(this));
});
//used by floating toolbar
$('.sl-comment-count').each(function() {
commentCounter.addUrl($(this).attr('uniq'), $(this));
});
// used by chunky buttons.
$('.sl-chunky-comm-count').each(function() {
commentCounter.addRepeatUrl($(this).attr('uniq'), $(this));
});
commentCounter.load();
}
$(document).ready(function() {
loadCounts();
});
var crtg_nid="1180";
var crtg_cookiename="cto_was";
function crtg_getCookie(c_name){var i,x,y,ARRcookies=document.cookie.split(";");for(i=0;i0)document.getElementsByTagName("head")[0].appendChild(crtg_script);else if(document.getElementsByTagName("body").length>0)document.getElementsByTagName("body")[0].appendChild(crtg_script);