Beautifully crafted timelines that are easy and intuitive to use. http://timeline.knightlab.com/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
12165 lines
350 KiB
12165 lines
350 KiB
12 years ago
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Timeline.License.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/*!
|
||
|
|
TimelineJS
|
||
|
|
Version 2.17
|
||
|
|
Designed and built by Zach Wise at VéritéCo
|
||
|
|
|
||
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.StoryJS.License.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/*!
|
||
|
|
StoryJS
|
||
|
|
Designed and built by Zach Wise at VéritéCo
|
||
|
|
|
||
|
|
This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
|
License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
|
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/**
|
||
|
|
* VéritéCo JS Core
|
||
|
|
* Designed and built by Zach Wise at VéritéCo zach@verite.co
|
||
|
|
|
||
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
/* Simple JavaScript Inheritance
|
||
|
|
By John Resig http://ejohn.org/
|
||
|
|
MIT Licensed.
|
||
|
|
================================================== */
|
||
|
|
(function() {
|
||
|
|
var initializing = false,
|
||
|
|
fnTest = /xyz/.test(function() {
|
||
|
|
xyz;
|
||
|
|
}) ? /\b_super\b/: /.*/;
|
||
|
|
// The base Class implementation (does nothing)
|
||
|
|
this.Class = function() {};
|
||
|
|
|
||
|
|
// Create a new Class that inherits from this class
|
||
|
|
Class.extend = function(prop) {
|
||
|
|
var _super = this.prototype;
|
||
|
|
|
||
|
|
// Instantiate a base class (but only create the instance,
|
||
|
|
// don't run the init constructor)
|
||
|
|
initializing = true;
|
||
|
|
var prototype = new this();
|
||
|
|
initializing = false;
|
||
|
|
|
||
|
|
// Copy the properties over onto the new prototype
|
||
|
|
for (var name in prop) {
|
||
|
|
// Check if we're overwriting an existing function
|
||
|
|
prototype[name] = typeof prop[name] == "function" &&
|
||
|
|
typeof _super[name] == "function" && fnTest.test(prop[name]) ?
|
||
|
|
(function(name, fn) {
|
||
|
|
return function() {
|
||
|
|
var tmp = this._super;
|
||
|
|
|
||
|
|
// Add a new ._super() method that is the same method
|
||
|
|
// but on the super-class
|
||
|
|
this._super = _super[name];
|
||
|
|
|
||
|
|
// The method only need to be bound temporarily, so we
|
||
|
|
// remove it when we're done executing
|
||
|
|
var ret = fn.apply(this, arguments);
|
||
|
|
this._super = tmp;
|
||
|
|
|
||
|
|
return ret;
|
||
|
|
};
|
||
|
|
})(name, prop[name]) :
|
||
|
|
prop[name];
|
||
|
|
}
|
||
|
|
|
||
|
|
// The dummy class constructor
|
||
|
|
function Class() {
|
||
|
|
// All construction is actually done in the init method
|
||
|
|
if (!initializing && this.init)
|
||
|
|
this.init.apply(this, arguments);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Populate our constructed prototype object
|
||
|
|
Class.prototype = prototype;
|
||
|
|
|
||
|
|
// Enforce the constructor to be what we expect
|
||
|
|
Class.prototype.constructor = Class;
|
||
|
|
|
||
|
|
// And make this class extendable
|
||
|
|
Class.extend = arguments.callee;
|
||
|
|
|
||
|
|
return Class;
|
||
|
|
};
|
||
|
|
})();
|
||
|
|
|
||
|
|
/* Access to the Global Object
|
||
|
|
access the global object without hard-coding the identifier window
|
||
|
|
================================================== */
|
||
|
|
var global = (function () {
|
||
|
|
return this || (1,eval)('this');
|
||
|
|
}());
|
||
|
|
|
||
|
|
/* VMM
|
||
|
|
================================================== */
|
||
|
|
if (typeof VMM == 'undefined') {
|
||
|
|
|
||
|
|
/* Main Scope Container
|
||
|
|
================================================== */
|
||
|
|
//var VMM = {};
|
||
|
|
var VMM = Class.extend({});
|
||
|
|
|
||
|
|
/* Debug
|
||
|
|
================================================== */
|
||
|
|
VMM.debug = true;
|
||
|
|
|
||
|
|
/* Master Config
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
VMM.master_config = ({
|
||
|
|
|
||
|
|
init: function() {
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
sizes: {
|
||
|
|
api: {
|
||
|
|
width: 0,
|
||
|
|
height: 0
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
vp: "Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo",
|
||
|
|
|
||
|
|
api_keys_master: {
|
||
|
|
flickr: "RAIvxHY4hE/Elm5cieh4X5ptMyDpj7MYIxziGxi0WGCcy1s+yr7rKQ==",
|
||
|
|
//google: "jwNGnYw4hE9lmAez4ll0QD+jo6SKBJFknkopLS4FrSAuGfIwyj57AusuR0s8dAo=",
|
||
|
|
google: "uQKadH1VMlCsp560gN2aOiMz4evWkl1s34yryl3F/9FJOsn+/948CbBUvKLN46U=",
|
||
|
|
twitter: ""
|
||
|
|
},
|
||
|
|
|
||
|
|
timers: {
|
||
|
|
api: 7000
|
||
|
|
},
|
||
|
|
|
||
|
|
api: {
|
||
|
|
pushques: []
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
twitter: {
|
||
|
|
active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: []
|
||
|
|
},
|
||
|
|
|
||
|
|
flickr: {
|
||
|
|
active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: []
|
||
|
|
},
|
||
|
|
|
||
|
|
youtube: {
|
||
|
|
active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: []
|
||
|
|
},
|
||
|
|
|
||
|
|
vimeo: {
|
||
|
|
active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: []
|
||
|
|
},
|
||
|
|
|
||
|
|
vine: {
|
||
|
|
active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: []
|
||
|
|
},
|
||
|
|
|
||
|
|
webthumb: {
|
||
|
|
active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: []
|
||
|
|
},
|
||
|
|
|
||
|
|
googlemaps: {
|
||
|
|
active: false,
|
||
|
|
map_active: false,
|
||
|
|
places_active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: []
|
||
|
|
},
|
||
|
|
|
||
|
|
googledocs: {
|
||
|
|
active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: []
|
||
|
|
},
|
||
|
|
|
||
|
|
googleplus: {
|
||
|
|
active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: []
|
||
|
|
},
|
||
|
|
|
||
|
|
wikipedia: {
|
||
|
|
active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: [],
|
||
|
|
tries: 0
|
||
|
|
},
|
||
|
|
|
||
|
|
soundcloud: {
|
||
|
|
active: false,
|
||
|
|
array: [],
|
||
|
|
api_loaded: false,
|
||
|
|
que: []
|
||
|
|
}
|
||
|
|
|
||
|
|
}).init();
|
||
|
|
|
||
|
|
//VMM.createElement(tag, value, cName, attrs, styles);
|
||
|
|
VMM.createElement = function(tag, value, cName, attrs, styles) {
|
||
|
|
|
||
|
|
var ce = "";
|
||
|
|
|
||
|
|
if (tag != null && tag != "") {
|
||
|
|
|
||
|
|
// TAG
|
||
|
|
ce += "<" + tag;
|
||
|
|
if (cName != null && cName != "") {
|
||
|
|
ce += " class='" + cName + "'";
|
||
|
|
};
|
||
|
|
|
||
|
|
if (attrs != null && attrs != "") {
|
||
|
|
ce += " " + attrs;
|
||
|
|
};
|
||
|
|
|
||
|
|
if (styles != null && styles != "") {
|
||
|
|
ce += " style='" + styles + "'";
|
||
|
|
};
|
||
|
|
|
||
|
|
ce += ">";
|
||
|
|
|
||
|
|
if (value != null && value != "") {
|
||
|
|
ce += value;
|
||
|
|
}
|
||
|
|
|
||
|
|
// CLOSE TAG
|
||
|
|
ce = ce + "</" + tag + ">";
|
||
|
|
}
|
||
|
|
|
||
|
|
return ce;
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.createMediaElement = function(media, caption, credit) {
|
||
|
|
|
||
|
|
var ce = "";
|
||
|
|
|
||
|
|
var _valid = false;
|
||
|
|
|
||
|
|
ce += "<div class='media'>";
|
||
|
|
|
||
|
|
if (media != null && media != "") {
|
||
|
|
|
||
|
|
valid = true;
|
||
|
|
|
||
|
|
ce += "<img src='" + media + "'>";
|
||
|
|
|
||
|
|
// CREDIT
|
||
|
|
if (credit != null && credit != "") {
|
||
|
|
ce += VMM.createElement("div", credit, "credit");
|
||
|
|
}
|
||
|
|
|
||
|
|
// CAPTION
|
||
|
|
if (caption != null && caption != "") {
|
||
|
|
ce += VMM.createElement("div", caption, "caption");
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
ce += "</div>";
|
||
|
|
|
||
|
|
return ce;
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
// Hide URL Bar for iOS and Android by Scott Jehl
|
||
|
|
// https://gist.github.com/1183357
|
||
|
|
|
||
|
|
VMM.hideUrlBar = function () {
|
||
|
|
var win = window,
|
||
|
|
doc = win.document;
|
||
|
|
|
||
|
|
// If there's a hash, or addEventListener is undefined, stop here
|
||
|
|
if( !location.hash || !win.addEventListener ){
|
||
|
|
|
||
|
|
//scroll to 1
|
||
|
|
window.scrollTo( 0, 1 );
|
||
|
|
var scrollTop = 1,
|
||
|
|
|
||
|
|
//reset to 0 on bodyready, if needed
|
||
|
|
bodycheck = setInterval(function(){
|
||
|
|
if( doc.body ){
|
||
|
|
clearInterval( bodycheck );
|
||
|
|
scrollTop = "scrollTop" in doc.body ? doc.body.scrollTop : 1;
|
||
|
|
win.scrollTo( 0, scrollTop === 1 ? 0 : 1 );
|
||
|
|
}
|
||
|
|
}, 15 );
|
||
|
|
|
||
|
|
win.addEventListener( "load", function(){
|
||
|
|
setTimeout(function(){
|
||
|
|
//reset to hide addr bar at onload
|
||
|
|
win.scrollTo( 0, scrollTop === 1 ? 0 : 1 );
|
||
|
|
}, 0);
|
||
|
|
}, false );
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Trace (console.log)
|
||
|
|
================================================== */
|
||
|
|
function trace( msg ) {
|
||
|
|
if (VMM.debug) {
|
||
|
|
if (window.console) {
|
||
|
|
console.log(msg);
|
||
|
|
} else if ( typeof( jsTrace ) != 'undefined' ) {
|
||
|
|
jsTrace.send( msg );
|
||
|
|
} else {
|
||
|
|
//alert(msg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Array Remove - By John Resig (MIT Licensed)
|
||
|
|
http://ejohn.org/blog/javascript-array-remove/
|
||
|
|
================================================== */
|
||
|
|
Array.prototype.remove = function(from, to) {
|
||
|
|
var rest = this.slice((to || from) + 1 || this.length);
|
||
|
|
this.length = from < 0 ? this.length + from : from;
|
||
|
|
return this.push.apply(this, rest);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Extending Date to include Week
|
||
|
|
================================================== */
|
||
|
|
Date.prototype.getWeek = function() {
|
||
|
|
var onejan = new Date(this.getFullYear(),0,1);
|
||
|
|
return Math.ceil((((this - onejan) / 86400000) + onejan.getDay()+1)/7);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Extending Date to include Day of Year
|
||
|
|
================================================== */
|
||
|
|
Date.prototype.getDayOfYear = function() {
|
||
|
|
var onejan = new Date(this.getFullYear(),0,1);
|
||
|
|
return Math.ceil((this - onejan) / 86400000);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* A MORE SPECIFIC TYPEOF();
|
||
|
|
// http://rolandog.com/archives/2007/01/18/typeof-a-more-specific-typeof/
|
||
|
|
================================================== */
|
||
|
|
// type.of()
|
||
|
|
var is={
|
||
|
|
Null:function(a){return a===null;},
|
||
|
|
Undefined:function(a){return a===undefined;},
|
||
|
|
nt:function(a){return(a===null||a===undefined);},
|
||
|
|
Function:function(a){return(typeof(a)==="function")?a.constructor.toString().match(/Function/)!==null:false;},
|
||
|
|
String:function(a){return(typeof(a)==="string")?true:(typeof(a)==="object")?a.constructor.toString().match(/string/i)!==null:false;},
|
||
|
|
Array:function(a){return(typeof(a)==="object")?a.constructor.toString().match(/array/i)!==null||a.length!==undefined:false;},
|
||
|
|
Boolean:function(a){return(typeof(a)==="boolean")?true:(typeof(a)==="object")?a.constructor.toString().match(/boolean/i)!==null:false;},
|
||
|
|
Date:function(a){return(typeof(a)==="date")?true:(typeof(a)==="object")?a.constructor.toString().match(/date/i)!==null:false;},
|
||
|
|
HTML:function(a){return(typeof(a)==="object")?a.constructor.toString().match(/html/i)!==null:false;},
|
||
|
|
Number:function(a){return(typeof(a)==="number")?true:(typeof(a)==="object")?a.constructor.toString().match(/Number/)!==null:false;},
|
||
|
|
Object:function(a){return(typeof(a)==="object")?a.constructor.toString().match(/object/i)!==null:false;},
|
||
|
|
RegExp:function(a){return(typeof(a)==="function")?a.constructor.toString().match(/regexp/i)!==null:false;}
|
||
|
|
};
|
||
|
|
var type={
|
||
|
|
of:function(a){
|
||
|
|
for(var i in is){
|
||
|
|
if(is[i](a)){
|
||
|
|
return i.toLowerCase();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Library.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* * LIBRARY ABSTRACTION
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined') {
|
||
|
|
|
||
|
|
VMM.modal = function(elem, opt) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(elem).fancybox(opt);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.smoothScrollTo = function(elem, duration, ease) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
var _ease = "easein",
|
||
|
|
_duration = 1000;
|
||
|
|
|
||
|
|
if (duration != null) {
|
||
|
|
if (duration < 1) {
|
||
|
|
_duration = 1;
|
||
|
|
} else {
|
||
|
|
_duration = Math.round(duration);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if (ease != null && ease != "") {
|
||
|
|
_ease = ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (jQuery(window).scrollTop() != VMM.Lib.offset(elem).top) {
|
||
|
|
VMM.Lib.animate('html,body', _duration, _ease, {scrollTop: VMM.Lib.offset(elem).top})
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.attachElement = function(element, content) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).html(content);
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.appendElement = function(element, content) {
|
||
|
|
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).append(content);
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.getHTML = function(element) {
|
||
|
|
var e;
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
e = jQuery(element).html();
|
||
|
|
return e;
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.getElement = function(element, p) {
|
||
|
|
var e;
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
if (p) {
|
||
|
|
e = jQuery(element).parent().get(0);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
e = jQuery(element).get(0);
|
||
|
|
}
|
||
|
|
return e;
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.bindEvent = function(element, the_handler, the_event_type, event_data) {
|
||
|
|
var e;
|
||
|
|
var _event_type = "click";
|
||
|
|
var _event_data = {};
|
||
|
|
|
||
|
|
if (the_event_type != null && the_event_type != "") {
|
||
|
|
_event_type = the_event_type;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (_event_data != null && _event_data != "") {
|
||
|
|
_event_data = event_data;
|
||
|
|
}
|
||
|
|
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).bind(_event_type, _event_data, the_handler);
|
||
|
|
|
||
|
|
//return e;
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.unbindEvent = function(element, the_handler, the_event_type) {
|
||
|
|
var e;
|
||
|
|
var _event_type = "click";
|
||
|
|
var _event_data = {};
|
||
|
|
|
||
|
|
if (the_event_type != null && the_event_type != "") {
|
||
|
|
_event_type = the_event_type;
|
||
|
|
}
|
||
|
|
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).unbind(_event_type, the_handler);
|
||
|
|
|
||
|
|
//return e;
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.fireEvent = function(element, the_event_type, the_data) {
|
||
|
|
var e;
|
||
|
|
var _event_type = "click";
|
||
|
|
var _data = [];
|
||
|
|
|
||
|
|
if (the_event_type != null && the_event_type != "") {
|
||
|
|
_event_type = the_event_type;
|
||
|
|
}
|
||
|
|
if (the_data != null && the_data != "") {
|
||
|
|
_data = the_data;
|
||
|
|
}
|
||
|
|
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).trigger(_event_type, _data);
|
||
|
|
|
||
|
|
//return e;
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.getJSON = function(url, data, callback) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery.ajaxSetup({
|
||
|
|
timeout: 3000
|
||
|
|
});
|
||
|
|
/* CHECK FOR IE
|
||
|
|
================================================== */
|
||
|
|
if ( VMM.Browser.browser == "Explorer" && parseInt(VMM.Browser.version, 10) >= 7 && window.XDomainRequest) {
|
||
|
|
trace("IE JSON");
|
||
|
|
var ie_url = url;
|
||
|
|
if (ie_url.match('^http://')){
|
||
|
|
return jQuery.getJSON(ie_url, data, callback);
|
||
|
|
} else if (ie_url.match('^https://')) {
|
||
|
|
ie_url = ie_url.replace("https://","http://");
|
||
|
|
return jQuery.getJSON(ie_url, data, callback);
|
||
|
|
} else {
|
||
|
|
return jQuery.getJSON(url, data, callback);
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
return jQuery.getJSON(url, data, callback);
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
VMM.parseJSON = function(the_json) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
return jQuery.parseJSON(the_json);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// ADD ELEMENT AND RETURN IT
|
||
|
|
VMM.appendAndGetElement = function(append_to_element, tag, cName, content) {
|
||
|
|
var e,
|
||
|
|
_tag = "<div>",
|
||
|
|
_class = "",
|
||
|
|
_content = "",
|
||
|
|
_id = "";
|
||
|
|
|
||
|
|
if (tag != null && tag != "") {
|
||
|
|
_tag = tag;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (cName != null && cName != "") {
|
||
|
|
_class = cName;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (content != null && content != "") {
|
||
|
|
_content = content;
|
||
|
|
}
|
||
|
|
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
|
||
|
|
e = jQuery(tag);
|
||
|
|
|
||
|
|
e.addClass(_class);
|
||
|
|
e.html(_content);
|
||
|
|
|
||
|
|
jQuery(append_to_element).append(e);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
return e;
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.Lib = {
|
||
|
|
|
||
|
|
init: function() {
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
hide: function(element, duration) {
|
||
|
|
if (duration != null && duration != "") {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).hide(duration);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).hide();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
remove: function(element) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).remove();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
detach: function(element) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).detach();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
append: function(element, value) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).append(value);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
prepend: function(element, value) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).prepend(value);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
show: function(element, duration) {
|
||
|
|
if (duration != null && duration != "") {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).show(duration);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).show();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
load: function(element, callback_function, event_data) {
|
||
|
|
var _event_data = {elem:element}; // return element by default
|
||
|
|
if (_event_data != null && _event_data != "") {
|
||
|
|
_event_data = event_data;
|
||
|
|
}
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).load(_event_data, callback_function);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
addClass: function(element, cName) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).addClass(cName);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
removeClass: function(element, cName) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).removeClass(cName);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
attr: function(element, aName, value) {
|
||
|
|
if (value != null && value != "") {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).attr(aName, value);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
return jQuery(element).attr(aName);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
prop: function(element, aName, value) {
|
||
|
|
if (typeof jQuery == 'undefined' || !/[1-9]\.[3-9].[1-9]/.test(jQuery.fn.jquery)) {
|
||
|
|
VMM.Lib.attribute(element, aName, value);
|
||
|
|
} else {
|
||
|
|
jQuery(element).prop(aName, value);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
attribute: function(element, aName, value) {
|
||
|
|
|
||
|
|
if (value != null && value != "") {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).attr(aName, value);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
return jQuery(element).attr(aName);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
visible: function(element, show) {
|
||
|
|
if (show != null) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
if (show) {
|
||
|
|
jQuery(element).show(0);
|
||
|
|
} else {
|
||
|
|
jQuery(element).hide(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
if ( jQuery(element).is(':visible')){
|
||
|
|
return true;
|
||
|
|
} else {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
css: function(element, prop, value) {
|
||
|
|
|
||
|
|
if (value != null && value != "") {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).css(prop, value);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
return jQuery(element).css(prop);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
cssmultiple: function(element, propval) {
|
||
|
|
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
return jQuery(element).css(propval);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
offset: function(element) {
|
||
|
|
var p;
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
p = jQuery(element).offset();
|
||
|
|
}
|
||
|
|
return p;
|
||
|
|
},
|
||
|
|
|
||
|
|
position: function(element) {
|
||
|
|
var p;
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
p = jQuery(element).position();
|
||
|
|
}
|
||
|
|
return p;
|
||
|
|
},
|
||
|
|
|
||
|
|
width: function(element, s) {
|
||
|
|
if (s != null && s != "") {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).width(s);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
return jQuery(element).width();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
height: function(element, s) {
|
||
|
|
if (s != null && s != "") {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).height(s);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
return jQuery(element).height();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
toggleClass: function(element, cName) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).toggleClass(cName);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
each:function(element, return_function) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).each(return_function);
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
html: function(element, str) {
|
||
|
|
var e;
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
e = jQuery(element).html();
|
||
|
|
return e;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (str != null && str != "") {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).html(str);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
var e;
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
e = jQuery(element).html();
|
||
|
|
return e;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
find: function(element, selec) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
return jQuery(element).find(selec);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
stop: function(element) {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).stop();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
delay_animate: function(delay, element, duration, ease, att, callback_function) {
|
||
|
|
if (VMM.Browser.device == "mobile" || VMM.Browser.device == "tablet") {
|
||
|
|
var _tdd = Math.round((duration/1500)*10)/10,
|
||
|
|
__duration = _tdd + 's';
|
||
|
|
|
||
|
|
VMM.Lib.css(element, '-webkit-transition', 'all '+ __duration + ' ease');
|
||
|
|
VMM.Lib.css(element, '-moz-transition', 'all '+ __duration + ' ease');
|
||
|
|
VMM.Lib.css(element, '-o-transition', 'all '+ __duration + ' ease');
|
||
|
|
VMM.Lib.css(element, '-ms-transition', 'all '+ __duration + ' ease');
|
||
|
|
VMM.Lib.css(element, 'transition', 'all '+ __duration + ' ease');
|
||
|
|
VMM.Lib.cssmultiple(element, _att);
|
||
|
|
} else {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
jQuery(element).delay(delay).animate(att, {duration:duration, easing:ease} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
animate: function(element, duration, ease, att, que, callback_function) {
|
||
|
|
|
||
|
|
var _ease = "easein",
|
||
|
|
_que = false,
|
||
|
|
_duration = 1000,
|
||
|
|
_att = {};
|
||
|
|
|
||
|
|
if (duration != null) {
|
||
|
|
if (duration < 1) {
|
||
|
|
_duration = 1;
|
||
|
|
} else {
|
||
|
|
_duration = Math.round(duration);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if (ease != null && ease != "") {
|
||
|
|
_ease = ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (que != null && que != "") {
|
||
|
|
_que = que;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (att != null) {
|
||
|
|
_att = att
|
||
|
|
} else {
|
||
|
|
_att = {opacity: 0}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (VMM.Browser.device == "mobile" || VMM.Browser.device == "tablet") {
|
||
|
|
|
||
|
|
var _tdd = Math.round((_duration/1500)*10)/10,
|
||
|
|
__duration = _tdd + 's';
|
||
|
|
|
||
|
|
_ease = " cubic-bezier(0.33, 0.66, 0.66, 1)";
|
||
|
|
//_ease = " ease-in-out";
|
||
|
|
for (x in _att) {
|
||
|
|
if (Object.prototype.hasOwnProperty.call(_att, x)) {
|
||
|
|
trace(x + " to " + _att[x]);
|
||
|
|
VMM.Lib.css(element, '-webkit-transition', x + ' ' + __duration + _ease);
|
||
|
|
VMM.Lib.css(element, '-moz-transition', x + ' ' + __duration + _ease);
|
||
|
|
VMM.Lib.css(element, '-o-transition', x + ' ' + __duration + _ease);
|
||
|
|
VMM.Lib.css(element, '-ms-transition', x + ' ' + __duration + _ease);
|
||
|
|
VMM.Lib.css(element, 'transition', x + ' ' + __duration + _ease);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
VMM.Lib.cssmultiple(element, _att);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
if (callback_function != null && callback_function != "") {
|
||
|
|
jQuery(element).animate(_att, {queue:_que, duration:_duration, easing:_ease, complete:callback_function} );
|
||
|
|
} else {
|
||
|
|
jQuery(element).animate(_att, {queue:_que, duration:_duration, easing:_ease} );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if( typeof( jQuery ) != 'undefined' ){
|
||
|
|
|
||
|
|
/* XDR AJAX EXTENTION FOR jQuery
|
||
|
|
https://github.com/jaubourg/ajaxHooks/blob/master/src/ajax/xdr.js
|
||
|
|
================================================== */
|
||
|
|
(function( jQuery ) {
|
||
|
|
if ( window.XDomainRequest ) {
|
||
|
|
jQuery.ajaxTransport(function( s ) {
|
||
|
|
if ( s.crossDomain && s.async ) {
|
||
|
|
if ( s.timeout ) {
|
||
|
|
s.xdrTimeout = s.timeout;
|
||
|
|
delete s.timeout;
|
||
|
|
}
|
||
|
|
var xdr;
|
||
|
|
return {
|
||
|
|
send: function( _, complete ) {
|
||
|
|
function callback( status, statusText, responses, responseHeaders ) {
|
||
|
|
xdr.onload = xdr.onerror = xdr.ontimeout = jQuery.noop;
|
||
|
|
xdr = undefined;
|
||
|
|
complete( status, statusText, responses, responseHeaders );
|
||
|
|
}
|
||
|
|
xdr = new XDomainRequest();
|
||
|
|
xdr.open( s.type, s.url );
|
||
|
|
xdr.onload = function() {
|
||
|
|
callback( 200, "OK", { text: xdr.responseText }, "Content-Type: " + xdr.contentType );
|
||
|
|
};
|
||
|
|
xdr.onerror = function() {
|
||
|
|
callback( 404, "Not Found" );
|
||
|
|
};
|
||
|
|
if ( s.xdrTimeout ) {
|
||
|
|
xdr.ontimeout = function() {
|
||
|
|
callback( 0, "timeout" );
|
||
|
|
};
|
||
|
|
xdr.timeout = s.xdrTimeout;
|
||
|
|
}
|
||
|
|
xdr.send( ( s.hasContent && s.data ) || null );
|
||
|
|
},
|
||
|
|
abort: function() {
|
||
|
|
if ( xdr ) {
|
||
|
|
xdr.onerror = jQuery.noop();
|
||
|
|
xdr.abort();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})( jQuery );
|
||
|
|
|
||
|
|
/* jQuery Easing v1.3
|
||
|
|
http://gsgd.co.uk/sandbox/jquery/easing/
|
||
|
|
================================================== */
|
||
|
|
jQuery.easing['jswing'] = jQuery.easing['swing'];
|
||
|
|
|
||
|
|
jQuery.extend( jQuery.easing, {
|
||
|
|
def: 'easeOutQuad',
|
||
|
|
swing: function (x, t, b, c, d) {
|
||
|
|
//alert(jQuery.easing.default);
|
||
|
|
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
|
||
|
|
},
|
||
|
|
easeInExpo: function (x, t, b, c, d) {
|
||
|
|
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
|
||
|
|
},
|
||
|
|
easeOutExpo: function (x, t, b, c, d) {
|
||
|
|
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
|
||
|
|
},
|
||
|
|
easeInOutExpo: function (x, t, b, c, d) {
|
||
|
|
if (t==0) return b;
|
||
|
|
if (t==d) return b+c;
|
||
|
|
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
|
||
|
|
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
|
||
|
|
},
|
||
|
|
easeInQuad: function (x, t, b, c, d) {
|
||
|
|
return c*(t/=d)*t + b;
|
||
|
|
},
|
||
|
|
easeOutQuad: function (x, t, b, c, d) {
|
||
|
|
return -c *(t/=d)*(t-2) + b;
|
||
|
|
},
|
||
|
|
easeInOutQuad: function (x, t, b, c, d) {
|
||
|
|
if ((t/=d/2) < 1) return c/2*t*t + b;
|
||
|
|
return -c/2 * ((--t)*(t-2) - 1) + b;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Browser.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* * DEVICE AND BROWSER DETECTION
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.Browser == 'undefined') {
|
||
|
|
|
||
|
|
VMM.Browser = {
|
||
|
|
init: function () {
|
||
|
|
this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
|
||
|
|
this.version = this.searchVersion(navigator.userAgent)
|
||
|
|
|| this.searchVersion(navigator.appVersion)
|
||
|
|
|| "an unknown version";
|
||
|
|
this.OS = this.searchString(this.dataOS) || "an unknown OS";
|
||
|
|
this.device = this.searchDevice(navigator.userAgent);
|
||
|
|
this.orientation = this.searchOrientation(window.orientation);
|
||
|
|
},
|
||
|
|
searchOrientation: function(orientation) {
|
||
|
|
var orient = "";
|
||
|
|
if ( orientation == 0 || orientation == 180) {
|
||
|
|
orient = "portrait";
|
||
|
|
} else if ( orientation == 90 || orientation == -90) {
|
||
|
|
orient = "landscape";
|
||
|
|
} else {
|
||
|
|
orient = "normal";
|
||
|
|
}
|
||
|
|
return orient;
|
||
|
|
},
|
||
|
|
searchDevice: function(d) {
|
||
|
|
var device = "";
|
||
|
|
if (d.match(/Android/i) || d.match(/iPhone|iPod/i)) {
|
||
|
|
device = "mobile";
|
||
|
|
} else if (d.match(/iPad/i)) {
|
||
|
|
device = "tablet";
|
||
|
|
} else if (d.match(/BlackBerry/i) || d.match(/IEMobile/i)) {
|
||
|
|
device = "other mobile";
|
||
|
|
} else {
|
||
|
|
device = "desktop";
|
||
|
|
}
|
||
|
|
return device;
|
||
|
|
},
|
||
|
|
searchString: function (data) {
|
||
|
|
for (var i=0;i<data.length;i++) {
|
||
|
|
var dataString = data[i].string,
|
||
|
|
dataProp = data[i].prop;
|
||
|
|
|
||
|
|
this.versionSearchString = data[i].versionSearch || data[i].identity;
|
||
|
|
|
||
|
|
if (dataString) {
|
||
|
|
if (dataString.indexOf(data[i].subString) != -1) {
|
||
|
|
return data[i].identity;
|
||
|
|
}
|
||
|
|
} else if (dataProp) {
|
||
|
|
return data[i].identity;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
searchVersion: function (dataString) {
|
||
|
|
var index = dataString.indexOf(this.versionSearchString);
|
||
|
|
if (index == -1) return;
|
||
|
|
return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
|
||
|
|
},
|
||
|
|
dataBrowser: [
|
||
|
|
{
|
||
|
|
string: navigator.userAgent,
|
||
|
|
subString: "Chrome",
|
||
|
|
identity: "Chrome"
|
||
|
|
},
|
||
|
|
{ string: navigator.userAgent,
|
||
|
|
subString: "OmniWeb",
|
||
|
|
versionSearch: "OmniWeb/",
|
||
|
|
identity: "OmniWeb"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.vendor,
|
||
|
|
subString: "Apple",
|
||
|
|
identity: "Safari",
|
||
|
|
versionSearch: "Version"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
prop: window.opera,
|
||
|
|
identity: "Opera",
|
||
|
|
versionSearch: "Version"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.vendor,
|
||
|
|
subString: "iCab",
|
||
|
|
identity: "iCab"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.vendor,
|
||
|
|
subString: "KDE",
|
||
|
|
identity: "Konqueror"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.userAgent,
|
||
|
|
subString: "Firefox",
|
||
|
|
identity: "Firefox"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.vendor,
|
||
|
|
subString: "Camino",
|
||
|
|
identity: "Camino"
|
||
|
|
},
|
||
|
|
{ // for newer Netscapes (6+)
|
||
|
|
string: navigator.userAgent,
|
||
|
|
subString: "Netscape",
|
||
|
|
identity: "Netscape"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.userAgent,
|
||
|
|
subString: "MSIE",
|
||
|
|
identity: "Explorer",
|
||
|
|
versionSearch: "MSIE"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.userAgent,
|
||
|
|
subString: "Gecko",
|
||
|
|
identity: "Mozilla",
|
||
|
|
versionSearch: "rv"
|
||
|
|
},
|
||
|
|
{ // for older Netscapes (4-)
|
||
|
|
string: navigator.userAgent,
|
||
|
|
subString: "Mozilla",
|
||
|
|
identity: "Netscape",
|
||
|
|
versionSearch: "Mozilla"
|
||
|
|
}
|
||
|
|
],
|
||
|
|
dataOS : [
|
||
|
|
{
|
||
|
|
string: navigator.platform,
|
||
|
|
subString: "Win",
|
||
|
|
identity: "Windows"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.platform,
|
||
|
|
subString: "Mac",
|
||
|
|
identity: "Mac"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.userAgent,
|
||
|
|
subString: "iPhone",
|
||
|
|
identity: "iPhone/iPod"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.userAgent,
|
||
|
|
subString: "iPad",
|
||
|
|
identity: "iPad"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
string: navigator.platform,
|
||
|
|
subString: "Linux",
|
||
|
|
identity: "Linux"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
|
||
|
|
}
|
||
|
|
VMM.Browser.init();
|
||
|
|
}
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.FileExtention.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* * File Extention
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.FileExtention == 'undefined') {
|
||
|
|
VMM.FileExtention = {
|
||
|
|
googleDocType: function(url) {
|
||
|
|
var fileName = url.replace(/\s\s*$/, ''),
|
||
|
|
fileExtension = "",
|
||
|
|
validFileExtensions = ["DOC","DOCX","XLS","XLSX","PPT","PPTX","PDF","PAGES","AI","PSD","TIFF","DXF","SVG","EPS","PS","TTF","XPS","ZIP","RAR"],
|
||
|
|
flag = false;
|
||
|
|
|
||
|
|
fileExtension = fileName.substr(fileName.length - 5, 5);
|
||
|
|
|
||
|
|
for (var i = 0; i < validFileExtensions.length; i++) {
|
||
|
|
if (fileExtension.toLowerCase().match(validFileExtensions[i].toString().toLowerCase()) || fileName.match("docs.google.com") ) {
|
||
|
|
flag = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return flag;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Date.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* * Utilities and Useful Functions
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.Date == 'undefined') {
|
||
|
|
|
||
|
|
VMM.Date = ({
|
||
|
|
|
||
|
|
init: function() {
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
dateformats: {
|
||
|
|
year: "yyyy",
|
||
|
|
month_short: "mmm",
|
||
|
|
month: "mmmm yyyy",
|
||
|
|
full_short: "mmm d",
|
||
|
|
full: "mmmm d',' yyyy",
|
||
|
|
time_short: "h:MM:ss TT",
|
||
|
|
time_no_seconds_short: "h:MM TT",
|
||
|
|
time_no_seconds_small_date: "h:MM TT'<br/><small>'mmmm d',' yyyy'</small>'",
|
||
|
|
full_long: "mmm d',' yyyy 'at' hh:MM TT",
|
||
|
|
full_long_small_date: "hh:MM TT'<br/><small>mmm d',' yyyy'</small>'"
|
||
|
|
},
|
||
|
|
|
||
|
|
month: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
|
||
|
|
month_abbr: ["Jan.", "Feb.", "March", "April", "May", "June", "July", "Aug.", "Sept.", "Oct.", "Nov.", "Dec."],
|
||
|
|
day: ["Sunday","Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
||
|
|
day_abbr: ["Sun.", "Mon.", "Tues.", "Wed.", "Thurs.", "Fri.", "Sat."],
|
||
|
|
hour: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
|
||
|
|
hour_suffix: ["am"],
|
||
|
|
|
||
|
|
//B.C.
|
||
|
|
bc_format: {
|
||
|
|
year: "yyyy",
|
||
|
|
month_short: "mmm",
|
||
|
|
month: "mmmm yyyy",
|
||
|
|
full_short: "mmm d",
|
||
|
|
full: "mmmm d',' yyyy",
|
||
|
|
time_no_seconds_short: "h:MM TT",
|
||
|
|
time_no_seconds_small_date: "dddd', 'h:MM TT'<br/><small>'mmmm d',' yyyy'</small>'",
|
||
|
|
full_long: "dddd',' mmm d',' yyyy 'at' hh:MM TT",
|
||
|
|
full_long_small_date: "hh:MM TT'<br/><small>'dddd',' mmm d',' yyyy'</small>'"
|
||
|
|
},
|
||
|
|
|
||
|
|
setLanguage: function(lang) {
|
||
|
|
trace("SET DATE LANGUAGE");
|
||
|
|
VMM.Date.dateformats = lang.dateformats;
|
||
|
|
VMM.Date.month = lang.date.month;
|
||
|
|
VMM.Date.month_abbr = lang.date.month_abbr;
|
||
|
|
VMM.Date.day = lang.date.day;
|
||
|
|
VMM.Date.day_abbr = lang.date.day_abbr;
|
||
|
|
dateFormat.i18n.dayNames = lang.date.day_abbr.concat(lang.date.day);
|
||
|
|
dateFormat.i18n.monthNames = lang.date.month_abbr.concat(lang.date.month);
|
||
|
|
},
|
||
|
|
|
||
|
|
parse: function(d, precision) {
|
||
|
|
"use strict";
|
||
|
|
var date,
|
||
|
|
date_array,
|
||
|
|
time_array,
|
||
|
|
time_parse,
|
||
|
|
p = {
|
||
|
|
year: false,
|
||
|
|
month: false,
|
||
|
|
day: false,
|
||
|
|
hour: false,
|
||
|
|
minute: false,
|
||
|
|
second: false,
|
||
|
|
millisecond: false
|
||
|
|
};
|
||
|
|
|
||
|
|
if (type.of(d) == "date") {
|
||
|
|
trace("DEBUG THIS, ITs A DATE");
|
||
|
|
date = d;
|
||
|
|
} else {
|
||
|
|
date = new Date(0, 0, 1, 0, 0, 0, 0);
|
||
|
|
|
||
|
|
if ( d.match(/,/gi) ) {
|
||
|
|
date_array = d.split(",");
|
||
|
|
for(var i = 0; i < date_array.length; i++) {
|
||
|
|
date_array[i] = parseInt(date_array[i], 10);
|
||
|
|
}
|
||
|
|
if (date_array[0]) {
|
||
|
|
date.setFullYear(date_array[0]);
|
||
|
|
p.year = true;
|
||
|
|
}
|
||
|
|
if (date_array[1]) {
|
||
|
|
date.setMonth(date_array[1] - 1);
|
||
|
|
p.month = true;
|
||
|
|
}
|
||
|
|
if (date_array[2]) {
|
||
|
|
date.setDate(date_array[2]);
|
||
|
|
p.day = true;
|
||
|
|
}
|
||
|
|
if (date_array[3]) {
|
||
|
|
date.setHours(date_array[3]);
|
||
|
|
p.hour = true;
|
||
|
|
}
|
||
|
|
if (date_array[4]) {
|
||
|
|
date.setMinutes(date_array[4]);
|
||
|
|
p.minute = true;
|
||
|
|
}
|
||
|
|
if (date_array[5]) {
|
||
|
|
date.setSeconds(date_array[5]);
|
||
|
|
if (date_array[5] >= 1) {
|
||
|
|
p.second = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (date_array[6]) {
|
||
|
|
date.setMilliseconds(date_array[6]);
|
||
|
|
if (date_array[6] >= 1) {
|
||
|
|
p.millisecond = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else if (d.match("/")) {
|
||
|
|
if (d.match(" ")) {
|
||
|
|
|
||
|
|
time_parse = d.split(" ");
|
||
|
|
if (d.match(":")) {
|
||
|
|
time_array = time_parse[1].split(":");
|
||
|
|
if (time_array[0] >= 0 ) {
|
||
|
|
date.setHours(time_array[0]);
|
||
|
|
p.hour = true;
|
||
|
|
}
|
||
|
|
if (time_array[1] >= 0) {
|
||
|
|
date.setMinutes(time_array[1]);
|
||
|
|
p.minute = true;
|
||
|
|
}
|
||
|
|
if (time_array[2] >= 0) {
|
||
|
|
date.setSeconds(time_array[2]);
|
||
|
|
p.second = true;
|
||
|
|
}
|
||
|
|
if (time_array[3] >= 0) {
|
||
|
|
date.setMilliseconds(time_array[3]);
|
||
|
|
p.millisecond = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
date_array = time_parse[0].split("/");
|
||
|
|
} else {
|
||
|
|
date_array = d.split("/");
|
||
|
|
}
|
||
|
|
if (date_array[2]) {
|
||
|
|
date.setFullYear(date_array[2]);
|
||
|
|
p.year = true;
|
||
|
|
}
|
||
|
|
if (date_array[0] >= 0) {
|
||
|
|
date.setMonth(date_array[0] - 1);
|
||
|
|
p.month = true;
|
||
|
|
}
|
||
|
|
if (date_array[1] >= 0) {
|
||
|
|
if (date_array[1].length > 2) {
|
||
|
|
date.setFullYear(date_array[1]);
|
||
|
|
p.year = true;
|
||
|
|
} else {
|
||
|
|
date.setDate(date_array[1]);
|
||
|
|
p.day = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else if (d.match("now")) {
|
||
|
|
var now = new Date();
|
||
|
|
|
||
|
|
date.setFullYear(now.getFullYear());
|
||
|
|
p.year = true;
|
||
|
|
|
||
|
|
date.setMonth(now.getMonth());
|
||
|
|
p.month = true;
|
||
|
|
|
||
|
|
date.setDate(now.getDate());
|
||
|
|
p.day = true;
|
||
|
|
|
||
|
|
if (d.match("hours")) {
|
||
|
|
date.setHours(now.getHours());
|
||
|
|
p.hour = true;
|
||
|
|
}
|
||
|
|
if (d.match("minutes")) {
|
||
|
|
date.setHours(now.getHours());
|
||
|
|
date.setMinutes(now.getMinutes());
|
||
|
|
p.hour = true;
|
||
|
|
p.minute = true;
|
||
|
|
}
|
||
|
|
if (d.match("seconds")) {
|
||
|
|
date.setHours(now.getHours());
|
||
|
|
date.setMinutes(now.getMinutes());
|
||
|
|
date.setSeconds(now.getSeconds());
|
||
|
|
p.hour = true;
|
||
|
|
p.minute = true;
|
||
|
|
p.second = true;
|
||
|
|
}
|
||
|
|
if (d.match("milliseconds")) {
|
||
|
|
date.setHours(now.getHours());
|
||
|
|
date.setMinutes(now.getMinutes());
|
||
|
|
date.setSeconds(now.getSeconds());
|
||
|
|
date.setMilliseconds(now.getMilliseconds());
|
||
|
|
p.hour = true;
|
||
|
|
p.minute = true;
|
||
|
|
p.second = true;
|
||
|
|
p.millisecond = true;
|
||
|
|
}
|
||
|
|
} else if (d.length <= 8) {
|
||
|
|
p.year = true;
|
||
|
|
date.setFullYear(parseInt(d, 10));
|
||
|
|
date.setMonth(0);
|
||
|
|
date.setDate(1);
|
||
|
|
date.setHours(0);
|
||
|
|
date.setMinutes(0);
|
||
|
|
date.setSeconds(0);
|
||
|
|
date.setMilliseconds(0);
|
||
|
|
} else if (d.match("T")) {
|
||
|
|
if (navigator.userAgent.match(/MSIE\s(?!9.0)/)) {
|
||
|
|
// IE 8 < Won't accept dates with a "-" in them.
|
||
|
|
time_parse = d.split("T");
|
||
|
|
if (d.match(":")) {
|
||
|
|
time_array = time_parse[1].split(":");
|
||
|
|
if (time_array[0] >= 1) {
|
||
|
|
date.setHours(time_array[0]);
|
||
|
|
p.hour = true;
|
||
|
|
}
|
||
|
|
if (time_array[1] >= 1) {
|
||
|
|
date.setMinutes(time_array[1]);
|
||
|
|
p.minute = true;
|
||
|
|
}
|
||
|
|
if (time_array[2] >= 1) {
|
||
|
|
date.setSeconds(time_array[2]);
|
||
|
|
if (time_array[2] >= 1) {
|
||
|
|
p.second = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (time_array[3] >= 1) {
|
||
|
|
date.setMilliseconds(time_array[3]);
|
||
|
|
if (time_array[3] >= 1) {
|
||
|
|
p.millisecond = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
date_array = time_parse[0].split("-");
|
||
|
|
if (date_array[0]) {
|
||
|
|
date.setFullYear(date_array[0]);
|
||
|
|
p.year = true;
|
||
|
|
}
|
||
|
|
if (date_array[1] >= 0) {
|
||
|
|
date.setMonth(date_array[1] - 1);
|
||
|
|
p.month = true;
|
||
|
|
}
|
||
|
|
if (date_array[2] >= 0) {
|
||
|
|
date.setDate(date_array[2]);
|
||
|
|
p.day = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
date = new Date(Date.parse(d));
|
||
|
|
p.year = true;
|
||
|
|
p.month = true;
|
||
|
|
p.day = true;
|
||
|
|
p.hour = true;
|
||
|
|
p.minute = true;
|
||
|
|
if (date.getSeconds() >= 1) {
|
||
|
|
p.second = true;
|
||
|
|
}
|
||
|
|
if (date.getMilliseconds() >= 1) {
|
||
|
|
p.millisecond = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
date = new Date(
|
||
|
|
parseInt(d.slice(0,4), 10),
|
||
|
|
parseInt(d.slice(4,6), 10) - 1,
|
||
|
|
parseInt(d.slice(6,8), 10),
|
||
|
|
parseInt(d.slice(8,10), 10),
|
||
|
|
parseInt(d.slice(10,12), 10)
|
||
|
|
);
|
||
|
|
p.year = true;
|
||
|
|
p.month = true;
|
||
|
|
p.day = true;
|
||
|
|
p.hour = true;
|
||
|
|
p.minute = true;
|
||
|
|
if (date.getSeconds() >= 1) {
|
||
|
|
p.second = true;
|
||
|
|
}
|
||
|
|
if (date.getMilliseconds() >= 1) {
|
||
|
|
p.millisecond = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if (precision != null && precision != "") {
|
||
|
|
return {
|
||
|
|
date: date,
|
||
|
|
precision: p
|
||
|
|
};
|
||
|
|
} else {
|
||
|
|
return date;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
prettyDate: function(d, is_abbr, p, d2) {
|
||
|
|
var _date,
|
||
|
|
_date2,
|
||
|
|
format,
|
||
|
|
bc_check,
|
||
|
|
is_pair = false,
|
||
|
|
bc_original,
|
||
|
|
bc_number,
|
||
|
|
bc_string;
|
||
|
|
|
||
|
|
if (d2 != null && d2 != "" && typeof d2 != 'undefined') {
|
||
|
|
is_pair = true;
|
||
|
|
trace("D2 " + d2);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (type.of(d) == "date") {
|
||
|
|
|
||
|
|
if (type.of(p) == "object") {
|
||
|
|
if (p.millisecond || p.second && d.getSeconds() >= 1) {
|
||
|
|
// YEAR MONTH DAY HOUR MINUTE
|
||
|
|
if (is_abbr){
|
||
|
|
format = VMM.Date.dateformats.time_short;
|
||
|
|
} else {
|
||
|
|
format = VMM.Date.dateformats.time_short;
|
||
|
|
}
|
||
|
|
} else if (p.minute) {
|
||
|
|
// YEAR MONTH DAY HOUR MINUTE
|
||
|
|
if (is_abbr){
|
||
|
|
format = VMM.Date.dateformats.time_no_seconds_short;
|
||
|
|
} else {
|
||
|
|
format = VMM.Date.dateformats.time_no_seconds_small_date;
|
||
|
|
}
|
||
|
|
} else if (p.hour) {
|
||
|
|
// YEAR MONTH DAY HOUR
|
||
|
|
if (is_abbr) {
|
||
|
|
format = VMM.Date.dateformats.time_no_seconds_short;
|
||
|
|
} else {
|
||
|
|
format = VMM.Date.dateformats.time_no_seconds_small_date;
|
||
|
|
}
|
||
|
|
} else if (p.day) {
|
||
|
|
// YEAR MONTH DAY
|
||
|
|
if (is_abbr) {
|
||
|
|
format = VMM.Date.dateformats.full_short;
|
||
|
|
} else {
|
||
|
|
format = VMM.Date.dateformats.full;
|
||
|
|
}
|
||
|
|
} else if (p.month) {
|
||
|
|
// YEAR MONTH
|
||
|
|
if (is_abbr) {
|
||
|
|
format = VMM.Date.dateformats.month_short;
|
||
|
|
} else {
|
||
|
|
format = VMM.Date.dateformats.month;
|
||
|
|
}
|
||
|
|
} else if (p.year) {
|
||
|
|
format = VMM.Date.dateformats.year;
|
||
|
|
} else {
|
||
|
|
format = VMM.Date.dateformats.year;
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
if (d.getMonth() === 0 && d.getDate() == 1 && d.getHours() === 0 && d.getMinutes() === 0 ) {
|
||
|
|
// YEAR ONLY
|
||
|
|
format = VMM.Date.dateformats.year;
|
||
|
|
} else if (d.getDate() <= 1 && d.getHours() === 0 && d.getMinutes() === 0) {
|
||
|
|
// YEAR MONTH
|
||
|
|
if (is_abbr) {
|
||
|
|
format = VMM.Date.dateformats.month_short;
|
||
|
|
} else {
|
||
|
|
format = VMM.Date.dateformats.month;
|
||
|
|
}
|
||
|
|
} else if (d.getHours() === 0 && d.getMinutes() === 0) {
|
||
|
|
// YEAR MONTH DAY
|
||
|
|
if (is_abbr) {
|
||
|
|
format = VMM.Date.dateformats.full_short;
|
||
|
|
} else {
|
||
|
|
format = VMM.Date.dateformats.full;
|
||
|
|
}
|
||
|
|
} else if (d.getMinutes() === 0) {
|
||
|
|
// YEAR MONTH DAY HOUR
|
||
|
|
if (is_abbr) {
|
||
|
|
format = VMM.Date.dateformats.time_no_seconds_short;
|
||
|
|
} else {
|
||
|
|
format = VMM.Date.dateformats.time_no_seconds_small_date;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
// YEAR MONTH DAY HOUR MINUTE
|
||
|
|
if (is_abbr){
|
||
|
|
format = VMM.Date.dateformats.time_no_seconds_short;
|
||
|
|
} else {
|
||
|
|
format = VMM.Date.dateformats.full_long;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_date = dateFormat(d, format, false);
|
||
|
|
//_date = "Jan"
|
||
|
|
bc_check = _date.split(" ");
|
||
|
|
|
||
|
|
// BC TIME SUPPORT
|
||
|
|
for(var i = 0; i < bc_check.length; i++) {
|
||
|
|
if ( parseInt(bc_check[i], 10) < 0 ) {
|
||
|
|
trace("YEAR IS BC");
|
||
|
|
bc_original = bc_check[i];
|
||
|
|
bc_number = Math.abs( parseInt(bc_check[i], 10) );
|
||
|
|
bc_string = bc_number.toString() + " B.C.";
|
||
|
|
_date = _date.replace(bc_original, bc_string);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (is_pair) {
|
||
|
|
_date2 = dateFormat(d2, format, false);
|
||
|
|
bc_check = _date2.split(" ");
|
||
|
|
// BC TIME SUPPORT
|
||
|
|
for(var j = 0; j < bc_check.length; j++) {
|
||
|
|
if ( parseInt(bc_check[j], 10) < 0 ) {
|
||
|
|
trace("YEAR IS BC");
|
||
|
|
bc_original = bc_check[j];
|
||
|
|
bc_number = Math.abs( parseInt(bc_check[j], 10) );
|
||
|
|
bc_string = bc_number.toString() + " B.C.";
|
||
|
|
_date2 = _date2.replace(bc_original, bc_string);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
trace("NOT A VALID DATE?");
|
||
|
|
trace(d);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (is_pair) {
|
||
|
|
return _date + " — " + _date2;
|
||
|
|
} else {
|
||
|
|
return _date;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}).init();
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Date Format 1.2.3
|
||
|
|
* (c) 2007-2009 Steven Levithan <stevenlevithan.com>
|
||
|
|
* MIT license
|
||
|
|
*
|
||
|
|
* Includes enhancements by Scott Trenda <scott.trenda.net>
|
||
|
|
* and Kris Kowal <cixar.com/~kris.kowal/>
|
||
|
|
*
|
||
|
|
* Accepts a date, a mask, or a date and a mask.
|
||
|
|
* Returns a formatted version of the given date.
|
||
|
|
* The date defaults to the current date/time.
|
||
|
|
* The mask defaults to dateFormat.masks.default.
|
||
|
|
*/
|
||
|
|
|
||
|
|
var dateFormat = function () {
|
||
|
|
var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g,
|
||
|
|
timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
|
||
|
|
timezoneClip = /[^-+\dA-Z]/g,
|
||
|
|
pad = function (val, len) {
|
||
|
|
val = String(val);
|
||
|
|
len = len || 2;
|
||
|
|
while (val.length < len) val = "0" + val;
|
||
|
|
return val;
|
||
|
|
};
|
||
|
|
|
||
|
|
// Regexes and supporting functions are cached through closure
|
||
|
|
return function (date, mask, utc) {
|
||
|
|
var dF = dateFormat;
|
||
|
|
|
||
|
|
// You can't provide utc if you skip other args (use the "UTC:" mask prefix)
|
||
|
|
if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object String]" && !/\d/.test(date)) {
|
||
|
|
mask = date;
|
||
|
|
date = undefined;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Passing date through Date applies Date.parse, if necessary
|
||
|
|
// Caused problems in IE
|
||
|
|
// date = date ? new Date(date) : new Date;
|
||
|
|
if (isNaN(date)) {
|
||
|
|
trace("invalid date " + date);
|
||
|
|
//return "";
|
||
|
|
}
|
||
|
|
|
||
|
|
mask = String(dF.masks[mask] || mask || dF.masks["default"]);
|
||
|
|
|
||
|
|
// Allow setting the utc argument via the mask
|
||
|
|
if (mask.slice(0, 4) == "UTC:") {
|
||
|
|
mask = mask.slice(4);
|
||
|
|
utc = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
var _ = utc ? "getUTC" : "get",
|
||
|
|
d = date[_ + "Date"](),
|
||
|
|
D = date[_ + "Day"](),
|
||
|
|
m = date[_ + "Month"](),
|
||
|
|
y = date[_ + "FullYear"](),
|
||
|
|
H = date[_ + "Hours"](),
|
||
|
|
M = date[_ + "Minutes"](),
|
||
|
|
s = date[_ + "Seconds"](),
|
||
|
|
L = date[_ + "Milliseconds"](),
|
||
|
|
o = utc ? 0 : date.getTimezoneOffset(),
|
||
|
|
flags = {
|
||
|
|
d: d,
|
||
|
|
dd: pad(d),
|
||
|
|
ddd: dF.i18n.dayNames[D],
|
||
|
|
dddd: dF.i18n.dayNames[D + 7],
|
||
|
|
m: m + 1,
|
||
|
|
mm: pad(m + 1),
|
||
|
|
mmm: dF.i18n.monthNames[m],
|
||
|
|
mmmm: dF.i18n.monthNames[m + 12],
|
||
|
|
yy: String(y).slice(2),
|
||
|
|
yyyy: y,
|
||
|
|
h: H % 12 || 12,
|
||
|
|
hh: pad(H % 12 || 12),
|
||
|
|
H: H,
|
||
|
|
HH: pad(H),
|
||
|
|
M: M,
|
||
|
|
MM: pad(M),
|
||
|
|
s: s,
|
||
|
|
ss: pad(s),
|
||
|
|
l: pad(L, 3),
|
||
|
|
L: pad(L > 99 ? Math.round(L / 10) : L),
|
||
|
|
t: H < 12 ? "a" : "p",
|
||
|
|
tt: H < 12 ? "am" : "pm",
|
||
|
|
T: H < 12 ? "A" : "P",
|
||
|
|
TT: H < 12 ? "AM" : "PM",
|
||
|
|
Z: utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""),
|
||
|
|
o: (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
|
||
|
|
S: ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10]
|
||
|
|
};
|
||
|
|
|
||
|
|
return mask.replace(token, function ($0) {
|
||
|
|
return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
}();
|
||
|
|
|
||
|
|
// Some common format strings
|
||
|
|
dateFormat.masks = {
|
||
|
|
"default": "ddd mmm dd yyyy HH:MM:ss",
|
||
|
|
shortDate: "m/d/yy",
|
||
|
|
mediumDate: "mmm d, yyyy",
|
||
|
|
longDate: "mmmm d, yyyy",
|
||
|
|
fullDate: "dddd, mmmm d, yyyy",
|
||
|
|
shortTime: "h:MM TT",
|
||
|
|
mediumTime: "h:MM:ss TT",
|
||
|
|
longTime: "h:MM:ss TT Z",
|
||
|
|
isoDate: "yyyy-mm-dd",
|
||
|
|
isoTime: "HH:MM:ss",
|
||
|
|
isoDateTime: "yyyy-mm-dd'T'HH:MM:ss",
|
||
|
|
isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'"
|
||
|
|
};
|
||
|
|
|
||
|
|
// Internationalization strings
|
||
|
|
dateFormat.i18n = {
|
||
|
|
dayNames: [
|
||
|
|
"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat",
|
||
|
|
"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
|
||
|
|
],
|
||
|
|
monthNames: [
|
||
|
|
"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
|
||
|
|
"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
|
||
|
|
]
|
||
|
|
};
|
||
|
|
|
||
|
|
// For convenience...
|
||
|
|
Date.prototype.format = function (mask, utc) {
|
||
|
|
return dateFormat(this, mask, utc);
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Util.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* * Utilities and Useful Functions
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.Util == 'undefined') {
|
||
|
|
|
||
|
|
VMM.Util = ({
|
||
|
|
|
||
|
|
init: function() {
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * CORRECT PROTOCOL (DOES NOT WORK)
|
||
|
|
================================================== */
|
||
|
|
correctProtocol: function(url) {
|
||
|
|
var loc = (window.parent.location.protocol).toString(),
|
||
|
|
prefix = "",
|
||
|
|
the_url = url.split("://", 2);
|
||
|
|
|
||
|
|
if (loc.match("http")) {
|
||
|
|
prefix = loc;
|
||
|
|
} else {
|
||
|
|
prefix = "https";
|
||
|
|
}
|
||
|
|
|
||
|
|
return prefix + "://" + the_url[1];
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * MERGE CONFIG
|
||
|
|
================================================== */
|
||
|
|
mergeConfig: function(config_main, config_to_merge) {
|
||
|
|
var x;
|
||
|
|
for (x in config_to_merge) {
|
||
|
|
if (Object.prototype.hasOwnProperty.call(config_to_merge, x)) {
|
||
|
|
config_main[x] = config_to_merge[x];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return config_main;
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * GET OBJECT ATTRIBUTE BY INDEX
|
||
|
|
================================================== */
|
||
|
|
getObjectAttributeByIndex: function(obj, index) {
|
||
|
|
if(typeof obj != 'undefined') {
|
||
|
|
var i = 0;
|
||
|
|
for (var attr in obj){
|
||
|
|
if (index === i){
|
||
|
|
return obj[attr];
|
||
|
|
}
|
||
|
|
i++;
|
||
|
|
}
|
||
|
|
return "";
|
||
|
|
} else {
|
||
|
|
return "";
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * ORDINAL
|
||
|
|
================================================== */
|
||
|
|
ordinal: function(n) {
|
||
|
|
return ["th","st","nd","rd"][(!( ((n%10) >3) || (Math.floor(n%100/10)==1)) ) * (n%10)];
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * RANDOM BETWEEN
|
||
|
|
================================================== */
|
||
|
|
//VMM.Util.randomBetween(1, 3)
|
||
|
|
randomBetween: function(min, max) {
|
||
|
|
return Math.floor(Math.random() * (max - min + 1) + min);
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * AVERAGE
|
||
|
|
* http://jsfromhell.com/array/average
|
||
|
|
* var x = VMM.Util.average([2, 3, 4]);
|
||
|
|
* VMM.Util.average([2, 3, 4]).mean
|
||
|
|
================================================== */
|
||
|
|
average: function(a) {
|
||
|
|
var r = {mean: 0, variance: 0, deviation: 0}, t = a.length;
|
||
|
|
for(var m, s = 0, l = t; l--; s += a[l]);
|
||
|
|
for(m = r.mean = s / t, l = t, s = 0; l--; s += Math.pow(a[l] - m, 2));
|
||
|
|
return r.deviation = Math.sqrt(r.variance = s / t), r;
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * CUSTOM SORT
|
||
|
|
================================================== */
|
||
|
|
customSort: function(a, b) {
|
||
|
|
var a1= a, b1= b;
|
||
|
|
if(a1== b1) return 0;
|
||
|
|
return a1> b1? 1: -1;
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * Remove Duplicates from Array
|
||
|
|
================================================== */
|
||
|
|
deDupeArray: function(arr) {
|
||
|
|
var i,
|
||
|
|
len=arr.length,
|
||
|
|
out=[],
|
||
|
|
obj={};
|
||
|
|
|
||
|
|
for (i=0;i<len;i++) {
|
||
|
|
obj[arr[i]]=0;
|
||
|
|
}
|
||
|
|
for (i in obj) {
|
||
|
|
out.push(i);
|
||
|
|
}
|
||
|
|
return out;
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * Given an int or decimal, turn that into string in $xxx,xxx.xx format.
|
||
|
|
================================================== */
|
||
|
|
number2money: function(n, symbol, padding) {
|
||
|
|
var symbol = (symbol !== null) ? symbol : true; // add $
|
||
|
|
var padding = (padding !== null) ? padding : false; //pad with .00
|
||
|
|
var number = VMM.Math2.floatPrecision(n,2); // rounded correctly to two digits, if decimals passed
|
||
|
|
var formatted = this.niceNumber(number);
|
||
|
|
// no decimal and padding is enabled
|
||
|
|
if (!formatted.split(/\./g)[1] && padding) formatted = formatted + ".00";
|
||
|
|
// add money sign
|
||
|
|
if (symbol) formatted = "$"+formatted;
|
||
|
|
return formatted;
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * Returns a word count number
|
||
|
|
================================================== */
|
||
|
|
wordCount: function(s) {
|
||
|
|
var fullStr = s + " ";
|
||
|
|
var initial_whitespace_rExp = /^[^A-Za-z0-9\'\-]+/gi;
|
||
|
|
var left_trimmedStr = fullStr.replace(initial_whitespace_rExp, "");
|
||
|
|
var non_alphanumerics_rExp = /[^A-Za-z0-9\'\-]+/gi;
|
||
|
|
var cleanedStr = left_trimmedStr.replace(non_alphanumerics_rExp, " ");
|
||
|
|
var splitString = cleanedStr.split(" ");
|
||
|
|
var word_count = splitString.length -1;
|
||
|
|
if (fullStr.length <2) {
|
||
|
|
word_count = 0;
|
||
|
|
}
|
||
|
|
return word_count;
|
||
|
|
},
|
||
|
|
|
||
|
|
ratio: {
|
||
|
|
fit: function(w, h, ratio_w, ratio_h) {
|
||
|
|
//VMM.Util.ratio.fit(w, h, ratio_w, ratio_h).width;
|
||
|
|
var _fit = {width:0,height:0};
|
||
|
|
// TRY WIDTH FIRST
|
||
|
|
_fit.width = w;
|
||
|
|
//_fit.height = Math.round((h / ratio_h) * ratio_w);
|
||
|
|
_fit.height = Math.round((w / ratio_w) * ratio_h);
|
||
|
|
if (_fit.height > h) {
|
||
|
|
_fit.height = h;
|
||
|
|
//_fit.width = Math.round((w / ratio_w) * ratio_h);
|
||
|
|
_fit.width = Math.round((h / ratio_h) * ratio_w);
|
||
|
|
|
||
|
|
if (_fit.width > w) {
|
||
|
|
trace("FIT: DIDN'T FIT!!! ")
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return _fit;
|
||
|
|
|
||
|
|
},
|
||
|
|
r16_9: function(w,h) {
|
||
|
|
//VMM.Util.ratio.r16_9(w, h) // Returns corresponding number
|
||
|
|
if (w !== null && w !== "") {
|
||
|
|
return Math.round((h / 16) * 9);
|
||
|
|
} else if (h !== null && h !== "") {
|
||
|
|
return Math.round((w / 9) * 16);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
r4_3: function(w,h) {
|
||
|
|
if (w !== null && w !== "") {
|
||
|
|
return Math.round((h / 4) * 3);
|
||
|
|
} else if (h !== null && h !== "") {
|
||
|
|
return Math.round((w / 3) * 4);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
doubledigit: function(n) {
|
||
|
|
return (n < 10 ? '0' : '') + n;
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * Returns a truncated segement of a long string of between min and max words. If possible, ends on a period (otherwise goes to max).
|
||
|
|
================================================== */
|
||
|
|
truncateWords: function(s, min, max) {
|
||
|
|
|
||
|
|
if (!min) min = 30;
|
||
|
|
if (!max) max = min;
|
||
|
|
|
||
|
|
var initial_whitespace_rExp = /^[^A-Za-z0-9\'\-]+/gi;
|
||
|
|
var left_trimmedStr = s.replace(initial_whitespace_rExp, "");
|
||
|
|
var words = left_trimmedStr.split(" ");
|
||
|
|
|
||
|
|
var result = [];
|
||
|
|
|
||
|
|
min = Math.min(words.length, min);
|
||
|
|
max = Math.min(words.length, max);
|
||
|
|
|
||
|
|
for (var i = 0; i<min; i++) {
|
||
|
|
result.push(words[i]);
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var j = min; i<max; i++) {
|
||
|
|
var word = words[i];
|
||
|
|
|
||
|
|
result.push(word);
|
||
|
|
|
||
|
|
if (word.charAt(word.length-1) == '.') {
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return (result.join(' '));
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * Turns plain text links into real links
|
||
|
|
================================================== */
|
||
|
|
linkify: function(text,targets,is_touch) {
|
||
|
|
|
||
|
|
// http://, https://, ftp://
|
||
|
|
var urlPattern = /\b(?:https?|ftp):\/\/[a-z0-9-+&@#\/%?=~_|!:,.;]*[a-z0-9-+&@#\/%=~_|]/gim;
|
||
|
|
|
||
|
|
// www. sans http:// or https://
|
||
|
|
var pseudoUrlPattern = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
|
||
|
|
|
||
|
|
// Email addresses
|
||
|
|
var emailAddressPattern = /(([a-zA-Z0-9_\-\.]+)@[a-zA-Z_]+?(?:\.[a-zA-Z]{2,6}))+/gim;
|
||
|
|
|
||
|
|
|
||
|
|
return text
|
||
|
|
.replace(urlPattern, "<a target='_blank' href='$&' onclick='void(0)'>$&</a>")
|
||
|
|
.replace(pseudoUrlPattern, "$1<a target='_blank' onclick='void(0)' href='http://$2'>$2</a>")
|
||
|
|
.replace(emailAddressPattern, "<a target='_blank' onclick='void(0)' href='mailto:$1'>$1</a>");
|
||
|
|
},
|
||
|
|
|
||
|
|
linkify_with_twitter: function(text,targets,is_touch) {
|
||
|
|
|
||
|
|
// http://, https://, ftp://
|
||
|
|
var urlPattern = /\b(?:https?|ftp):\/\/[a-z0-9-+&@#\/%?=~_|!:,.;]*[a-z0-9-+&@#\/%=~_|]/gim;
|
||
|
|
var url_pattern = /(\()((?:ht|f)tps?:\/\/[a-z0-9\-._~!$&'()*+,;=:\/?#[\]@%]+)(\))|(\[)((?:ht|f)tps?:\/\/[a-z0-9\-._~!$&'()*+,;=:\/?#[\]@%]+)(\])|(\{)((?:ht|f)tps?:\/\/[a-z0-9\-._~!$&'()*+,;=:\/?#[\]@%]+)(\})|(<|&(?:lt|#60|#x3c);)((?:ht|f)tps?:\/\/[a-z0-9\-._~!$&'()*+,;=:\/?#[\]@%]+)(>|&(?:gt|#62|#x3e);)|((?:^|[^=\s'"\]])\s*['"]?|[^=\s]\s+)(\b(?:ht|f)tps?:\/\/[a-z0-9\-._~!$'()*+,;=:\/?#[\]@%]+(?:(?!&(?:gt|#0*62|#x0*3e);|&(?:amp|apos|quot|#0*3[49]|#x0*2[27]);[.!&',:?;]?(?:[^a-z0-9\-._~!$&'()*+,;=:\/?#[\]@%]|$))&[a-z0-9\-._~!$'()*+,;=:\/?#[\]@%]*)*[a-z0-9\-_~$()*+=\/#[\]@%])/img;
|
||
|
|
var url_replace = '$1$4$7$10$13<a href="$2$5$8$11$14" target="_blank" class="hyphenate">$2$5$8$11$14</a>$3$6$9$12';
|
||
|
|
|
||
|
|
// www. sans http:// or https://
|
||
|
|
var pseudoUrlPattern = /(^|[^\/])(www\.[\S]+(\b|$))/gim;
|
||
|
|
function replaceURLWithHTMLLinks(text) {
|
||
|
|
var exp = /(\b(https?|ftp|file):\/\/([-A-Z0-9+&@#%?=~_|!:,.;]*)([-A-Z0-9+&@#%?\/=~_|!:,.;]*)[-A-Z0-9+&@#\/%=~_|])/ig;
|
||
|
|
return text.replace(exp, "<a href='$1' target='_blank'>$3</a>");
|
||
|
|
}
|
||
|
|
// Email addresses
|
||
|
|
var emailAddressPattern = /(([a-zA-Z0-9_\-\.]+)@[a-zA-Z_]+?(?:\.[a-zA-Z]{2,6}))+/gim;
|
||
|
|
|
||
|
|
//var twitterHandlePattern = /(@([\w]+))/g;
|
||
|
|
var twitterHandlePattern = /\B@([\w-]+)/gm;
|
||
|
|
var twitterSearchPattern = /(#([\w]+))/g;
|
||
|
|
|
||
|
|
return text
|
||
|
|
//.replace(urlPattern, "<a target='_blank' href='$&' onclick='void(0)'>$&</a>")
|
||
|
|
.replace(url_pattern, url_replace)
|
||
|
|
.replace(pseudoUrlPattern, "$1<a target='_blank' class='hyphenate' onclick='void(0)' href='http://$2'>$2</a>")
|
||
|
|
.replace(emailAddressPattern, "<a target='_blank' onclick='void(0)' href='mailto:$1'>$1</a>")
|
||
|
|
.replace(twitterHandlePattern, "<a href='http://twitter.com/$1' target='_blank' onclick='void(0)'>@$1</a>");
|
||
|
|
|
||
|
|
// TURN THIS BACK ON TO AUTOMAGICALLY LINK HASHTAGS TO TWITTER SEARCH
|
||
|
|
//.replace(twitterSearchPattern, "<a href='http://twitter.com/#search?q=%23$2' target='_blank' 'void(0)'>$1</a>");
|
||
|
|
},
|
||
|
|
|
||
|
|
linkify_wikipedia: function(text) {
|
||
|
|
|
||
|
|
var urlPattern = /<i[^>]*>(.*?)<\/i>/gim;
|
||
|
|
return text
|
||
|
|
.replace(urlPattern, "<a target='_blank' href='http://en.wikipedia.org/wiki/$&' onclick='void(0)'>$&</a>")
|
||
|
|
.replace(/<i\b[^>]*>/gim, "")
|
||
|
|
.replace(/<\/i>/gim, "")
|
||
|
|
.replace(/<b\b[^>]*>/gim, "")
|
||
|
|
.replace(/<\/b>/gim, "");
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * Turns plain text links into real links
|
||
|
|
================================================== */
|
||
|
|
// VMM.Util.unlinkify();
|
||
|
|
unlinkify: function(text) {
|
||
|
|
if(!text) return text;
|
||
|
|
text = text.replace(/<a\b[^>]*>/i,"");
|
||
|
|
text = text.replace(/<\/a>/i, "");
|
||
|
|
return text;
|
||
|
|
},
|
||
|
|
|
||
|
|
untagify: function(text) {
|
||
|
|
if (!text) {
|
||
|
|
return text;
|
||
|
|
}
|
||
|
|
text = text.replace(/<\s*\w.*?>/g,"");
|
||
|
|
return text;
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * TK
|
||
|
|
================================================== */
|
||
|
|
nl2br: function(text) {
|
||
|
|
return text.replace(/(\r\n|[\r\n]|\\n|\\r)/g,"<br/>");
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * Generate a Unique ID
|
||
|
|
================================================== */
|
||
|
|
// VMM.Util.unique_ID(size);
|
||
|
|
unique_ID: function(size) {
|
||
|
|
|
||
|
|
var getRandomNumber = function(range) {
|
||
|
|
return Math.floor(Math.random() * range);
|
||
|
|
};
|
||
|
|
|
||
|
|
var getRandomChar = function() {
|
||
|
|
var chars = "abcdefghijklmnopqurstuvwxyzABCDEFGHIJKLMNOPQURSTUVWXYZ";
|
||
|
|
return chars.substr( getRandomNumber(62), 1 );
|
||
|
|
};
|
||
|
|
|
||
|
|
var randomID = function(size) {
|
||
|
|
var str = "";
|
||
|
|
for(var i = 0; i < size; i++) {
|
||
|
|
str += getRandomChar();
|
||
|
|
}
|
||
|
|
return str;
|
||
|
|
};
|
||
|
|
|
||
|
|
return randomID(size);
|
||
|
|
},
|
||
|
|
/* * Tells you if a number is even or not
|
||
|
|
================================================== */
|
||
|
|
// VMM.Util.isEven(n)
|
||
|
|
isEven: function(n){
|
||
|
|
return (n%2 === 0) ? true : false;
|
||
|
|
},
|
||
|
|
/* * Get URL Variables
|
||
|
|
================================================== */
|
||
|
|
// var somestring = VMM.Util.getUrlVars(str_url)["varname"];
|
||
|
|
getUrlVars: function(string) {
|
||
|
|
|
||
|
|
var str = string.toString();
|
||
|
|
|
||
|
|
if (str.match('&')) {
|
||
|
|
str = str.replace("&", "&");
|
||
|
|
} else if (str.match('&')) {
|
||
|
|
str = str.replace("&", "&");
|
||
|
|
} else if (str.match('&')) {
|
||
|
|
str = str.replace("&", "&");
|
||
|
|
}
|
||
|
|
|
||
|
|
var vars = [], hash;
|
||
|
|
var hashes = str.slice(str.indexOf('?') + 1).split('&');
|
||
|
|
for(var i = 0; i < hashes.length; i++) {
|
||
|
|
hash = hashes[i].split('=');
|
||
|
|
vars.push(hash[0]);
|
||
|
|
vars[hash[0]] = hash[1];
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
return vars;
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * Cleans up strings to become real HTML
|
||
|
|
================================================== */
|
||
|
|
toHTML: function(text) {
|
||
|
|
|
||
|
|
text = this.nl2br(text);
|
||
|
|
text = this.linkify(text);
|
||
|
|
|
||
|
|
return text.replace(/\s\s/g," ");
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * Returns text strings as CamelCase
|
||
|
|
================================================== */
|
||
|
|
toCamelCase: function(s,forceLowerCase) {
|
||
|
|
|
||
|
|
if(forceLowerCase !== false) forceLowerCase = true;
|
||
|
|
|
||
|
|
var sps = ((forceLowerCase) ? s.toLowerCase() : s).split(" ");
|
||
|
|
|
||
|
|
for(var i=0; i<sps.length; i++) {
|
||
|
|
|
||
|
|
sps[i] = sps[i].substr(0,1).toUpperCase() + sps[i].substr(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
return sps.join(" ");
|
||
|
|
},
|
||
|
|
|
||
|
|
/* * Replaces dumb quote marks with smart ones
|
||
|
|
================================================== */
|
||
|
|
properQuotes: function(str) {
|
||
|
|
return str.replace(/\"([^\"]*)\"/gi,"“$1”");
|
||
|
|
},
|
||
|
|
/* * Add Commas to numbers
|
||
|
|
================================================== */
|
||
|
|
niceNumber: function(nStr){
|
||
|
|
nStr += '';
|
||
|
|
x = nStr.split('.');
|
||
|
|
x1 = x[0];
|
||
|
|
x2 = x.length > 1 ? '.' + x[1] : '';
|
||
|
|
var rgx = /(\d+)(\d{3})/;
|
||
|
|
while (rgx.test(x1)) {
|
||
|
|
x1 = x1.replace(rgx, '$1' + ',' + '$2');
|
||
|
|
}
|
||
|
|
return x1 + x2;
|
||
|
|
},
|
||
|
|
/* * Transform text to Title Case
|
||
|
|
================================================== */
|
||
|
|
toTitleCase: function(t){
|
||
|
|
if ( VMM.Browser.browser == "Explorer" && parseInt(VMM.Browser.version, 10) >= 7) {
|
||
|
|
return t.replace("_", "%20");
|
||
|
|
} else {
|
||
|
|
var __TitleCase = {
|
||
|
|
__smallWords: ['a', 'an', 'and', 'as', 'at', 'but','by', 'en', 'for', 'if', 'in', 'of', 'on', 'or','the', 'to', 'v[.]?', 'via', 'vs[.]?'],
|
||
|
|
|
||
|
|
init: function() {
|
||
|
|
this.__smallRE = this.__smallWords.join('|');
|
||
|
|
this.__lowerCaseWordsRE = new RegExp('\\b(' + this.__smallRE + ')\\b', 'gi');
|
||
|
|
this.__firstWordRE = new RegExp('^([^a-zA-Z0-9 \\r\\n\\t]*)(' + this.__smallRE + ')\\b', 'gi');
|
||
|
|
this.__lastWordRE = new RegExp('\\b(' + this.__smallRE + ')([^a-zA-Z0-9 \\r\\n\\t]*)$', 'gi');
|
||
|
|
},
|
||
|
|
|
||
|
|
toTitleCase: function(string) {
|
||
|
|
var line = '';
|
||
|
|
|
||
|
|
var split = string.split(/([:.;?!][ ]|(?:[ ]|^)["“])/);
|
||
|
|
|
||
|
|
for (var i = 0; i < split.length; ++i) {
|
||
|
|
var s = split[i];
|
||
|
|
|
||
|
|
s = s.replace(/\b([a-zA-Z][a-z.'’]*)\b/g,this.__titleCaseDottedWordReplacer);
|
||
|
|
|
||
|
|
// lowercase the list of small words
|
||
|
|
s = s.replace(this.__lowerCaseWordsRE, this.__lowerReplacer);
|
||
|
|
|
||
|
|
// if the first word in the title is a small word then capitalize it
|
||
|
|
s = s.replace(this.__firstWordRE, this.__firstToUpperCase);
|
||
|
|
|
||
|
|
// if the last word in the title is a small word, then capitalize it
|
||
|
|
s = s.replace(this.__lastWordRE, this.__firstToUpperCase);
|
||
|
|
|
||
|
|
line += s;
|
||
|
|
}
|
||
|
|
|
||
|
|
// special cases
|
||
|
|
line = line.replace(/ V(s?)\. /g, ' v$1. ');
|
||
|
|
line = line.replace(/(['’])S\b/g, '$1s');
|
||
|
|
line = line.replace(/\b(AT&T|Q&A)\b/ig, this.__upperReplacer);
|
||
|
|
|
||
|
|
return line;
|
||
|
|
},
|
||
|
|
|
||
|
|
__titleCaseDottedWordReplacer: function (w) {
|
||
|
|
return (w.match(/[a-zA-Z][.][a-zA-Z]/)) ? w : __TitleCase.__firstToUpperCase(w);
|
||
|
|
},
|
||
|
|
|
||
|
|
__lowerReplacer: function (w) { return w.toLowerCase() },
|
||
|
|
|
||
|
|
__upperReplacer: function (w) { return w.toUpperCase() },
|
||
|
|
|
||
|
|
__firstToUpperCase: function (w) {
|
||
|
|
var split = w.split(/(^[^a-zA-Z0-9]*[a-zA-Z0-9])(.*)$/);
|
||
|
|
if (split[1]) {
|
||
|
|
split[1] = split[1].toUpperCase();
|
||
|
|
}
|
||
|
|
|
||
|
|
return split.join('');
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
__TitleCase.init();
|
||
|
|
|
||
|
|
t = t.replace(/_/g," ");
|
||
|
|
t = __TitleCase.toTitleCase(t);
|
||
|
|
|
||
|
|
return t;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}).init();
|
||
|
|
}
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin LazyLoad.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/*jslint browser: true, eqeqeq: true, bitwise: true, newcap: true, immed: true, regexp: false */
|
||
|
|
|
||
|
|
/*
|
||
|
|
LazyLoad makes it easy and painless to lazily load one or more external
|
||
|
|
JavaScript or CSS files on demand either during or after the rendering of a web
|
||
|
|
page.
|
||
|
|
|
||
|
|
Supported browsers include Firefox 2+, IE6+, Safari 3+ (including Mobile
|
||
|
|
Safari), Google Chrome, and Opera 9+. Other browsers may or may not work and
|
||
|
|
are not officially supported.
|
||
|
|
|
||
|
|
Visit https://github.com/rgrove/lazyload/ for more info.
|
||
|
|
|
||
|
|
Copyright (c) 2011 Ryan Grove <ryan@wonko.com>
|
||
|
|
All rights reserved.
|
||
|
|
|
||
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||
|
|
this software and associated documentation files (the 'Software'), to deal in
|
||
|
|
the Software without restriction, including without limitation the rights to
|
||
|
|
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||
|
|
the Software, and to permit persons to whom the Software is furnished to do so,
|
||
|
|
subject to the following conditions:
|
||
|
|
|
||
|
|
The above copyright notice and this permission notice shall be included in all
|
||
|
|
copies or substantial portions of the Software.
|
||
|
|
|
||
|
|
THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||
|
|
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||
|
|
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||
|
|
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||
|
|
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||
|
|
|
||
|
|
@module lazyload
|
||
|
|
@class LazyLoad
|
||
|
|
@static
|
||
|
|
@version 2.0.3 (git)
|
||
|
|
*/
|
||
|
|
|
||
|
|
LazyLoad = (function (doc) {
|
||
|
|
// -- Private Variables ------------------------------------------------------
|
||
|
|
|
||
|
|
// User agent and feature test information.
|
||
|
|
var env,
|
||
|
|
|
||
|
|
// Reference to the <head> element (populated lazily).
|
||
|
|
head,
|
||
|
|
|
||
|
|
// Requests currently in progress, if any.
|
||
|
|
pending = {},
|
||
|
|
|
||
|
|
// Number of times we've polled to check whether a pending stylesheet has
|
||
|
|
// finished loading. If this gets too high, we're probably stalled.
|
||
|
|
pollCount = 0,
|
||
|
|
|
||
|
|
// Queued requests.
|
||
|
|
queue = {css: [], js: []},
|
||
|
|
|
||
|
|
// Reference to the browser's list of stylesheets.
|
||
|
|
styleSheets = doc.styleSheets;
|
||
|
|
|
||
|
|
// -- Private Methods --------------------------------------------------------
|
||
|
|
|
||
|
|
/**
|
||
|
|
Creates and returns an HTML element with the specified name and attributes.
|
||
|
|
|
||
|
|
@method createNode
|
||
|
|
@param {String} name element name
|
||
|
|
@param {Object} attrs name/value mapping of element attributes
|
||
|
|
@return {HTMLElement}
|
||
|
|
@private
|
||
|
|
*/
|
||
|
|
function createNode(name, attrs) {
|
||
|
|
var node = doc.createElement(name), attr;
|
||
|
|
|
||
|
|
for (attr in attrs) {
|
||
|
|
if (attrs.hasOwnProperty(attr)) {
|
||
|
|
node.setAttribute(attr, attrs[attr]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return node;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Called when the current pending resource of the specified type has finished
|
||
|
|
loading. Executes the associated callback (if any) and loads the next
|
||
|
|
resource in the queue.
|
||
|
|
|
||
|
|
@method finish
|
||
|
|
@param {String} type resource type ('css' or 'js')
|
||
|
|
@private
|
||
|
|
*/
|
||
|
|
function finish(type) {
|
||
|
|
var p = pending[type],
|
||
|
|
callback,
|
||
|
|
urls;
|
||
|
|
|
||
|
|
if (p) {
|
||
|
|
callback = p.callback;
|
||
|
|
urls = p.urls;
|
||
|
|
|
||
|
|
urls.shift();
|
||
|
|
pollCount = 0;
|
||
|
|
|
||
|
|
// If this is the last of the pending URLs, execute the callback and
|
||
|
|
// start the next request in the queue (if any).
|
||
|
|
if (!urls.length) {
|
||
|
|
callback && callback.call(p.context, p.obj);
|
||
|
|
pending[type] = null;
|
||
|
|
queue[type].length && load(type);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Populates the <code>env</code> variable with user agent and feature test
|
||
|
|
information.
|
||
|
|
|
||
|
|
@method getEnv
|
||
|
|
@private
|
||
|
|
*/
|
||
|
|
function getEnv() {
|
||
|
|
var ua = navigator.userAgent;
|
||
|
|
|
||
|
|
env = {
|
||
|
|
// True if this browser supports disabling async mode on dynamically
|
||
|
|
// created script nodes. See
|
||
|
|
// http://wiki.whatwg.org/wiki/Dynamic_Script_Execution_Order
|
||
|
|
async: doc.createElement('script').async === true
|
||
|
|
};
|
||
|
|
|
||
|
|
(env.webkit = /AppleWebKit\//.test(ua))
|
||
|
|
|| (env.ie = /MSIE/.test(ua))
|
||
|
|
|| (env.opera = /Opera/.test(ua))
|
||
|
|
|| (env.gecko = /Gecko\//.test(ua))
|
||
|
|
|| (env.unknown = true);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Loads the specified resources, or the next resource of the specified type
|
||
|
|
in the queue if no resources are specified. If a resource of the specified
|
||
|
|
type is already being loaded, the new request will be queued until the
|
||
|
|
first request has been finished.
|
||
|
|
|
||
|
|
When an array of resource URLs is specified, those URLs will be loaded in
|
||
|
|
parallel if it is possible to do so while preserving execution order. All
|
||
|
|
browsers support parallel loading of CSS, but only Firefox and Opera
|
||
|
|
support parallel loading of scripts. In other browsers, scripts will be
|
||
|
|
queued and loaded one at a time to ensure correct execution order.
|
||
|
|
|
||
|
|
@method load
|
||
|
|
@param {String} type resource type ('css' or 'js')
|
||
|
|
@param {String|Array} urls (optional) URL or array of URLs to load
|
||
|
|
@param {Function} callback (optional) callback function to execute when the
|
||
|
|
resource is loaded
|
||
|
|
@param {Object} obj (optional) object to pass to the callback function
|
||
|
|
@param {Object} context (optional) if provided, the callback function will
|
||
|
|
be executed in this object's context
|
||
|
|
@private
|
||
|
|
*/
|
||
|
|
function load(type, urls, callback, obj, context) {
|
||
|
|
var _finish = function () { finish(type); },
|
||
|
|
isCSS = type === 'css',
|
||
|
|
nodes = [],
|
||
|
|
i, len, node, p, pendingUrls, url;
|
||
|
|
|
||
|
|
env || getEnv();
|
||
|
|
|
||
|
|
if (urls) {
|
||
|
|
// If urls is a string, wrap it in an array. Otherwise assume it's an
|
||
|
|
// array and create a copy of it so modifications won't be made to the
|
||
|
|
// original.
|
||
|
|
urls = typeof urls === 'string' ? [urls] : urls.concat();
|
||
|
|
|
||
|
|
// Create a request object for each URL. If multiple URLs are specified,
|
||
|
|
// the callback will only be executed after all URLs have been loaded.
|
||
|
|
//
|
||
|
|
// Sadly, Firefox and Opera are the only browsers capable of loading
|
||
|
|
// scripts in parallel while preserving execution order. In all other
|
||
|
|
// browsers, scripts must be loaded sequentially.
|
||
|
|
//
|
||
|
|
// All browsers respect CSS specificity based on the order of the link
|
||
|
|
// elements in the DOM, regardless of the order in which the stylesheets
|
||
|
|
// are actually downloaded.
|
||
|
|
if (isCSS || env.async || env.gecko || env.opera) {
|
||
|
|
// Load in parallel.
|
||
|
|
queue[type].push({
|
||
|
|
urls : urls,
|
||
|
|
callback: callback,
|
||
|
|
obj : obj,
|
||
|
|
context : context
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
// Load sequentially.
|
||
|
|
for (i = 0, len = urls.length; i < len; ++i) {
|
||
|
|
queue[type].push({
|
||
|
|
urls : [urls[i]],
|
||
|
|
callback: i === len - 1 ? callback : null, // callback is only added to the last URL
|
||
|
|
obj : obj,
|
||
|
|
context : context
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// If a previous load request of this type is currently in progress, we'll
|
||
|
|
// wait our turn. Otherwise, grab the next item in the queue.
|
||
|
|
if (pending[type] || !(p = pending[type] = queue[type].shift())) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
head || (head = doc.head || doc.getElementsByTagName('head')[0]);
|
||
|
|
pendingUrls = p.urls;
|
||
|
|
|
||
|
|
for (i = 0, len = pendingUrls.length; i < len; ++i) {
|
||
|
|
url = pendingUrls[i];
|
||
|
|
|
||
|
|
if (isCSS) {
|
||
|
|
node = env.gecko ? createNode('style') : createNode('link', {
|
||
|
|
href: url,
|
||
|
|
rel : 'stylesheet'
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
node = createNode('script', {src: url});
|
||
|
|
node.async = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
node.className = 'lazyload';
|
||
|
|
node.setAttribute('charset', 'utf-8');
|
||
|
|
|
||
|
|
if (env.ie && !isCSS) {
|
||
|
|
node.onreadystatechange = function () {
|
||
|
|
if (/loaded|complete/.test(node.readyState)) {
|
||
|
|
node.onreadystatechange = null;
|
||
|
|
_finish();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
} else if (isCSS && (env.gecko || env.webkit)) {
|
||
|
|
// Gecko and WebKit don't support the onload event on link nodes.
|
||
|
|
if (env.webkit) {
|
||
|
|
// In WebKit, we can poll for changes to document.styleSheets to
|
||
|
|
// figure out when stylesheets have loaded.
|
||
|
|
p.urls[i] = node.href; // resolve relative URLs (or polling won't work)
|
||
|
|
pollWebKit();
|
||
|
|
} else {
|
||
|
|
// In Gecko, we can import the requested URL into a <style> node and
|
||
|
|
// poll for the existence of node.sheet.cssRules. Props to Zach
|
||
|
|
// Leatherman for calling my attention to this technique.
|
||
|
|
node.innerHTML = '@import "' + url + '";';
|
||
|
|
pollGecko(node);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
node.onload = node.onerror = _finish;
|
||
|
|
}
|
||
|
|
|
||
|
|
nodes.push(node);
|
||
|
|
}
|
||
|
|
|
||
|
|
for (i = 0, len = nodes.length; i < len; ++i) {
|
||
|
|
head.appendChild(nodes[i]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Begins polling to determine when the specified stylesheet has finished loading
|
||
|
|
in Gecko. Polling stops when all pending stylesheets have loaded or after 10
|
||
|
|
seconds (to prevent stalls).
|
||
|
|
|
||
|
|
Thanks to Zach Leatherman for calling my attention to the @import-based
|
||
|
|
cross-domain technique used here, and to Oleg Slobodskoi for an earlier
|
||
|
|
same-domain implementation. See Zach's blog for more details:
|
||
|
|
http://www.zachleat.com/web/2010/07/29/load-css-dynamically/
|
||
|
|
|
||
|
|
@method pollGecko
|
||
|
|
@param {HTMLElement} node Style node to poll.
|
||
|
|
@private
|
||
|
|
*/
|
||
|
|
function pollGecko(node) {
|
||
|
|
var hasRules;
|
||
|
|
|
||
|
|
try {
|
||
|
|
// We don't really need to store this value or ever refer to it again, but
|
||
|
|
// if we don't store it, Closure Compiler assumes the code is useless and
|
||
|
|
// removes it.
|
||
|
|
hasRules = !!node.sheet.cssRules;
|
||
|
|
} catch (ex) {
|
||
|
|
// An exception means the stylesheet is still loading.
|
||
|
|
pollCount += 1;
|
||
|
|
|
||
|
|
if (pollCount < 200) {
|
||
|
|
setTimeout(function () { pollGecko(node); }, 50);
|
||
|
|
} else {
|
||
|
|
// We've been polling for 10 seconds and nothing's happened. Stop
|
||
|
|
// polling and finish the pending requests to avoid blocking further
|
||
|
|
// requests.
|
||
|
|
hasRules && finish('css');
|
||
|
|
}
|
||
|
|
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// If we get here, the stylesheet has loaded.
|
||
|
|
finish('css');
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
Begins polling to determine when pending stylesheets have finished loading
|
||
|
|
in WebKit. Polling stops when all pending stylesheets have loaded or after 10
|
||
|
|
seconds (to prevent stalls).
|
||
|
|
|
||
|
|
@method pollWebKit
|
||
|
|
@private
|
||
|
|
*/
|
||
|
|
function pollWebKit() {
|
||
|
|
var css = pending.css, i;
|
||
|
|
|
||
|
|
if (css) {
|
||
|
|
i = styleSheets.length;
|
||
|
|
|
||
|
|
// Look for a stylesheet matching the pending URL.
|
||
|
|
while (--i >= 0) {
|
||
|
|
if (styleSheets[i].href === css.urls[0]) {
|
||
|
|
finish('css');
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
pollCount += 1;
|
||
|
|
|
||
|
|
if (css) {
|
||
|
|
if (pollCount < 200) {
|
||
|
|
setTimeout(pollWebKit, 50);
|
||
|
|
} else {
|
||
|
|
// We've been polling for 10 seconds and nothing's happened, which may
|
||
|
|
// indicate that the stylesheet has been removed from the document
|
||
|
|
// before it had a chance to load. Stop polling and finish the pending
|
||
|
|
// request to prevent blocking further requests.
|
||
|
|
finish('css');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
|
||
|
|
/**
|
||
|
|
Requests the specified CSS URL or URLs and executes the specified
|
||
|
|
callback (if any) when they have finished loading. If an array of URLs is
|
||
|
|
specified, the stylesheets will be loaded in parallel and the callback
|
||
|
|
will be executed after all stylesheets have finished loading.
|
||
|
|
|
||
|
|
@method css
|
||
|
|
@param {String|Array} urls CSS URL or array of CSS URLs to load
|
||
|
|
@param {Function} callback (optional) callback function to execute when
|
||
|
|
the specified stylesheets are loaded
|
||
|
|
@param {Object} obj (optional) object to pass to the callback function
|
||
|
|
@param {Object} context (optional) if provided, the callback function
|
||
|
|
will be executed in this object's context
|
||
|
|
@static
|
||
|
|
*/
|
||
|
|
css: function (urls, callback, obj, context) {
|
||
|
|
load('css', urls, callback, obj, context);
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
Requests the specified JavaScript URL or URLs and executes the specified
|
||
|
|
callback (if any) when they have finished loading. If an array of URLs is
|
||
|
|
specified and the browser supports it, the scripts will be loaded in
|
||
|
|
parallel and the callback will be executed after all scripts have
|
||
|
|
finished loading.
|
||
|
|
|
||
|
|
Currently, only Firefox and Opera support parallel loading of scripts while
|
||
|
|
preserving execution order. In other browsers, scripts will be
|
||
|
|
queued and loaded one at a time to ensure correct execution order.
|
||
|
|
|
||
|
|
@method js
|
||
|
|
@param {String|Array} urls JS URL or array of JS URLs to load
|
||
|
|
@param {Function} callback (optional) callback function to execute when
|
||
|
|
the specified scripts are loaded
|
||
|
|
@param {Object} obj (optional) object to pass to the callback function
|
||
|
|
@param {Object} context (optional) if provided, the callback function
|
||
|
|
will be executed in this object's context
|
||
|
|
@static
|
||
|
|
*/
|
||
|
|
js: function (urls, callback, obj, context) {
|
||
|
|
load('js', urls, callback, obj, context);
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
})(this.document);
|
||
|
|
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.LoadLib.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/*
|
||
|
|
LoadLib
|
||
|
|
Designed and built by Zach Wise digitalartwork.net
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* * CodeKit Import
|
||
|
|
* http://incident57.com/codekit/
|
||
|
|
================================================== */
|
||
|
|
// @codekit-prepend "../Library/LazyLoad.js";
|
||
|
|
|
||
|
|
LoadLib = (function (doc) {
|
||
|
|
var loaded = [];
|
||
|
|
|
||
|
|
function isLoaded(url) {
|
||
|
|
|
||
|
|
var i = 0,
|
||
|
|
has_loaded = false;
|
||
|
|
|
||
|
|
for (i = 0; i < loaded.length; i++) {
|
||
|
|
if (loaded[i] == url) {
|
||
|
|
has_loaded = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (has_loaded) {
|
||
|
|
return true;
|
||
|
|
} else {
|
||
|
|
loaded.push(url);
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
|
||
|
|
css: function (urls, callback, obj, context) {
|
||
|
|
if (!isLoaded(urls)) {
|
||
|
|
LazyLoad.css(urls, callback, obj, context);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
js: function (urls, callback, obj, context) {
|
||
|
|
if (!isLoaded(urls)) {
|
||
|
|
LazyLoad.js(urls, callback, obj, context);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
})(this.document);
|
||
|
|
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Language.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* DEFAULT LANGUAGE
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.Language == 'undefined') {
|
||
|
|
VMM.Language = {
|
||
|
|
lang: "en",
|
||
|
|
api: {
|
||
|
|
wikipedia: "en"
|
||
|
|
},
|
||
|
|
date: {
|
||
|
|
month: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
|
||
|
|
month_abbr: ["Jan.", "Feb.", "March", "April", "May", "June", "July", "Aug.", "Sept.", "Oct.", "Nov.", "Dec."],
|
||
|
|
day: ["Sunday","Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
|
||
|
|
day_abbr: ["Sun.","Mon.", "Tues.", "Wed.", "Thurs.", "Fri.", "Sat."]
|
||
|
|
},
|
||
|
|
dateformats: {
|
||
|
|
year: "yyyy",
|
||
|
|
month_short: "mmm",
|
||
|
|
month: "mmmm yyyy",
|
||
|
|
full_short: "mmm d",
|
||
|
|
full: "mmmm d',' yyyy",
|
||
|
|
time_short: "h:MM:ss TT",
|
||
|
|
time_no_seconds_short: "h:MM TT",
|
||
|
|
time_no_seconds_small_date: "h:MM TT'<br/><small>'mmmm d',' yyyy'</small>'",
|
||
|
|
full_long: "mmm d',' yyyy 'at' h:MM TT",
|
||
|
|
full_long_small_date: "h:MM TT'<br/><small>mmm d',' yyyy'</small>'"
|
||
|
|
},
|
||
|
|
messages: {
|
||
|
|
loading_timeline: "Loading Timeline... ",
|
||
|
|
return_to_title: "Return to Title",
|
||
|
|
expand_timeline: "Expand Timeline",
|
||
|
|
contract_timeline: "Contract Timeline",
|
||
|
|
wikipedia: "From Wikipedia, the free encyclopedia",
|
||
|
|
loading_content: "Loading Content",
|
||
|
|
loading: "Loading"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Core.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* VeriteCo Core
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
/* * CodeKit Import
|
||
|
|
* http://incident57.com/codekit/
|
||
|
|
================================================== */
|
||
|
|
// @codekit-prepend "VMM.js";
|
||
|
|
// @codekit-prepend "VMM.Library.js";
|
||
|
|
// @codekit-prepend "VMM.Browser.js";
|
||
|
|
// @codekit-prepend "VMM.FileExtention.js";
|
||
|
|
// @codekit-prepend "VMM.Date.js";
|
||
|
|
// @codekit-prepend "VMM.Util.js";
|
||
|
|
// @codekit-prepend "VMM.LoadLib.js";
|
||
|
|
// @codekit-prepend "VMM.Language.js";
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.ExternalAPI.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* External API
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.ExternalAPI == 'undefined') {
|
||
|
|
|
||
|
|
VMM.ExternalAPI = ({
|
||
|
|
|
||
|
|
keys: {
|
||
|
|
google: "",
|
||
|
|
flickr: "",
|
||
|
|
twitter: ""
|
||
|
|
},
|
||
|
|
|
||
|
|
keys_master: {
|
||
|
|
vp: "Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo",
|
||
|
|
flickr: "RAIvxHY4hE/Elm5cieh4X5ptMyDpj7MYIxziGxi0WGCcy1s+yr7rKQ==",
|
||
|
|
google: "jwNGnYw4hE9lmAez4ll0QD+jo6SKBJFknkopLS4FrSAuGfIwyj57AusuR0s8dAo=",
|
||
|
|
twitter: ""
|
||
|
|
},
|
||
|
|
|
||
|
|
init: function() {
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
setKeys: function(d) {
|
||
|
|
VMM.ExternalAPI.keys = d;
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQues: function() {
|
||
|
|
|
||
|
|
if (VMM.master_config.googlemaps.active) {
|
||
|
|
VMM.ExternalAPI.googlemaps.pushQue();
|
||
|
|
}
|
||
|
|
if (VMM.master_config.youtube.active) {
|
||
|
|
VMM.ExternalAPI.youtube.pushQue();
|
||
|
|
}
|
||
|
|
if (VMM.master_config.soundcloud.active) {
|
||
|
|
VMM.ExternalAPI.soundcloud.pushQue();
|
||
|
|
}
|
||
|
|
if (VMM.master_config.googledocs.active) {
|
||
|
|
VMM.ExternalAPI.googledocs.pushQue();
|
||
|
|
}
|
||
|
|
if (VMM.master_config.googleplus.active) {
|
||
|
|
VMM.ExternalAPI.googleplus.pushQue();
|
||
|
|
}
|
||
|
|
if (VMM.master_config.wikipedia.active) {
|
||
|
|
VMM.ExternalAPI.wikipedia.pushQue();
|
||
|
|
}
|
||
|
|
if (VMM.master_config.vimeo.active) {
|
||
|
|
VMM.ExternalAPI.vimeo.pushQue();
|
||
|
|
}
|
||
|
|
if (VMM.master_config.vine.active) {
|
||
|
|
VMM.ExternalAPI.vine.pushQue();
|
||
|
|
}
|
||
|
|
if (VMM.master_config.twitter.active) {
|
||
|
|
VMM.ExternalAPI.twitter.pushQue();
|
||
|
|
}
|
||
|
|
if (VMM.master_config.flickr.active) {
|
||
|
|
VMM.ExternalAPI.flickr.pushQue();
|
||
|
|
}
|
||
|
|
if (VMM.master_config.webthumb.active) {
|
||
|
|
VMM.ExternalAPI.webthumb.pushQue();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
twitter: {
|
||
|
|
tweetArray: [],
|
||
|
|
|
||
|
|
get: function(m) {
|
||
|
|
var tweet = {mid: m.id, id: m.uid};
|
||
|
|
VMM.master_config.twitter.que.push(tweet);
|
||
|
|
VMM.master_config.twitter.active = true;
|
||
|
|
//VMM.master_config.api.pushques.push(VMM.ExternalAPI.twitter.pushQue);
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(tweet, callback) {
|
||
|
|
|
||
|
|
var id = tweet.mid.toString(),
|
||
|
|
error_obj = { twitterid: tweet.mid },
|
||
|
|
the_url = "http://api.twitter.com/1/statuses/show.json?id=" + tweet.mid + "&include_entities=true&callback=?";
|
||
|
|
//twitter_timeout = setTimeout(VMM.ExternalAPI.twitter.errorTimeOut, VMM.master_config.timers.api, tweet),
|
||
|
|
//callback_timeout= setTimeout(callback, VMM.master_config.timers.api, tweet);
|
||
|
|
|
||
|
|
VMM.ExternalAPI.twitter.getOEmbed(tweet, callback);
|
||
|
|
|
||
|
|
/*
|
||
|
|
// Disabled thanks to twitter's new api
|
||
|
|
|
||
|
|
VMM.getJSON(the_url, function(d) {
|
||
|
|
var id = d.id_str,
|
||
|
|
twit = "<blockquote><p>",
|
||
|
|
td = VMM.Util.linkify_with_twitter(d.text, "_blank");
|
||
|
|
|
||
|
|
// TWEET CONTENT
|
||
|
|
twit += td;
|
||
|
|
twit += "</p></blockquote>";
|
||
|
|
|
||
|
|
// TWEET MEDIA
|
||
|
|
if (typeof d.entities.media != 'undefined') {
|
||
|
|
if (d.entities.media[0].type == "photo") {
|
||
|
|
//twit += "<img src=' " + d.entities.media[0].media_url + "' alt=''>"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// TWEET AUTHOR
|
||
|
|
twit += "<div class='vcard author'>";
|
||
|
|
twit += "<a class='screen-name url' href='https://twitter.com/" + d.user.screen_name + "' data-screen-name='" + d.user.screen_name + "' target='_blank'>";
|
||
|
|
twit += "<span class='avatar'><img src=' " + d.user.profile_image_url + "' alt=''></span>";
|
||
|
|
twit += "<span class='fn'>" + d.user.name + "</span>";
|
||
|
|
twit += "<span class='nickname'>@" + d.user.screen_name + "<span class='thumbnail-inline'></span></span>";
|
||
|
|
twit += "</a>";
|
||
|
|
twit += "</div>";
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
VMM.attachElement("#"+tweet.id.toString(), twit );
|
||
|
|
VMM.attachElement("#text_thumb_"+tweet.id.toString(), d.text );
|
||
|
|
VMM.attachElement("#marker_content_" + tweet.id.toString(), d.text );
|
||
|
|
|
||
|
|
})
|
||
|
|
.error(function(jqXHR, textStatus, errorThrown) {
|
||
|
|
trace("TWITTER error");
|
||
|
|
trace("TWITTER ERROR: " + textStatus + " " + jqXHR.responseText);
|
||
|
|
VMM.attachElement("#"+tweet.id, VMM.MediaElement.loadingmessage("ERROR LOADING TWEET " + tweet.mid) );
|
||
|
|
})
|
||
|
|
.success(function(d) {
|
||
|
|
clearTimeout(twitter_timeout);
|
||
|
|
clearTimeout(callback_timeout);
|
||
|
|
callback();
|
||
|
|
});
|
||
|
|
|
||
|
|
*/
|
||
|
|
},
|
||
|
|
|
||
|
|
errorTimeOut: function(tweet) {
|
||
|
|
trace("TWITTER JSON ERROR TIMEOUT " + tweet.mid);
|
||
|
|
VMM.attachElement("#"+tweet.id.toString(), VMM.MediaElement.loadingmessage("Still waiting on Twitter: " + tweet.mid) );
|
||
|
|
// CHECK RATE STATUS
|
||
|
|
VMM.getJSON("http://api.twitter.com/1/account/rate_limit_status.json", function(d) {
|
||
|
|
trace("REMAINING TWITTER API CALLS " + d.remaining_hits);
|
||
|
|
trace("TWITTER RATE LIMIT WILL RESET AT " + d.reset_time);
|
||
|
|
var mes = "";
|
||
|
|
if (d.remaining_hits == 0) {
|
||
|
|
mes = "<p>You've reached the maximum number of tweets you can load in an hour.</p>";
|
||
|
|
mes += "<p>You can view tweets again starting at: <br/>" + d.reset_time + "</p>";
|
||
|
|
} else {
|
||
|
|
mes = "<p>Still waiting on Twitter. " + tweet.mid + "</p>";
|
||
|
|
//mes = "<p>Tweet " + id + " was not found.</p>";
|
||
|
|
}
|
||
|
|
VMM.attachElement("#"+tweet.id.toString(), VMM.MediaElement.loadingmessage(mes) );
|
||
|
|
});
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
errorTimeOutOembed: function(tweet) {
|
||
|
|
trace("TWITTER JSON ERROR TIMEOUT " + tweet.mid);
|
||
|
|
VMM.attachElement("#"+tweet.id.toString(), VMM.MediaElement.loadingmessage("Still waiting on Twitter: " + tweet.mid) );
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
if (VMM.master_config.twitter.que.length > 0) {
|
||
|
|
VMM.ExternalAPI.twitter.create(VMM.master_config.twitter.que[0], VMM.ExternalAPI.twitter.pushQue);
|
||
|
|
VMM.master_config.twitter.que.remove(0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
getOEmbed: function(tweet, callback) {
|
||
|
|
|
||
|
|
var the_url = "http://api.twitter.com/1/statuses/oembed.json?id=" + tweet.mid + "&omit_script=true&include_entities=true&callback=?",
|
||
|
|
twitter_timeout = setTimeout(VMM.ExternalAPI.twitter.errorTimeOutOembed, VMM.master_config.timers.api, tweet);
|
||
|
|
//callback_timeout= setTimeout(callback, VMM.master_config.timers.api, tweet);
|
||
|
|
|
||
|
|
VMM.getJSON(the_url, function(d) {
|
||
|
|
var twit = "",
|
||
|
|
tuser = "";
|
||
|
|
|
||
|
|
|
||
|
|
// TWEET CONTENT
|
||
|
|
twit += d.html.split("<\/p>\—")[0] + "</p></blockquote>";
|
||
|
|
tuser = d.author_url.split("twitter.com\/")[1];
|
||
|
|
|
||
|
|
|
||
|
|
// TWEET AUTHOR
|
||
|
|
twit += "<div class='vcard author'>";
|
||
|
|
twit += "<a class='screen-name url' href='" + d.author_url + "' target='_blank'>";
|
||
|
|
twit += "<span class='avatar'></span>";
|
||
|
|
twit += "<span class='fn'>" + d.author_name + "</span>";
|
||
|
|
twit += "<span class='nickname'>@" + tuser + "<span class='thumbnail-inline'></span></span>";
|
||
|
|
twit += "</a>";
|
||
|
|
twit += "</div>";
|
||
|
|
|
||
|
|
VMM.attachElement("#"+tweet.id.toString(), twit );
|
||
|
|
VMM.attachElement("#text_thumb_"+tweet.id.toString(), d.html );
|
||
|
|
VMM.attachElement("#marker_content_" + tweet.id.toString(), d.html );
|
||
|
|
})
|
||
|
|
.error(function(jqXHR, textStatus, errorThrown) {
|
||
|
|
trace("TWITTER error");
|
||
|
|
trace("TWITTER ERROR: " + textStatus + " " + jqXHR.responseText);
|
||
|
|
clearTimeout(twitter_timeout);
|
||
|
|
//clearTimeout(callback_timeout);
|
||
|
|
VMM.attachElement("#"+tweet.id, VMM.MediaElement.loadingmessage("ERROR LOADING TWEET " + tweet.mid) );
|
||
|
|
})
|
||
|
|
.success(function(d) {
|
||
|
|
clearTimeout(twitter_timeout);
|
||
|
|
clearTimeout(callback_timeout);
|
||
|
|
callback();
|
||
|
|
});
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
getHTML: function(id) {
|
||
|
|
//var the_url = document.location.protocol + "//api.twitter.com/1/statuses/oembed.json?id=" + id+ "&callback=?";
|
||
|
|
var the_url = "http://api.twitter.com/1/statuses/oembed.json?id=" + id+ "&omit_script=true&include_entities=true&callback=?";
|
||
|
|
VMM.getJSON(the_url, VMM.ExternalAPI.twitter.onJSONLoaded);
|
||
|
|
},
|
||
|
|
|
||
|
|
onJSONLoaded: function(d) {
|
||
|
|
trace("TWITTER JSON LOADED");
|
||
|
|
var id = d.id;
|
||
|
|
VMM.attachElement("#"+id, VMM.Util.linkify_with_twitter(d.html) );
|
||
|
|
},
|
||
|
|
|
||
|
|
parseTwitterDate: function(d) {
|
||
|
|
var date = new Date(Date.parse(d));
|
||
|
|
/*
|
||
|
|
var t = d.replace(/(\d{1,2}[:]\d{2}[:]\d{2}) (.*)/, '$2 $1');
|
||
|
|
t = t.replace(/(\+\S+) (.*)/, '$2 $1');
|
||
|
|
var date = new Date(Date.parse(t)).toLocaleDateString();
|
||
|
|
var time = new Date(Date.parse(t)).toLocaleTimeString();
|
||
|
|
*/
|
||
|
|
return date;
|
||
|
|
},
|
||
|
|
|
||
|
|
prettyParseTwitterDate: function(d) {
|
||
|
|
var date = new Date(Date.parse(d));
|
||
|
|
return VMM.Date.prettyDate(date, true);
|
||
|
|
},
|
||
|
|
|
||
|
|
getTweets: function(tweets) {
|
||
|
|
var tweetArray = [];
|
||
|
|
var number_of_tweets = tweets.length;
|
||
|
|
|
||
|
|
for(var i = 0; i < tweets.length; i++) {
|
||
|
|
|
||
|
|
var twitter_id = "";
|
||
|
|
|
||
|
|
|
||
|
|
/* FIND THE TWITTER ID
|
||
|
|
================================================== */
|
||
|
|
if (tweets[i].tweet.match("status\/")) {
|
||
|
|
twitter_id = tweets[i].tweet.split("status\/")[1];
|
||
|
|
} else if (tweets[i].tweet.match("statuses\/")) {
|
||
|
|
twitter_id = tweets[i].tweet.split("statuses\/")[1];
|
||
|
|
} else {
|
||
|
|
twitter_id = "";
|
||
|
|
}
|
||
|
|
|
||
|
|
/* FETCH THE DATA
|
||
|
|
================================================== */
|
||
|
|
var the_url = "http://api.twitter.com/1/statuses/show.json?id=" + twitter_id + "&include_entities=true&callback=?";
|
||
|
|
VMM.getJSON(the_url, function(d) {
|
||
|
|
|
||
|
|
var tweet = {}
|
||
|
|
/* FORMAT RESPONSE
|
||
|
|
================================================== */
|
||
|
|
var twit = "<div class='twitter'><blockquote><p>";
|
||
|
|
var td = VMM.Util.linkify_with_twitter(d.text, "_blank");
|
||
|
|
twit += td;
|
||
|
|
twit += "</p>";
|
||
|
|
|
||
|
|
twit += "— " + d.user.name + " (<a href='https://twitter.com/" + d.user.screen_name + "'>@" + d.user.screen_name + "</a>) <a href='https://twitter.com/" + d.user.screen_name + "/status/" + d.id + "'>" + VMM.ExternalAPI.twitter.prettyParseTwitterDate(d.created_at) + " </a></blockquote></div>";
|
||
|
|
|
||
|
|
tweet.content = twit;
|
||
|
|
tweet.raw = d;
|
||
|
|
|
||
|
|
tweetArray.push(tweet);
|
||
|
|
|
||
|
|
|
||
|
|
/* CHECK IF THATS ALL OF THEM
|
||
|
|
================================================== */
|
||
|
|
if (tweetArray.length == number_of_tweets) {
|
||
|
|
var the_tweets = {tweetdata: tweetArray}
|
||
|
|
VMM.fireEvent(global, "TWEETSLOADED", the_tweets);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
.success(function() { trace("second success"); })
|
||
|
|
.error(function() { trace("error"); })
|
||
|
|
.complete(function() { trace("complete"); });
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
getTweetSearch: function(tweets, number_of_tweets) {
|
||
|
|
var _number_of_tweets = 40;
|
||
|
|
if (number_of_tweets != null && number_of_tweets != "") {
|
||
|
|
_number_of_tweets = number_of_tweets;
|
||
|
|
}
|
||
|
|
|
||
|
|
var the_url = "http://search.twitter.com/search.json?q=" + tweets + "&rpp=" + _number_of_tweets + "&include_entities=true&result_type=mixed";
|
||
|
|
var tweetArray = [];
|
||
|
|
VMM.getJSON(the_url, function(d) {
|
||
|
|
|
||
|
|
/* FORMAT RESPONSE
|
||
|
|
================================================== */
|
||
|
|
for(var i = 0; i < d.results.length; i++) {
|
||
|
|
var tweet = {}
|
||
|
|
var twit = "<div class='twitter'><blockquote><p>";
|
||
|
|
var td = VMM.Util.linkify_with_twitter(d.results[i].text, "_blank");
|
||
|
|
twit += td;
|
||
|
|
twit += "</p>";
|
||
|
|
twit += "— " + d.results[i].from_user_name + " (<a href='https://twitter.com/" + d.results[i].from_user + "'>@" + d.results[i].from_user + "</a>) <a href='https://twitter.com/" + d.results[i].from_user + "/status/" + d.id + "'>" + VMM.ExternalAPI.twitter.prettyParseTwitterDate(d.results[i].created_at) + " </a></blockquote></div>";
|
||
|
|
tweet.content = twit;
|
||
|
|
tweet.raw = d.results[i];
|
||
|
|
tweetArray.push(tweet);
|
||
|
|
}
|
||
|
|
var the_tweets = {tweetdata: tweetArray}
|
||
|
|
VMM.fireEvent(global, "TWEETSLOADED", the_tweets);
|
||
|
|
});
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
prettyHTML: function(id, secondary) {
|
||
|
|
var id = id.toString();
|
||
|
|
var error_obj = {
|
||
|
|
twitterid: id
|
||
|
|
};
|
||
|
|
var the_url = "http://api.twitter.com/1/statuses/show.json?id=" + id + "&include_entities=true&callback=?";
|
||
|
|
var twitter_timeout = setTimeout(VMM.ExternalAPI.twitter.errorTimeOut, VMM.master_config.timers.api, id);
|
||
|
|
|
||
|
|
VMM.getJSON(the_url, VMM.ExternalAPI.twitter.formatJSON)
|
||
|
|
.error(function(jqXHR, textStatus, errorThrown) {
|
||
|
|
trace("TWITTER error");
|
||
|
|
trace("TWITTER ERROR: " + textStatus + " " + jqXHR.responseText);
|
||
|
|
VMM.attachElement("#twitter_"+id, "<p>ERROR LOADING TWEET " + id + "</p>" );
|
||
|
|
})
|
||
|
|
.success(function(d) {
|
||
|
|
clearTimeout(twitter_timeout);
|
||
|
|
if (secondary) {
|
||
|
|
VMM.ExternalAPI.twitter.secondaryMedia(d);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
formatJSON: function(d) {
|
||
|
|
var id = d.id_str;
|
||
|
|
|
||
|
|
var twit = "<blockquote><p>";
|
||
|
|
var td = VMM.Util.linkify_with_twitter(d.text, "_blank");
|
||
|
|
//td = td.replace(/(@([\w]+))/g,"<a href='http://twitter.com/$2' target='_blank'>$1</a>");
|
||
|
|
//td = td.replace(/(#([\w]+))/g,"<a href='http://twitter.com/#search?q=%23$2' target='_blank'>$1</a>");
|
||
|
|
twit += td;
|
||
|
|
twit += "</p></blockquote>";
|
||
|
|
//twit += " <a href='https://twitter.com/" + d.user.screen_name + "/status/" + d.id_str + "' target='_blank' alt='link to original tweet' title='link to original tweet'>" + "<span class='created-at'></span>" + " </a>";
|
||
|
|
|
||
|
|
twit += "<div class='vcard author'>";
|
||
|
|
twit += "<a class='screen-name url' href='https://twitter.com/" + d.user.screen_name + "' data-screen-name='" + d.user.screen_name + "' target='_blank'>";
|
||
|
|
twit += "<span class='avatar'><img src=' " + d.user.profile_image_url + "' alt=''></span>";
|
||
|
|
twit += "<span class='fn'>" + d.user.name + "</span>";
|
||
|
|
twit += "<span class='nickname'>@" + d.user.screen_name + "<span class='thumbnail-inline'></span></span>";
|
||
|
|
twit += "</a>";
|
||
|
|
twit += "</div>";
|
||
|
|
|
||
|
|
if (typeof d.entities.media != 'undefined') {
|
||
|
|
if (d.entities.media[0].type == "photo") {
|
||
|
|
twit += "<img src=' " + d.entities.media[0].media_url + "' alt=''>"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
VMM.attachElement("#twitter_"+id.toString(), twit );
|
||
|
|
VMM.attachElement("#text_thumb_"+id.toString(), d.text );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
googlemaps: {
|
||
|
|
|
||
|
|
maptype: "toner",
|
||
|
|
|
||
|
|
setMapType: function(d) {
|
||
|
|
if (d != "") {
|
||
|
|
VMM.ExternalAPI.googlemaps.maptype = d;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
get: function(m) {
|
||
|
|
var timer,
|
||
|
|
api_key,
|
||
|
|
map_url;
|
||
|
|
|
||
|
|
m.vars = VMM.Util.getUrlVars(m.id);
|
||
|
|
|
||
|
|
if (VMM.ExternalAPI.keys.google != "") {
|
||
|
|
api_key = VMM.ExternalAPI.keys.google;
|
||
|
|
} else {
|
||
|
|
api_key = Aes.Ctr.decrypt(VMM.ExternalAPI.keys_master.google, VMM.ExternalAPI.keys_master.vp, 256);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
Investigating a google map api change on the latest release that causes custom map types to stop working
|
||
|
|
http://stackoverflow.com/questions/13486271/google-map-markermanager-cannot-call-method-substr-of-undefined
|
||
|
|
soulution is to use api ver 3.9
|
||
|
|
*/
|
||
|
|
map_url = "http://maps.googleapis.com/maps/api/js?key=" + api_key + "&v=3.9&libraries=places&sensor=false&callback=VMM.ExternalAPI.googlemaps.onMapAPIReady";
|
||
|
|
|
||
|
|
if (VMM.master_config.googlemaps.active) {
|
||
|
|
VMM.master_config.googlemaps.que.push(m);
|
||
|
|
} else {
|
||
|
|
VMM.master_config.googlemaps.que.push(m);
|
||
|
|
|
||
|
|
if (VMM.master_config.googlemaps.api_loaded) {
|
||
|
|
|
||
|
|
} else {
|
||
|
|
LoadLib.js(map_url, function() {
|
||
|
|
trace("Google Maps API Library Loaded");
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(m) {
|
||
|
|
VMM.ExternalAPI.googlemaps.createAPIMap(m);
|
||
|
|
},
|
||
|
|
|
||
|
|
createiFrameMap: function(m) {
|
||
|
|
var embed_url = m.id + "&output=embed",
|
||
|
|
mc = "",
|
||
|
|
unique_map_id = m.uid.toString() + "_gmap";
|
||
|
|
|
||
|
|
mc += "<div class='google-map' id='" + unique_map_id + "' style='width=100%;height=100%;'>";
|
||
|
|
mc += "<iframe width='100%' height='100%' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='" + embed_url + "'></iframe>";
|
||
|
|
mc += "</div>";
|
||
|
|
|
||
|
|
VMM.attachElement("#" + m.uid, mc);
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
createAPIMap: function(m) {
|
||
|
|
var map_attribution = "",
|
||
|
|
layer,
|
||
|
|
map,
|
||
|
|
map_options,
|
||
|
|
unique_map_id = m.uid.toString() + "_gmap",
|
||
|
|
map_attribution_html = "",
|
||
|
|
location = new google.maps.LatLng(41.875696,-87.624207),
|
||
|
|
latlong,
|
||
|
|
zoom = 11,
|
||
|
|
has_location = false,
|
||
|
|
has_zoom = false,
|
||
|
|
api_limit = false,
|
||
|
|
map_bounds;
|
||
|
|
|
||
|
|
|
||
|
|
function mapProvider(name) {
|
||
|
|
if (name in VMM.ExternalAPI.googlemaps.map_providers) {
|
||
|
|
map_attribution = VMM.ExternalAPI.googlemaps.map_attribution[VMM.ExternalAPI.googlemaps.map_providers[name].attribution];
|
||
|
|
return VMM.ExternalAPI.googlemaps.map_providers[name];
|
||
|
|
} else {
|
||
|
|
if (VMM.ExternalAPI.googlemaps.defaultType(name)) {
|
||
|
|
trace("GOOGLE MAP DEFAULT TYPE");
|
||
|
|
return google.maps.MapTypeId[name.toUpperCase()];
|
||
|
|
} else {
|
||
|
|
trace("Not a maptype: " + name );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
google.maps.VeriteMapType = function(name) {
|
||
|
|
if (VMM.ExternalAPI.googlemaps.defaultType(name)) {
|
||
|
|
return google.maps.MapTypeId[name.toUpperCase()];
|
||
|
|
} else {
|
||
|
|
var provider = mapProvider(name);
|
||
|
|
return google.maps.ImageMapType.call(this, {
|
||
|
|
"getTileUrl": function(coord, zoom) {
|
||
|
|
var index = (zoom + coord.x + coord.y) % VMM.ExternalAPI.googlemaps.map_subdomains.length;
|
||
|
|
return [
|
||
|
|
provider.url
|
||
|
|
.replace("{S}", VMM.ExternalAPI.googlemaps.map_subdomains[index])
|
||
|
|
.replace("{Z}", zoom)
|
||
|
|
.replace("{X}", coord.x)
|
||
|
|
.replace("{Y}", coord.y)
|
||
|
|
.replace("{z}", zoom)
|
||
|
|
.replace("{x}", coord.x)
|
||
|
|
.replace("{y}", coord.y)
|
||
|
|
];
|
||
|
|
},
|
||
|
|
"tileSize": new google.maps.Size(256, 256),
|
||
|
|
"name": name,
|
||
|
|
"minZoom": provider.minZoom,
|
||
|
|
"maxZoom": provider.maxZoom
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
google.maps.VeriteMapType.prototype = new google.maps.ImageMapType("_");
|
||
|
|
|
||
|
|
/* Make the Map
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
if (VMM.ExternalAPI.googlemaps.maptype != "") {
|
||
|
|
if (VMM.ExternalAPI.googlemaps.defaultType(VMM.ExternalAPI.googlemaps.maptype)) {
|
||
|
|
layer = google.maps.MapTypeId[VMM.ExternalAPI.googlemaps.maptype.toUpperCase()];
|
||
|
|
} else {
|
||
|
|
layer = VMM.ExternalAPI.googlemaps.maptype;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
layer = "toner";
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (type.of(VMM.Util.getUrlVars(m.id)["ll"]) == "string") {
|
||
|
|
has_location = true;
|
||
|
|
latlong = VMM.Util.getUrlVars(m.id)["ll"].split(",");
|
||
|
|
location = new google.maps.LatLng(parseFloat(latlong[0]),parseFloat(latlong[1]));
|
||
|
|
|
||
|
|
} else if (type.of(VMM.Util.getUrlVars(m.id)["sll"]) == "string") {
|
||
|
|
latlong = VMM.Util.getUrlVars(m.id)["sll"].split(",");
|
||
|
|
location = new google.maps.LatLng(parseFloat(latlong[0]),parseFloat(latlong[1]));
|
||
|
|
}
|
||
|
|
|
||
|
|
if (type.of(VMM.Util.getUrlVars(m.id)["z"]) == "string") {
|
||
|
|
has_zoom = true;
|
||
|
|
zoom = parseFloat(VMM.Util.getUrlVars(m.id)["z"]);
|
||
|
|
}
|
||
|
|
|
||
|
|
map_options = {
|
||
|
|
zoom: zoom,
|
||
|
|
draggable: false,
|
||
|
|
disableDefaultUI: true,
|
||
|
|
mapTypeControl: false,
|
||
|
|
zoomControl: true,
|
||
|
|
zoomControlOptions: {
|
||
|
|
style: google.maps.ZoomControlStyle.SMALL,
|
||
|
|
position: google.maps.ControlPosition.TOP_RIGHT
|
||
|
|
},
|
||
|
|
center: location,
|
||
|
|
mapTypeId: layer,
|
||
|
|
mapTypeControlOptions: {
|
||
|
|
mapTypeIds: [layer]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
VMM.attachElement("#" + m.uid, "<div class='google-map' id='" + unique_map_id + "' style='width=100%;height=100%;'></div>");
|
||
|
|
|
||
|
|
map = new google.maps.Map(document.getElementById(unique_map_id), map_options);
|
||
|
|
|
||
|
|
if (VMM.ExternalAPI.googlemaps.defaultType(VMM.ExternalAPI.googlemaps.maptype)) {
|
||
|
|
|
||
|
|
} else {
|
||
|
|
map.mapTypes.set(layer, new google.maps.VeriteMapType(layer));
|
||
|
|
// ATTRIBUTION
|
||
|
|
map_attribution_html = "<div class='map-attribution'><div class='attribution-text'>" + map_attribution + "</div></div>";
|
||
|
|
VMM.appendElement("#"+unique_map_id, map_attribution_html);
|
||
|
|
}
|
||
|
|
|
||
|
|
// DETERMINE IF KML IS POSSIBLE
|
||
|
|
if (type.of(VMM.Util.getUrlVars(m.id)["msid"]) == "string") {
|
||
|
|
loadKML();
|
||
|
|
} else {
|
||
|
|
//loadPlaces();
|
||
|
|
if (type.of(VMM.Util.getUrlVars(m.id)["q"]) == "string") {
|
||
|
|
geocodePlace();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// GEOCODE
|
||
|
|
function geocodePlace() {
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
var geocoder = new google.maps.Geocoder(),
|
||
|
|
address = VMM.Util.getUrlVars(m.id)["q"],
|
||
|
|
marker;
|
||
|
|
|
||
|
|
if (address.match("loc:")) {
|
||
|
|
var address_latlon = address.split(":")[1].split("+");
|
||
|
|
location = new google.maps.LatLng(parseFloat(address_latlon[0]),parseFloat(address_latlon[1]));
|
||
|
|
has_location = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
geocoder.geocode( { 'address': address}, function(results, status) {
|
||
|
|
if (status == google.maps.GeocoderStatus.OK) {
|
||
|
|
|
||
|
|
marker = new google.maps.Marker({
|
||
|
|
map: map,
|
||
|
|
position: results[0].geometry.location
|
||
|
|
});
|
||
|
|
|
||
|
|
// POSITION MAP
|
||
|
|
//map.setCenter(results[0].geometry.location);
|
||
|
|
//map.panTo(location);
|
||
|
|
if (typeof results[0].geometry.viewport != 'undefined') {
|
||
|
|
map.fitBounds(results[0].geometry.viewport);
|
||
|
|
} else if (typeof results[0].geometry.bounds != 'undefined') {
|
||
|
|
map.fitBounds(results[0].geometry.bounds);
|
||
|
|
} else {
|
||
|
|
map.setCenter(results[0].geometry.location);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (has_location) {
|
||
|
|
map.panTo(location);
|
||
|
|
}
|
||
|
|
if (has_zoom) {
|
||
|
|
map.setZoom(zoom);
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
trace("Geocode for " + address + " was not successful for the following reason: " + status);
|
||
|
|
trace("TRYING PLACES SEARCH");
|
||
|
|
|
||
|
|
if (has_location) {
|
||
|
|
map.panTo(location);
|
||
|
|
}
|
||
|
|
if (has_zoom) {
|
||
|
|
map.setZoom(zoom);
|
||
|
|
}
|
||
|
|
|
||
|
|
loadPlaces();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// PLACES
|
||
|
|
function loadPlaces() {
|
||
|
|
var place,
|
||
|
|
search_request,
|
||
|
|
infowindow,
|
||
|
|
search_bounds,
|
||
|
|
bounds_sw,
|
||
|
|
bounds_ne;
|
||
|
|
|
||
|
|
place_search = new google.maps.places.PlacesService(map);
|
||
|
|
infowindow = new google.maps.InfoWindow();
|
||
|
|
|
||
|
|
search_request = {
|
||
|
|
query: "",
|
||
|
|
types: ['country', 'neighborhood', 'political', 'locality', 'geocode']
|
||
|
|
};
|
||
|
|
|
||
|
|
if (type.of(VMM.Util.getUrlVars(m.id)["q"]) == "string") {
|
||
|
|
search_request.query = VMM.Util.getUrlVars(m.id)["q"];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (has_location) {
|
||
|
|
search_request.location = location;
|
||
|
|
search_request.radius = "15000";
|
||
|
|
} else {
|
||
|
|
bounds_sw = new google.maps.LatLng(-89.999999,-179.999999);
|
||
|
|
bounds_ne = new google.maps.LatLng(89.999999,179.999999);
|
||
|
|
search_bounds = new google.maps.LatLngBounds(bounds_sw,bounds_ne);
|
||
|
|
|
||
|
|
//search_request.location = search_bounds;
|
||
|
|
}
|
||
|
|
|
||
|
|
place_search.textSearch(search_request, placeResults);
|
||
|
|
|
||
|
|
function placeResults(results, status) {
|
||
|
|
|
||
|
|
if (status == google.maps.places.PlacesServiceStatus.OK) {
|
||
|
|
|
||
|
|
for (var i = 0; i < results.length; i++) {
|
||
|
|
//createMarker(results[i]);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (has_location) {
|
||
|
|
map.panTo(location);
|
||
|
|
} else {
|
||
|
|
if (results.length >= 1) {
|
||
|
|
map.panTo(results[0].geometry.location);
|
||
|
|
if (has_zoom) {
|
||
|
|
map.setZoom(zoom);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
} else {
|
||
|
|
trace("Place search for " + search_request.query + " was not successful for the following reason: " + status);
|
||
|
|
// IF There's a problem loading the map, load a simple iFrame version instead
|
||
|
|
trace("YOU MAY NEED A GOOGLE MAPS API KEY IN ORDER TO USE THIS FEATURE OF TIMELINEJS");
|
||
|
|
trace("FIND OUT HOW TO GET YOUR KEY HERE: https://developers.google.com/places/documentation/#Authentication");
|
||
|
|
|
||
|
|
|
||
|
|
if (has_location) {
|
||
|
|
map.panTo(location);
|
||
|
|
if (has_zoom) {
|
||
|
|
map.setZoom(zoom);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
trace("USING SIMPLE IFRAME MAP EMBED");
|
||
|
|
if (m.id[0].match("https")) {
|
||
|
|
m.id = m.url[0].replace("https", "http");
|
||
|
|
}
|
||
|
|
VMM.ExternalAPI.googlemaps.createiFrameMap(m);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function createMarker(place) {
|
||
|
|
var marker, placeLoc;
|
||
|
|
|
||
|
|
placeLoc = place.geometry.location;
|
||
|
|
marker = new google.maps.Marker({
|
||
|
|
map: map,
|
||
|
|
position: place.geometry.location
|
||
|
|
});
|
||
|
|
|
||
|
|
google.maps.event.addListener(marker, 'click', function() {
|
||
|
|
infowindow.setContent(place.name);
|
||
|
|
infowindow.open(map, this);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function loadPlacesAlt() {
|
||
|
|
var api_key,
|
||
|
|
places_url,
|
||
|
|
has_key = false;
|
||
|
|
|
||
|
|
trace("LOADING PLACES API FOR GOOGLE MAPS");
|
||
|
|
|
||
|
|
if (VMM.ExternalAPI.keys.google != "") {
|
||
|
|
api_key = VMM.ExternalAPI.keys.google;
|
||
|
|
has_key = true;
|
||
|
|
} else {
|
||
|
|
trace("YOU NEED A GOOGLE MAPS API KEY IN ORDER TO USE THIS FEATURE OF TIMELINEJS");
|
||
|
|
trace("FIND OUT HOW TO GET YOUR KEY HERE: https://developers.google.com/places/documentation/#Authentication");
|
||
|
|
}
|
||
|
|
|
||
|
|
places_url = "https://maps.googleapis.com/maps/api/place/textsearch/json?key=" + api_key + "&sensor=false&language=" + m.lang + "&";
|
||
|
|
|
||
|
|
if (type.of(VMM.Util.getUrlVars(m.id)["q"]) == "string") {
|
||
|
|
places_url += "query=" + VMM.Util.getUrlVars(m.id)["q"];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (has_location) {
|
||
|
|
places_url += "&location=" + location;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (has_key) {
|
||
|
|
VMM.getJSON(places_url, function(d) {
|
||
|
|
trace("PLACES JSON");
|
||
|
|
|
||
|
|
var places_location = "",
|
||
|
|
places_bounds = "",
|
||
|
|
places_bounds_ne = "",
|
||
|
|
places_bounds_sw = "";
|
||
|
|
|
||
|
|
trace(d);
|
||
|
|
|
||
|
|
if (d.status == "OVER_QUERY_LIMIT") {
|
||
|
|
trace("OVER_QUERY_LIMIT");
|
||
|
|
if (has_location) {
|
||
|
|
map.panTo(location);
|
||
|
|
if (has_zoom) {
|
||
|
|
map.setZoom(zoom);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
trace("DOING TRADITIONAL MAP IFRAME EMBED UNTIL QUERY LIMIT RESTORED");
|
||
|
|
api_limit = true;
|
||
|
|
VMM.ExternalAPI.googlemaps.createiFrameMap(m);
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
if (d.results.length >= 1) {
|
||
|
|
//location = new google.maps.LatLng(parseFloat(d.results[0].geometry.location.lat),parseFloat(d.results[0].geometry.location.lng));
|
||
|
|
//map.panTo(location);
|
||
|
|
|
||
|
|
places_bounds_ne = new google.maps.LatLng(parseFloat(d.results[0].geometry.viewport.northeast.lat),parseFloat(d.results[0].geometry.viewport.northeast.lng));
|
||
|
|
places_bounds_sw = new google.maps.LatLng(parseFloat(d.results[0].geometry.viewport.southwest.lat),parseFloat(d.results[0].geometry.viewport.southwest.lng));
|
||
|
|
|
||
|
|
places_bounds = new google.maps.LatLngBounds(places_bounds_sw, places_bounds_ne)
|
||
|
|
map.fitBounds(places_bounds);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
trace("NO RESULTS");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (has_location) {
|
||
|
|
map.panTo(location);
|
||
|
|
}
|
||
|
|
if (has_zoom) {
|
||
|
|
map.setZoom(zoom);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
})
|
||
|
|
.error(function(jqXHR, textStatus, errorThrown) {
|
||
|
|
trace("PLACES JSON ERROR");
|
||
|
|
trace("PLACES JSON ERROR: " + textStatus + " " + jqXHR.responseText);
|
||
|
|
})
|
||
|
|
.success(function(d) {
|
||
|
|
trace("PLACES JSON SUCCESS");
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
if (has_location) {
|
||
|
|
map.panTo(location);
|
||
|
|
if (has_zoom) {
|
||
|
|
map.setZoom(zoom);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
trace("DOING TRADITIONAL MAP IFRAME EMBED BECAUSE NO GOOGLE MAP API KEY WAS PROVIDED");
|
||
|
|
VMM.ExternalAPI.googlemaps.createiFrameMap(m);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// KML
|
||
|
|
function loadKML() {
|
||
|
|
var kml_url, kml_layer, infowindow, text;
|
||
|
|
|
||
|
|
kml_url = m.id + "&output=kml";
|
||
|
|
kml_url = kml_url.replace("&output=embed", "");
|
||
|
|
kml_layer = new google.maps.KmlLayer(kml_url, {preserveViewport:true});
|
||
|
|
infowindow = new google.maps.InfoWindow();
|
||
|
|
kml_layer.setMap(map);
|
||
|
|
|
||
|
|
google.maps.event.addListenerOnce(kml_layer, "defaultviewport_changed", function() {
|
||
|
|
|
||
|
|
if (has_location) {
|
||
|
|
map.panTo(location);
|
||
|
|
} else {
|
||
|
|
map.fitBounds(kml_layer.getDefaultViewport() );
|
||
|
|
}
|
||
|
|
if (has_zoom) {
|
||
|
|
map.setZoom(zoom);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
google.maps.event.addListener(kml_layer, 'click', function(kmlEvent) {
|
||
|
|
text = kmlEvent.featureData.description;
|
||
|
|
showInfoWindow(text);
|
||
|
|
|
||
|
|
function showInfoWindow(c) {
|
||
|
|
infowindow.setContent(c);
|
||
|
|
infowindow.open(map);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
for(var i = 0; i < VMM.master_config.googlemaps.que.length; i++) {
|
||
|
|
VMM.ExternalAPI.googlemaps.create(VMM.master_config.googlemaps.que[i]);
|
||
|
|
}
|
||
|
|
VMM.master_config.googlemaps.que = [];
|
||
|
|
},
|
||
|
|
|
||
|
|
onMapAPIReady: function() {
|
||
|
|
VMM.master_config.googlemaps.map_active = true;
|
||
|
|
VMM.master_config.googlemaps.places_active = true;
|
||
|
|
VMM.ExternalAPI.googlemaps.onAPIReady();
|
||
|
|
},
|
||
|
|
|
||
|
|
onPlacesAPIReady: function() {
|
||
|
|
VMM.master_config.googlemaps.places_active = true;
|
||
|
|
VMM.ExternalAPI.googlemaps.onAPIReady();
|
||
|
|
},
|
||
|
|
|
||
|
|
onAPIReady: function() {
|
||
|
|
if (!VMM.master_config.googlemaps.active) {
|
||
|
|
if (VMM.master_config.googlemaps.map_active && VMM.master_config.googlemaps.places_active) {
|
||
|
|
VMM.master_config.googlemaps.active = true;
|
||
|
|
VMM.ExternalAPI.googlemaps.pushQue();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
defaultType: function(name) {
|
||
|
|
if (name.toLowerCase() == "satellite" || name.toLowerCase() == "hybrid" || name.toLowerCase() == "terrain" || name.toLowerCase() == "roadmap") {
|
||
|
|
return true;
|
||
|
|
} else {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
map_subdomains: ["", "a.", "b.", "c.", "d."],
|
||
|
|
|
||
|
|
map_attribution: {
|
||
|
|
"stamen": "Map tiles by <a href='http://stamen.com'>Stamen Design</a>, under <a href='http://creativecommons.org/licenses/by/3.0'>CC BY 3.0</a>. Data by <a href='http://openstreetmap.org'>OpenStreetMap</a>, under <a href='http://creativecommons.org/licenses/by-sa/3.0'>CC BY SA</a>.",
|
||
|
|
"apple": "Map data © 2012 Apple, Imagery © 2012 Apple"
|
||
|
|
},
|
||
|
|
|
||
|
|
map_providers: {
|
||
|
|
"toner": {
|
||
|
|
"url": "http://{S}tile.stamen.com/toner/{Z}/{X}/{Y}.png",
|
||
|
|
"minZoom": 0,
|
||
|
|
"maxZoom": 20,
|
||
|
|
"attribution": "stamen"
|
||
|
|
|
||
|
|
},
|
||
|
|
"toner-lines": {
|
||
|
|
"url": "http://{S}tile.stamen.com/toner-lines/{Z}/{X}/{Y}.png",
|
||
|
|
"minZoom": 0,
|
||
|
|
"maxZoom": 20,
|
||
|
|
"attribution": "stamen"
|
||
|
|
},
|
||
|
|
"toner-labels": {
|
||
|
|
"url": "http://{S}tile.stamen.com/toner-labels/{Z}/{X}/{Y}.png",
|
||
|
|
"minZoom": 0,
|
||
|
|
"maxZoom": 20,
|
||
|
|
"attribution": "stamen"
|
||
|
|
},
|
||
|
|
"sterrain": {
|
||
|
|
"url": "http://{S}tile.stamen.com/terrain/{Z}/{X}/{Y}.jpg",
|
||
|
|
"minZoom": 4,
|
||
|
|
"maxZoom": 20,
|
||
|
|
"attribution": "stamen"
|
||
|
|
},
|
||
|
|
"apple": {
|
||
|
|
"url": "http://gsp2.apple.com/tile?api=1&style=slideshow&layers=default&lang=en_US&z={z}&x={x}&y={y}&v=9",
|
||
|
|
"minZoom": 4,
|
||
|
|
"maxZoom": 14,
|
||
|
|
"attribution": "apple"
|
||
|
|
},
|
||
|
|
"watercolor": {
|
||
|
|
"url": "http://{S}tile.stamen.com/watercolor/{Z}/{X}/{Y}.jpg",
|
||
|
|
"minZoom": 3,
|
||
|
|
"maxZoom": 16,
|
||
|
|
"attribution": "stamen"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
googleplus: {
|
||
|
|
|
||
|
|
get: function(m) {
|
||
|
|
var api_key;
|
||
|
|
var gplus = {user: m.user, activity: m.id, id: m.uid};
|
||
|
|
|
||
|
|
VMM.master_config.googleplus.que.push(gplus);
|
||
|
|
VMM.master_config.googleplus.active = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(gplus, callback) {
|
||
|
|
var mediaElem = "",
|
||
|
|
api_key = "",
|
||
|
|
g_activity = "",
|
||
|
|
g_content = "",
|
||
|
|
g_attachments = "",
|
||
|
|
gperson_api_url,
|
||
|
|
gactivity_api_url;
|
||
|
|
googleplus_timeout = setTimeout(VMM.ExternalAPI.googleplus.errorTimeOut, VMM.master_config.timers.api, gplus),
|
||
|
|
callback_timeout = setTimeout(callback, VMM.master_config.timers.api, gplus);
|
||
|
|
|
||
|
|
|
||
|
|
if (VMM.master_config.Timeline.api_keys.google != "") {
|
||
|
|
api_key = VMM.master_config.Timeline.api_keys.google;
|
||
|
|
} else {
|
||
|
|
api_key = Aes.Ctr.decrypt(VMM.master_config.api_keys_master.google, VMM.master_config.vp, 256);
|
||
|
|
}
|
||
|
|
|
||
|
|
gperson_api_url = "https://www.googleapis.com/plus/v1/people/" + gplus.user + "/activities/public?alt=json&maxResults=100&fields=items(id,url)&key=" + api_key;
|
||
|
|
|
||
|
|
//mediaElem = "<iframe class='doc' frameborder='0' width='100%' height='100%' src='" + gplus.url + "&embedded=true'></iframe>";
|
||
|
|
mediaElem = "GOOGLE PLUS API CALL";
|
||
|
|
|
||
|
|
VMM.getJSON(gperson_api_url, function(p_data) {
|
||
|
|
for(var i = 0; i < p_data.items.length; i++) {
|
||
|
|
trace("loop");
|
||
|
|
if (p_data.items[i].url.split("posts/")[1] == gplus.activity) {
|
||
|
|
trace("FOUND IT!!");
|
||
|
|
|
||
|
|
g_activity = p_data.items[i].id;
|
||
|
|
gactivity_api_url = "https://www.googleapis.com/plus/v1/activities/" + g_activity + "?alt=json&key=" + api_key;
|
||
|
|
|
||
|
|
VMM.getJSON(gactivity_api_url, function(a_data) {
|
||
|
|
trace(a_data);
|
||
|
|
//a_data.url
|
||
|
|
//a_data.image.url
|
||
|
|
//a_data.actor.displayName
|
||
|
|
//a_data.provider.title
|
||
|
|
//a_data.object.content
|
||
|
|
|
||
|
|
//g_content += "<h4>" + a_data.title + "</h4>";
|
||
|
|
|
||
|
|
if (typeof a_data.annotation != 'undefined') {
|
||
|
|
g_content += "<div class='googleplus-annotation'>'" + a_data.annotation + "</div>";
|
||
|
|
g_content += a_data.object.content;
|
||
|
|
} else {
|
||
|
|
g_content += a_data.object.content;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof a_data.object.attachments != 'undefined') {
|
||
|
|
|
||
|
|
//g_attachments += "<div class='googleplus-attachemnts'>";
|
||
|
|
|
||
|
|
for(var k = 0; k < a_data.object.attachments.length; k++) {
|
||
|
|
if (a_data.object.attachments[k].objectType == "photo") {
|
||
|
|
g_attachments = "<a href='" + a_data.object.url + "' target='_blank'>" + "<img src='" + a_data.object.attachments[k].image.url + "' class='article-thumb'></a>" + g_attachments;
|
||
|
|
} else if (a_data.object.attachments[k].objectType == "video") {
|
||
|
|
g_attachments = "<img src='" + a_data.object.attachments[k].image.url + "' class='article-thumb'>" + g_attachments;
|
||
|
|
g_attachments += "<div>";
|
||
|
|
g_attachments += "<a href='" + a_data.object.attachments[k].url + "' target='_blank'>"
|
||
|
|
g_attachments += "<h5>" + a_data.object.attachments[k].displayName + "</h5>";
|
||
|
|
//g_attachments += "<p>" + a_data.object.attachments[k].content + "</p>";
|
||
|
|
g_attachments += "</a>";
|
||
|
|
g_attachments += "</div>";
|
||
|
|
} else if (a_data.object.attachments[k].objectType == "article") {
|
||
|
|
g_attachments += "<div>";
|
||
|
|
g_attachments += "<a href='" + a_data.object.attachments[k].url + "' target='_blank'>"
|
||
|
|
g_attachments += "<h5>" + a_data.object.attachments[k].displayName + "</h5>";
|
||
|
|
g_attachments += "<p>" + a_data.object.attachments[k].content + "</p>";
|
||
|
|
g_attachments += "</a>";
|
||
|
|
g_attachments += "</div>";
|
||
|
|
}
|
||
|
|
|
||
|
|
trace(a_data.object.attachments[k]);
|
||
|
|
}
|
||
|
|
|
||
|
|
g_attachments = "<div class='googleplus-attachments'>" + g_attachments + "</div>";
|
||
|
|
}
|
||
|
|
|
||
|
|
//mediaElem = "<div class='googleplus'>";
|
||
|
|
mediaElem = "<div class='googleplus-content'>" + g_content + g_attachments + "</div>";
|
||
|
|
|
||
|
|
mediaElem += "<div class='vcard author'><a class='screen-name url' href='" + a_data.url + "' target='_blank'>";
|
||
|
|
mediaElem += "<span class='avatar'><img src='" + a_data.actor.image.url + "' style='max-width: 32px; max-height: 32px;'></span>"
|
||
|
|
mediaElem += "<span class='fn'>" + a_data.actor.displayName + "</span>";
|
||
|
|
mediaElem += "<span class='nickname'><span class='thumbnail-inline'></span></span>";
|
||
|
|
mediaElem += "</a></div>";
|
||
|
|
|
||
|
|
VMM.attachElement("#googleplus_" + gplus.activity, mediaElem);
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
})
|
||
|
|
.error(function(jqXHR, textStatus, errorThrown) {
|
||
|
|
var error_obj = VMM.parseJSON(jqXHR.responseText);
|
||
|
|
trace(error_obj.error.message);
|
||
|
|
VMM.attachElement("#googleplus_" + gplus.activity, VMM.MediaElement.loadingmessage("<p>ERROR LOADING GOOGLE+ </p><p>" + error_obj.error.message + "</p>"));
|
||
|
|
})
|
||
|
|
.success(function(d) {
|
||
|
|
clearTimeout(googleplus_timeout);
|
||
|
|
clearTimeout(callback_timeout);
|
||
|
|
callback();
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
if (VMM.master_config.googleplus.que.length > 0) {
|
||
|
|
VMM.ExternalAPI.googleplus.create(VMM.master_config.googleplus.que[0], VMM.ExternalAPI.googleplus.pushQue);
|
||
|
|
VMM.master_config.googleplus.que.remove(0);
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
for(var i = 0; i < VMM.master_config.googleplus.que.length; i++) {
|
||
|
|
VMM.ExternalAPI.googleplus.create(VMM.master_config.googleplus.que[i]);
|
||
|
|
}
|
||
|
|
VMM.master_config.googleplus.que = [];
|
||
|
|
*/
|
||
|
|
},
|
||
|
|
|
||
|
|
errorTimeOut: function(gplus) {
|
||
|
|
trace("GOOGLE+ JSON ERROR TIMEOUT " + gplus.activity);
|
||
|
|
VMM.attachElement("#googleplus_" + gplus.activity, VMM.MediaElement.loadingmessage("<p>Still waiting on GOOGLE+ </p><p>" + gplus.activity + "</p>"));
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
googledocs: {
|
||
|
|
|
||
|
|
get: function(m) {
|
||
|
|
VMM.master_config.googledocs.que.push(m);
|
||
|
|
VMM.master_config.googledocs.active = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(m) {
|
||
|
|
var mediaElem = "";
|
||
|
|
if (m.id.match(/docs.google.com/i)) {
|
||
|
|
mediaElem = "<iframe class='doc' frameborder='0' width='100%' height='100%' src='" + m.id + "&embedded=true'></iframe>";
|
||
|
|
} else {
|
||
|
|
mediaElem = "<iframe class='doc' frameborder='0' width='100%' height='100%' src='" + "http://docs.google.com/viewer?url=" + m.id + "&embedded=true'></iframe>";
|
||
|
|
}
|
||
|
|
VMM.attachElement("#"+m.uid, mediaElem);
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
|
||
|
|
for(var i = 0; i < VMM.master_config.googledocs.que.length; i++) {
|
||
|
|
VMM.ExternalAPI.googledocs.create(VMM.master_config.googledocs.que[i]);
|
||
|
|
}
|
||
|
|
VMM.master_config.googledocs.que = [];
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
flickr: {
|
||
|
|
|
||
|
|
get: function(m) {
|
||
|
|
VMM.master_config.flickr.que.push(m);
|
||
|
|
VMM.master_config.flickr.active = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(m, callback) {
|
||
|
|
var api_key,
|
||
|
|
callback_timeout= setTimeout(callback, VMM.master_config.timers.api, m);
|
||
|
|
|
||
|
|
if (typeof VMM.master_config.Timeline != 'undefined' && VMM.master_config.Timeline.api_keys.flickr != "") {
|
||
|
|
api_key = VMM.master_config.Timeline.api_keys.flickr;
|
||
|
|
} else {
|
||
|
|
api_key = Aes.Ctr.decrypt(VMM.master_config.api_keys_master.flickr, VMM.master_config.vp, 256)
|
||
|
|
}
|
||
|
|
var the_url = "http://api.flickr.com/services/rest/?method=flickr.photos.getSizes&api_key=" + api_key + "&photo_id=" + m.id + "&format=json&jsoncallback=?";
|
||
|
|
|
||
|
|
VMM.getJSON(the_url, function(d) {
|
||
|
|
var flickr_id = d.sizes.size[0].url.split("photos\/")[1].split("/")[1];
|
||
|
|
|
||
|
|
var flickr_large_id = "#" + m.uid,
|
||
|
|
flickr_thumb_id = "#" + m.uid + "_thumb";
|
||
|
|
//flickr_thumb_id = "flickr_" + uid + "_thumb";
|
||
|
|
|
||
|
|
var flickr_img_size,
|
||
|
|
flickr_img_thumb,
|
||
|
|
flickr_size_found = false,
|
||
|
|
flickr_best_size = "Large";
|
||
|
|
|
||
|
|
flickr_best_size = VMM.ExternalAPI.flickr.sizes(VMM.master_config.sizes.api.height);
|
||
|
|
for(var i = 0; i < d.sizes.size.length; i++) {
|
||
|
|
if (d.sizes.size[i].label == flickr_best_size) {
|
||
|
|
|
||
|
|
flickr_size_found = true;
|
||
|
|
flickr_img_size = d.sizes.size[i].source;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (!flickr_size_found) {
|
||
|
|
flickr_img_size = d.sizes.size[d.sizes.size.length - 2].source;
|
||
|
|
}
|
||
|
|
|
||
|
|
flickr_img_thumb = d.sizes.size[0].source;
|
||
|
|
VMM.Lib.attr(flickr_large_id, "src", flickr_img_size);
|
||
|
|
//VMM.attachElement(flickr_large_id, "<a href='" + flick.link + "' target='_blank'><img src='" + flickr_img_size + "'></a>");
|
||
|
|
VMM.attachElement(flickr_thumb_id, "<img src='" + flickr_img_thumb + "'>");
|
||
|
|
|
||
|
|
})
|
||
|
|
.error(function(jqXHR, textStatus, errorThrown) {
|
||
|
|
trace("FLICKR error");
|
||
|
|
trace("FLICKR ERROR: " + textStatus + " " + jqXHR.responseText);
|
||
|
|
})
|
||
|
|
.success(function(d) {
|
||
|
|
clearTimeout(callback_timeout);
|
||
|
|
callback();
|
||
|
|
});
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
if (VMM.master_config.flickr.que.length > 0) {
|
||
|
|
VMM.ExternalAPI.flickr.create(VMM.master_config.flickr.que[0], VMM.ExternalAPI.flickr.pushQue);
|
||
|
|
VMM.master_config.flickr.que.remove(0);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
sizes: function(s) {
|
||
|
|
var _size = "";
|
||
|
|
if (s <= 75) {
|
||
|
|
_size = "Thumbnail";
|
||
|
|
} else if (s <= 180) {
|
||
|
|
_size = "Small";
|
||
|
|
} else if (s <= 240) {
|
||
|
|
_size = "Small 320";
|
||
|
|
} else if (s <= 375) {
|
||
|
|
_size = "Medium";
|
||
|
|
} else if (s <= 480) {
|
||
|
|
_size = "Medium 640";
|
||
|
|
} else if (s <= 600) {
|
||
|
|
_size = "Large";
|
||
|
|
} else {
|
||
|
|
_size = "Large";
|
||
|
|
}
|
||
|
|
|
||
|
|
return _size;
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
instagram: {
|
||
|
|
get: function(m, thumb) {
|
||
|
|
if (thumb) {
|
||
|
|
return "http://instagr.am/p/" + m.id + "/media/?size=t";
|
||
|
|
} else {
|
||
|
|
return "http://instagr.am/p/" + m.id + "/media/?size=" + VMM.ExternalAPI.instagram.sizes(VMM.master_config.sizes.api.height);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
sizes: function(s) {
|
||
|
|
var _size = "";
|
||
|
|
if (s <= 150) {
|
||
|
|
_size = "t";
|
||
|
|
} else if (s <= 306) {
|
||
|
|
_size = "m";
|
||
|
|
} else {
|
||
|
|
_size = "l";
|
||
|
|
}
|
||
|
|
|
||
|
|
return _size;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
soundcloud: {
|
||
|
|
|
||
|
|
get: function(m) {
|
||
|
|
VMM.master_config.soundcloud.que.push(m);
|
||
|
|
VMM.master_config.soundcloud.active = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(m, callback) {
|
||
|
|
var the_url = "http://soundcloud.com/oembed?url=" + m.id + "&format=js&callback=?";
|
||
|
|
VMM.getJSON(the_url, function(d) {
|
||
|
|
VMM.attachElement("#"+m.uid, d.html);
|
||
|
|
callback();
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
if (VMM.master_config.soundcloud.que.length > 0) {
|
||
|
|
VMM.ExternalAPI.soundcloud.create(VMM.master_config.soundcloud.que[0], VMM.ExternalAPI.soundcloud.pushQue);
|
||
|
|
VMM.master_config.soundcloud.que.remove(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
wikipedia: {
|
||
|
|
|
||
|
|
get: function(m) {
|
||
|
|
VMM.master_config.wikipedia.que.push(m);
|
||
|
|
VMM.master_config.wikipedia.active = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(m, callback) {
|
||
|
|
var the_url = "http://" + m.lang + ".wikipedia.org/w/api.php?action=query&prop=extracts&redirects=&titles=" + m.id + "&exintro=1&format=json&callback=?";
|
||
|
|
callback_timeout= setTimeout(callback, VMM.master_config.timers.api, m);
|
||
|
|
|
||
|
|
if ( VMM.Browser.browser == "Explorer" && parseInt(VMM.Browser.version, 10) >= 7 && window.XDomainRequest) {
|
||
|
|
var temp_text = "<h4><a href='http://" + VMM.master_config.language.api.wikipedia + ".wikipedia.org/wiki/" + m.id + "' target='_blank'>" + m.url + "</a></h4>";
|
||
|
|
temp_text += "<span class='wiki-source'>" + VMM.master_config.language.messages.wikipedia + "</span>";
|
||
|
|
temp_text += "<p>Wikipedia entry unable to load using Internet Explorer 8 or below.</p>";
|
||
|
|
VMM.attachElement("#"+m.uid, temp_text );
|
||
|
|
}
|
||
|
|
|
||
|
|
VMM.getJSON(the_url, function(d) {
|
||
|
|
if (d.query) {
|
||
|
|
var wiki_extract,
|
||
|
|
wiki_title,
|
||
|
|
_wiki = "",
|
||
|
|
wiki_text = "",
|
||
|
|
wiki_number_of_paragraphs = 1,
|
||
|
|
wiki_text_array = [];
|
||
|
|
|
||
|
|
wiki_extract = VMM.Util.getObjectAttributeByIndex(d.query.pages, 0).extract;
|
||
|
|
wiki_title = VMM.Util.getObjectAttributeByIndex(d.query.pages, 0).title;
|
||
|
|
|
||
|
|
if (wiki_extract.match("<p>")) {
|
||
|
|
wiki_text_array = wiki_extract.split("<p>");
|
||
|
|
} else {
|
||
|
|
wiki_text_array.push(wiki_extract);
|
||
|
|
}
|
||
|
|
|
||
|
|
for(var i = 0; i < wiki_text_array.length; i++) {
|
||
|
|
if (i+1 <= wiki_number_of_paragraphs && i+1 < wiki_text_array.length) {
|
||
|
|
wiki_text += "<p>" + wiki_text_array[i+1];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_wiki = "<h4><a href='http://" + VMM.master_config.language.api.wikipedia + ".wikipedia.org/wiki/" + wiki_title + "' target='_blank'>" + wiki_title + "</a></h4>";
|
||
|
|
_wiki += "<span class='wiki-source'>" + VMM.master_config.language.messages.wikipedia + "</span>";
|
||
|
|
_wiki += VMM.Util.linkify_wikipedia(wiki_text);
|
||
|
|
|
||
|
|
if (wiki_extract.match("REDIRECT")) {
|
||
|
|
|
||
|
|
} else {
|
||
|
|
VMM.attachElement("#"+m.uid, _wiki );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//callback();
|
||
|
|
})
|
||
|
|
.error(function(jqXHR, textStatus, errorThrown) {
|
||
|
|
trace("WIKIPEDIA error");
|
||
|
|
trace("WIKIPEDIA ERROR: " + textStatus + " " + jqXHR.responseText);
|
||
|
|
trace(errorThrown);
|
||
|
|
|
||
|
|
VMM.attachElement("#"+m.uid, VMM.MediaElement.loadingmessage("<p>Wikipedia is not responding</p>"));
|
||
|
|
// TRY AGAIN?
|
||
|
|
clearTimeout(callback_timeout);
|
||
|
|
if (VMM.master_config.wikipedia.tries < 4) {
|
||
|
|
trace("WIKIPEDIA ATTEMPT " + VMM.master_config.wikipedia.tries);
|
||
|
|
trace(m);
|
||
|
|
VMM.master_config.wikipedia.tries++;
|
||
|
|
VMM.ExternalAPI.wikipedia.create(m, callback);
|
||
|
|
} else {
|
||
|
|
callback();
|
||
|
|
}
|
||
|
|
|
||
|
|
})
|
||
|
|
.success(function(d) {
|
||
|
|
VMM.master_config.wikipedia.tries = 0;
|
||
|
|
clearTimeout(callback_timeout);
|
||
|
|
callback();
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
|
||
|
|
if (VMM.master_config.wikipedia.que.length > 0) {
|
||
|
|
trace("WIKIPEDIA PUSH QUE " + VMM.master_config.wikipedia.que.length);
|
||
|
|
VMM.ExternalAPI.wikipedia.create(VMM.master_config.wikipedia.que[0], VMM.ExternalAPI.wikipedia.pushQue);
|
||
|
|
VMM.master_config.wikipedia.que.remove(0);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
youtube: {
|
||
|
|
|
||
|
|
get: function(m) {
|
||
|
|
var the_url = "http://gdata.youtube.com/feeds/api/videos/" + m.id + "?v=2&alt=jsonc&callback=?";
|
||
|
|
|
||
|
|
VMM.master_config.youtube.que.push(m);
|
||
|
|
|
||
|
|
if (!VMM.master_config.youtube.active) {
|
||
|
|
if (!VMM.master_config.youtube.api_loaded) {
|
||
|
|
LoadLib.js('http://www.youtube.com/player_api', function() {
|
||
|
|
trace("YouTube API Library Loaded");
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// THUMBNAIL
|
||
|
|
VMM.getJSON(the_url, function(d) {
|
||
|
|
VMM.ExternalAPI.youtube.createThumb(d, m)
|
||
|
|
});
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(m) {
|
||
|
|
if (typeof(m.start) != 'undefined') {
|
||
|
|
|
||
|
|
var vidstart = m.start.toString(),
|
||
|
|
vid_start_minutes = 0,
|
||
|
|
vid_start_seconds = 0;
|
||
|
|
|
||
|
|
if (vidstart.match('m')) {
|
||
|
|
vid_start_minutes = parseInt(vidstart.split("m")[0], 10);
|
||
|
|
vid_start_seconds = parseInt(vidstart.split("m")[1].split("s")[0], 10);
|
||
|
|
m.start = (vid_start_minutes * 60) + vid_start_seconds;
|
||
|
|
} else {
|
||
|
|
m.start = 0;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
m.start = 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
var p = {
|
||
|
|
active: false,
|
||
|
|
player: {},
|
||
|
|
name: m.uid,
|
||
|
|
playing: false,
|
||
|
|
hd: false
|
||
|
|
};
|
||
|
|
|
||
|
|
if (typeof(m.hd) != 'undefined') {
|
||
|
|
p.hd = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
p.player[m.id] = new YT.Player(m.uid, {
|
||
|
|
height: '390',
|
||
|
|
width: '640',
|
||
|
|
playerVars: {
|
||
|
|
enablejsapi: 1,
|
||
|
|
color: 'white',
|
||
|
|
showinfo: 0,
|
||
|
|
theme: 'light',
|
||
|
|
start: m.start,
|
||
|
|
rel: 0
|
||
|
|
},
|
||
|
|
videoId: m.id,
|
||
|
|
events: {
|
||
|
|
'onReady': VMM.ExternalAPI.youtube.onPlayerReady,
|
||
|
|
'onStateChange': VMM.ExternalAPI.youtube.onStateChange
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
VMM.master_config.youtube.array.push(p);
|
||
|
|
},
|
||
|
|
|
||
|
|
createThumb: function(d, m) {
|
||
|
|
trace("CREATE THUMB");
|
||
|
|
trace(d);
|
||
|
|
trace(m);
|
||
|
|
if (typeof d.data != 'undefined') {
|
||
|
|
var thumb_id = "#" + m.uid + "_thumb";
|
||
|
|
VMM.attachElement(thumb_id, "<img src='" + d.data.thumbnail.sqDefault + "'>");
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
for(var i = 0; i < VMM.master_config.youtube.que.length; i++) {
|
||
|
|
VMM.ExternalAPI.youtube.create(VMM.master_config.youtube.que[i]);
|
||
|
|
}
|
||
|
|
VMM.master_config.youtube.que = [];
|
||
|
|
},
|
||
|
|
|
||
|
|
onAPIReady: function() {
|
||
|
|
VMM.master_config.youtube.active = true;
|
||
|
|
VMM.ExternalAPI.youtube.pushQue();
|
||
|
|
},
|
||
|
|
|
||
|
|
stopPlayers: function() {
|
||
|
|
for(var i = 0; i < VMM.master_config.youtube.array.length; i++) {
|
||
|
|
if (VMM.master_config.youtube.array[i].playing) {
|
||
|
|
var the_name = VMM.master_config.youtube.array[i].name;
|
||
|
|
VMM.master_config.youtube.array[i].player[the_name].stopVideo();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
onStateChange: function(e) {
|
||
|
|
for(var i = 0; i < VMM.master_config.youtube.array.length; i++) {
|
||
|
|
var the_name = VMM.master_config.youtube.array[i].name;
|
||
|
|
if (VMM.master_config.youtube.array[i].player[the_name] == e.target) {
|
||
|
|
if (e.data == YT.PlayerState.PLAYING) {
|
||
|
|
VMM.master_config.youtube.array[i].playing = true;
|
||
|
|
trace(VMM.master_config.youtube.array[i].hd)
|
||
|
|
if (VMM.master_config.youtube.array[i].hd) {
|
||
|
|
// SET TO HD
|
||
|
|
// DOESN'T WORK AS OF NOW
|
||
|
|
//VMM.master_config.youtube.array[i].player.setPlaybackQuality("hd720");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
onPlayerReady: function(e) {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
vimeo: {
|
||
|
|
|
||
|
|
get: function(m) {
|
||
|
|
VMM.master_config.vimeo.que.push(m);
|
||
|
|
VMM.master_config.vimeo.active = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(m, callback) {
|
||
|
|
trace("VIMEO CREATE");
|
||
|
|
|
||
|
|
// THUMBNAIL
|
||
|
|
var thumb_url = "http://vimeo.com/api/v2/video/" + m.id + ".json",
|
||
|
|
video_url = "http://player.vimeo.com/video/" + m.id + "?title=0&byline=0&portrait=0&color=ffffff";
|
||
|
|
|
||
|
|
VMM.getJSON(thumb_url, function(d) {
|
||
|
|
VMM.ExternalAPI.vimeo.createThumb(d, m);
|
||
|
|
callback();
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
// VIDEO
|
||
|
|
VMM.attachElement("#" + m.uid, "<iframe autostart='false' frameborder='0' width='100%' height='100%' src='" + video_url + "'></iframe>");
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
createThumb: function(d, m) {
|
||
|
|
trace("VIMEO CREATE THUMB");
|
||
|
|
var thumb_id = "#" + m.uid + "_thumb";
|
||
|
|
VMM.attachElement(thumb_id, "<img src='" + d[0].thumbnail_small + "'>");
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
if (VMM.master_config.vimeo.que.length > 0) {
|
||
|
|
VMM.ExternalAPI.vimeo.create(VMM.master_config.vimeo.que[0], VMM.ExternalAPI.vimeo.pushQue);
|
||
|
|
VMM.master_config.vimeo.que.remove(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
vine: {
|
||
|
|
|
||
|
|
get: function(m) {
|
||
|
|
VMM.master_config.vine.que.push(m);
|
||
|
|
VMM.master_config.vine.active = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(m, callback) {
|
||
|
|
trace("VINE CREATE");
|
||
|
|
|
||
|
|
var video_url = "https://vine.co/v/" + m.id + "/embed/simple";
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// VIDEO
|
||
|
|
// TODO: NEED TO ADD ASYNC SCRIPT TO TIMELINE FLOW
|
||
|
|
VMM.attachElement("#" + m.uid, "<iframe frameborder='0' width='100%' height='100%' src='" + video_url + "'></iframe><script async src='http://platform.vine.co/static/scripts/embed.js' charset='utf-8'></script>");
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
if (VMM.master_config.vine.que.length > 0) {
|
||
|
|
VMM.ExternalAPI.vine.create(VMM.master_config.vine.que[0], VMM.ExternalAPI.vine.pushQue);
|
||
|
|
VMM.master_config.vine.que.remove(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
webthumb: {
|
||
|
|
|
||
|
|
get: function(m, thumb) {
|
||
|
|
VMM.master_config.webthumb.que.push(m);
|
||
|
|
VMM.master_config.webthumb.active = true;
|
||
|
|
},
|
||
|
|
|
||
|
|
sizes: function(s) {
|
||
|
|
var _size = "";
|
||
|
|
if (s <= 150) {
|
||
|
|
_size = "t";
|
||
|
|
} else if (s <= 306) {
|
||
|
|
_size = "m";
|
||
|
|
} else {
|
||
|
|
_size = "l";
|
||
|
|
}
|
||
|
|
|
||
|
|
return _size;
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(m) {
|
||
|
|
trace("WEB THUMB CREATE");
|
||
|
|
|
||
|
|
var thumb_url = "http://free.pagepeeker.com/v2/thumbs.php?";
|
||
|
|
url = m.id.replace("http://", "");//.split("/")[0];
|
||
|
|
|
||
|
|
// Main Image
|
||
|
|
VMM.attachElement("#" + m.uid, "<a href='" + m.id + "' target='_blank'><img src='" + thumb_url + "size=x&url=" + url + "'></a>");
|
||
|
|
|
||
|
|
// Thumb
|
||
|
|
VMM.attachElement("#" + m.uid + "_thumb", "<img src='" + thumb_url + "size=t&url=" + url + "'>");
|
||
|
|
},
|
||
|
|
|
||
|
|
pushQue: function() {
|
||
|
|
for(var i = 0; i < VMM.master_config.webthumb.que.length; i++) {
|
||
|
|
VMM.ExternalAPI.webthumb.create(VMM.master_config.webthumb.que[i]);
|
||
|
|
}
|
||
|
|
VMM.master_config.webthumb.que = [];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}).init();
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* YOUTUBE API READY
|
||
|
|
Can't find a way to customize this callback and keep it in the VMM namespace
|
||
|
|
Youtube wants it to be this function.
|
||
|
|
================================================== */
|
||
|
|
function onYouTubePlayerAPIReady() {
|
||
|
|
trace("GLOBAL YOUTUBE API CALLED")
|
||
|
|
VMM.ExternalAPI.youtube.onAPIReady();
|
||
|
|
}
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.MediaElement.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* MediaElement
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.MediaElement == 'undefined') {
|
||
|
|
|
||
|
|
VMM.MediaElement = ({
|
||
|
|
|
||
|
|
init: function() {
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
loadingmessage: function(m) {
|
||
|
|
return "<div class='vco-loading'><div class='vco-loading-container'><div class='vco-loading-icon'></div>" + "<div class='vco-message'><p>" + m + "</p></div></div></div>";
|
||
|
|
},
|
||
|
|
|
||
|
|
thumbnail: function(data, w, h, uid) {
|
||
|
|
var _w = 16,
|
||
|
|
_h = 24,
|
||
|
|
_uid = "";
|
||
|
|
|
||
|
|
if (w != null && w != "") {_w = w};
|
||
|
|
if (h != null && h != "") {_h = h};
|
||
|
|
if (uid != null && uid != "") {_uid = uid};
|
||
|
|
|
||
|
|
if (data.media != null && data.media != "") {
|
||
|
|
var _valid = true,
|
||
|
|
mediaElem = "",
|
||
|
|
m = VMM.MediaType(data.media); //returns an object with .type and .id
|
||
|
|
|
||
|
|
// DETERMINE THUMBNAIL OR ICON
|
||
|
|
if (data.thumbnail != null && data.thumbnail != "") {
|
||
|
|
trace("CUSTOM THUMB");
|
||
|
|
mediaElem = "<div class='thumbnail thumb-custom' id='" + uid + "_custom_thumb'><img src='" + data.thumbnail + "'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "image") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-photo'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "flickr") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-photo' id='" + uid + "_thumb'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "instagram") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-instagram' id='" + uid + "_thumb'><img src='" + VMM.ExternalAPI.instagram.get(m.id, true) + "'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "youtube") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-youtube' id='" + uid + "_thumb'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "googledoc") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-document'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "vimeo") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-vimeo' id='" + uid + "_thumb'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "vine") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-vine'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "dailymotion") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-video'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "twitter"){
|
||
|
|
mediaElem = "<div class='thumbnail thumb-twitter'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "twitter-ready") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-twitter'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "soundcloud") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-audio'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "google-map") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-map'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "googleplus") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-googleplus'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "wikipedia") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-wikipedia'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "storify") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-storify'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "quote") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-quote'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "iframe") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-video'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "unknown") {
|
||
|
|
if (m.id.match("blockquote")) {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-quote'></div>";
|
||
|
|
} else {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-plaintext'></div>";
|
||
|
|
}
|
||
|
|
return mediaElem;
|
||
|
|
} else if (m.type == "website") {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-website' id='" + uid + "_thumb'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
} else {
|
||
|
|
mediaElem = "<div class='thumbnail thumb-plaintext'></div>";
|
||
|
|
return mediaElem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(data, uid) {
|
||
|
|
var _valid = false,
|
||
|
|
//loading_messege = "<span class='messege'><p>" + VMM.master_config.language.messages.loading + "</p></span>";
|
||
|
|
loading_messege = VMM.MediaElement.loadingmessage(VMM.master_config.language.messages.loading + "...");
|
||
|
|
|
||
|
|
if (data.media != null && data.media != "") {
|
||
|
|
var mediaElem = "", captionElem = "", creditElem = "", _id = "", isTextMedia = false, m;
|
||
|
|
|
||
|
|
m = VMM.MediaType(data.media); //returns an object with .type and .id
|
||
|
|
m.uid = uid;
|
||
|
|
_valid = true;
|
||
|
|
|
||
|
|
// CREDIT
|
||
|
|
if (data.credit != null && data.credit != "") {
|
||
|
|
creditElem = "<div class='credit'>" + VMM.Util.linkify_with_twitter(data.credit, "_blank") + "</div>";
|
||
|
|
}
|
||
|
|
// CAPTION
|
||
|
|
if (data.caption != null && data.caption != "") {
|
||
|
|
captionElem = "<div class='caption'>" + VMM.Util.linkify_with_twitter(data.caption, "_blank") + "</div>";
|
||
|
|
}
|
||
|
|
// IMAGE
|
||
|
|
if (m.type == "image") {
|
||
|
|
if (m.id.match("https://")) {
|
||
|
|
m.id = m.id.replace("https://","http://");
|
||
|
|
}
|
||
|
|
mediaElem = "<div class='media-image media-shadow'><img src='" + m.id + "' class='media-image'></div>";
|
||
|
|
// FLICKR
|
||
|
|
} else if (m.type == "flickr") {
|
||
|
|
//mediaElem = "<div class='media-image media-shadow' id='" + uid + "'>" + loading_messege + "</div>";
|
||
|
|
mediaElem = "<div class='media-image media-shadow'><a href='" + m.link + "' target='_blank'><img id='" + uid + "'></a></div>";
|
||
|
|
VMM.ExternalAPI.flickr.get(m);
|
||
|
|
// INSTAGRAM
|
||
|
|
} else if (m.type == "instagram") {
|
||
|
|
mediaElem = "<div class='media-image media-shadow'><a href='" + m.link + "' target='_blank'><img src='" + VMM.ExternalAPI.instagram.get(m) + "'></a></div>";
|
||
|
|
//VMM.ExternalAPI.instagram.get(m.id, uid);
|
||
|
|
// GOOGLE DOCS
|
||
|
|
} else if (m.type == "googledoc") {
|
||
|
|
mediaElem = "<div class='media-frame media-shadow doc' id='" + m.uid + "'>" + loading_messege + "</div>";
|
||
|
|
VMM.ExternalAPI.googledocs.get(m);
|
||
|
|
// YOUTUBE
|
||
|
|
} else if (m.type == "youtube") {
|
||
|
|
mediaElem = "<div class='media-shadow'><div class='media-frame video youtube' id='" + m.uid + "'>" + loading_messege + "</div></div>";
|
||
|
|
VMM.ExternalAPI.youtube.get(m);
|
||
|
|
// VIMEO
|
||
|
|
} else if (m.type == "vimeo") {
|
||
|
|
mediaElem = "<div class='media-shadow media-frame video vimeo' id='" + m.uid + "'>" + loading_messege + "</div>";
|
||
|
|
VMM.ExternalAPI.vimeo.get(m);
|
||
|
|
// DAILYMOTION
|
||
|
|
} else if (m.type == "dailymotion") {
|
||
|
|
mediaElem = "<div class='media-shadow'><iframe class='media-frame video dailymotion' autostart='false' frameborder='0' width='100%' height='100%' src='http://www.dailymotion.com/embed/video/" + m.id + "'></iframe></div>";
|
||
|
|
// VINE
|
||
|
|
} else if (m.type == "vine") {
|
||
|
|
mediaElem = "<div class='media-shadow media-frame video vine' id='" + m.uid + "'>" + loading_messege + "</div>";
|
||
|
|
VMM.ExternalAPI.vine.get(m);
|
||
|
|
// TWITTER
|
||
|
|
} else if (m.type == "twitter"){
|
||
|
|
mediaElem = "<div class='twitter' id='" + m.uid + "'>" + loading_messege + "</div>";
|
||
|
|
isTextMedia = true;
|
||
|
|
VMM.ExternalAPI.twitter.get(m);
|
||
|
|
// TWITTER
|
||
|
|
} else if (m.type == "twitter-ready") {
|
||
|
|
isTextMedia = true;
|
||
|
|
mediaElem = m.id;
|
||
|
|
// SOUNDCLOUD
|
||
|
|
} else if (m.type == "soundcloud") {
|
||
|
|
mediaElem = "<div class='media-frame media-shadow soundcloud' id='" + m.uid + "'>" + loading_messege + "</div>";
|
||
|
|
VMM.ExternalAPI.soundcloud.get(m);
|
||
|
|
// GOOGLE MAPS
|
||
|
|
} else if (m.type == "google-map") {
|
||
|
|
mediaElem = "<div class='media-frame media-shadow map' id='" + m.uid + "'>" + loading_messege + "</div>";
|
||
|
|
VMM.ExternalAPI.googlemaps.get(m);
|
||
|
|
// GOOGLE PLUS
|
||
|
|
} else if (m.type == "googleplus") {
|
||
|
|
_id = "googleplus_" + m.id;
|
||
|
|
mediaElem = "<div class='googleplus' id='" + _id + "'>" + loading_messege + "</div>";
|
||
|
|
isTextMedia = true;
|
||
|
|
VMM.ExternalAPI.googleplus.get(m);
|
||
|
|
// WIKIPEDIA
|
||
|
|
} else if (m.type == "wikipedia") {
|
||
|
|
mediaElem = "<div class='wikipedia' id='" + m.uid + "'>" + loading_messege + "</div>";
|
||
|
|
isTextMedia = true;
|
||
|
|
VMM.ExternalAPI.wikipedia.get(m);
|
||
|
|
// STORIFY
|
||
|
|
} else if (m.type == "storify") {
|
||
|
|
isTextMedia = true;
|
||
|
|
mediaElem = "<div class='plain-text-quote'>" + m.id + "</div>";
|
||
|
|
// IFRAME
|
||
|
|
} else if (m.type == "iframe") {
|
||
|
|
isTextMedia = true;
|
||
|
|
mediaElem = "<div class='media-shadow'><iframe class='media-frame video' autostart='false' frameborder='0' width='100%' height='100%' src='" + m.id + "'></iframe></div>";
|
||
|
|
// QUOTE
|
||
|
|
} else if (m.type == "quote") {
|
||
|
|
isTextMedia = true;
|
||
|
|
mediaElem = "<div class='plain-text-quote'>" + m.id + "</div>";
|
||
|
|
// UNKNOWN
|
||
|
|
} else if (m.type == "unknown") {
|
||
|
|
trace("NO KNOWN MEDIA TYPE FOUND TRYING TO JUST PLACE THE HTML");
|
||
|
|
isTextMedia = true;
|
||
|
|
mediaElem = "<div class='plain-text'><div class='container'>" + VMM.Util.properQuotes(m.id) + "</div></div>";
|
||
|
|
// WEBSITE
|
||
|
|
} else if (m.type == "website") {
|
||
|
|
|
||
|
|
mediaElem = "<div class='media-shadow website' id='" + m.uid + "'>" + loading_messege + "</div>";
|
||
|
|
VMM.ExternalAPI.webthumb.get(m);
|
||
|
|
//mediaElem = "<div class='media-shadow website'><a href='" + m.id + "' target='_blank'>" + "<img src='http://api1.thumbalizr.com/?url=" + m.id.replace(/[\./]$/g, "") + "&width=300' class='media-image'></a></div>";
|
||
|
|
|
||
|
|
// NO MATCH
|
||
|
|
} else {
|
||
|
|
trace("NO KNOWN MEDIA TYPE FOUND");
|
||
|
|
trace(m.type);
|
||
|
|
}
|
||
|
|
|
||
|
|
// WRAP THE MEDIA ELEMENT
|
||
|
|
mediaElem = "<div class='media-container' >" + mediaElem + creditElem + captionElem + "</div>";
|
||
|
|
// RETURN
|
||
|
|
if (isTextMedia) {
|
||
|
|
return "<div class='text-media'><div class='media-wrapper'>" + mediaElem + "</div></div>";
|
||
|
|
} else {
|
||
|
|
return "<div class='media-wrapper'>" + mediaElem + "</div>";
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}).init();
|
||
|
|
}
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.MediaType.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* MediaType
|
||
|
|
Determines the type of media the url string is.
|
||
|
|
returns an object with .type and .id
|
||
|
|
the id is a key piece of information needed to make
|
||
|
|
the request of the api.
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.MediaType == 'undefined') {
|
||
|
|
|
||
|
|
VMM.MediaType = function(_d) {
|
||
|
|
var d = _d.replace(/^\s\s*/, '').replace(/\s\s*$/, ''),
|
||
|
|
success = false,
|
||
|
|
media = {
|
||
|
|
type: "unknown",
|
||
|
|
id: "",
|
||
|
|
start: 0,
|
||
|
|
hd: false,
|
||
|
|
link: "",
|
||
|
|
lang: VMM.Language.lang,
|
||
|
|
uniqueid: VMM.Util.unique_ID(6)
|
||
|
|
};
|
||
|
|
|
||
|
|
if (d.match("div class='twitter'")) {
|
||
|
|
media.type = "twitter-ready";
|
||
|
|
media.id = d;
|
||
|
|
success = true;
|
||
|
|
} else if (d.match('(www.)?youtube|youtu\.be')) {
|
||
|
|
if (d.match('v=')) {
|
||
|
|
media.id = VMM.Util.getUrlVars(d)["v"];
|
||
|
|
} else if (d.match('\/embed\/')) {
|
||
|
|
media.id = d.split("embed\/")[1].split(/[?&]/)[0];
|
||
|
|
} else if (d.match(/v\/|v=|youtu\.be\//)){
|
||
|
|
media.id = d.split(/v\/|v=|youtu\.be\//)[1].split(/[?&]/)[0];
|
||
|
|
} else {
|
||
|
|
trace("YOUTUBE IN URL BUT NOT A VALID VIDEO");
|
||
|
|
}
|
||
|
|
media.start = VMM.Util.getUrlVars(d)["t"];
|
||
|
|
media.hd = VMM.Util.getUrlVars(d)["hd"];
|
||
|
|
media.type = "youtube";
|
||
|
|
success = true;
|
||
|
|
} else if (d.match('(player.)?vimeo\.com')) {
|
||
|
|
media.type = "vimeo";
|
||
|
|
media.id = d.split(/video\/|\/\/vimeo\.com\//)[1].split(/[?&]/)[0];;
|
||
|
|
success = true;
|
||
|
|
} else if (d.match('(www.)?dailymotion\.com')) {
|
||
|
|
media.id = d.split(/video\/|\/\/dailymotion\.com\//)[1];
|
||
|
|
media.type = "dailymotion";
|
||
|
|
success = true;
|
||
|
|
} else if (d.match('(www.)?vine\.co')) {
|
||
|
|
trace("VINE");
|
||
|
|
//https://vine.co/v/b55LOA1dgJU
|
||
|
|
if (d.match("vine.co/v/")) {
|
||
|
|
media.id = d.split("vine.co/v/")[1];
|
||
|
|
trace(media.id);
|
||
|
|
}
|
||
|
|
trace(d);
|
||
|
|
media.type = "vine";
|
||
|
|
success = true;
|
||
|
|
} else if (d.match('(player.)?soundcloud\.com')) {
|
||
|
|
media.type = "soundcloud";
|
||
|
|
media.id = d;
|
||
|
|
success = true;
|
||
|
|
} else if (d.match('(www.)?twitter\.com') && d.match('status') ) {
|
||
|
|
if (d.match("status\/")) {
|
||
|
|
media.id = d.split("status\/")[1];
|
||
|
|
} else if (d.match("statuses\/")) {
|
||
|
|
media.id = d.split("statuses\/")[1];
|
||
|
|
} else {
|
||
|
|
media.id = "";
|
||
|
|
}
|
||
|
|
media.type = "twitter";
|
||
|
|
success = true;
|
||
|
|
} else if (d.match("maps.google") && !d.match("staticmap")) {
|
||
|
|
media.type = "google-map";
|
||
|
|
media.id = d.split(/src=['|"][^'|"]*?['|"]/gi);
|
||
|
|
success = true;
|
||
|
|
} else if (d.match("plus.google")) {
|
||
|
|
media.type = "googleplus";
|
||
|
|
media.id = d.split("/posts/")[1];
|
||
|
|
//https://plus.google.com/u/0/112374836634096795698/posts/bRJSvCb5mUU
|
||
|
|
//https://plus.google.com/107096716333816995401/posts/J5iMpEDHWNL
|
||
|
|
if (d.split("/posts/")[0].match("u/0/")) {
|
||
|
|
media.user = d.split("u/0/")[1].split("/posts")[0];
|
||
|
|
} else {
|
||
|
|
media.user = d.split("google.com/")[1].split("/posts/")[0];
|
||
|
|
}
|
||
|
|
success = true;
|
||
|
|
} else if (d.match("flickr.com/photos")) {
|
||
|
|
media.type = "flickr";
|
||
|
|
media.id = d.split("photos\/")[1].split("/")[1];
|
||
|
|
media.link = d;
|
||
|
|
success = true;
|
||
|
|
} else if (d.match("instagr.am/p/")) {
|
||
|
|
media.type = "instagram";
|
||
|
|
media.link = d;
|
||
|
|
media.id = d.split("\/p\/")[1].split("/")[0];
|
||
|
|
success = true;
|
||
|
|
} else if (d.match(/jpg|jpeg|png|gif/i) || d.match("staticmap") || d.match("yfrog.com") || d.match("twitpic.com")) {
|
||
|
|
media.type = "image";
|
||
|
|
media.id = d;
|
||
|
|
success = true;
|
||
|
|
} else if (VMM.FileExtention.googleDocType(d)) {
|
||
|
|
media.type = "googledoc";
|
||
|
|
media.id = d;
|
||
|
|
success = true;
|
||
|
|
} else if (d.match('(www.)?wikipedia\.org')) {
|
||
|
|
media.type = "wikipedia";
|
||
|
|
//media.id = d.split("wiki\/")[1];
|
||
|
|
var wiki_id = d.split("wiki\/")[1].split("#")[0].replace("_", " ");
|
||
|
|
media.id = wiki_id.replace(" ", "%20");
|
||
|
|
media.lang = d.split("//")[1].split(".wikipedia")[0];
|
||
|
|
success = true;
|
||
|
|
} else if (d.indexOf('http://') == 0) {
|
||
|
|
media.type = "website";
|
||
|
|
media.id = d;
|
||
|
|
success = true;
|
||
|
|
} else if (d.match('storify')) {
|
||
|
|
media.type = "storify";
|
||
|
|
media.id = d;
|
||
|
|
success = true;
|
||
|
|
} else if (d.match('blockquote')) {
|
||
|
|
media.type = "quote";
|
||
|
|
media.id = d;
|
||
|
|
success = true;
|
||
|
|
} else if (d.match('iframe')) {
|
||
|
|
media.type = "iframe";
|
||
|
|
trace("IFRAME")
|
||
|
|
trace( d.match(/src\=([^\s]*)\s/)[1].split(/"/)[1]);
|
||
|
|
media.id = d.match(/src\=([^\s]*)\s/)[1].split(/"/)[1];
|
||
|
|
success = true;
|
||
|
|
} else {
|
||
|
|
trace("unknown media");
|
||
|
|
media.type = "unknown";
|
||
|
|
media.id = d;
|
||
|
|
success = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (success) {
|
||
|
|
return media;
|
||
|
|
} else {
|
||
|
|
trace("No valid media id detected");
|
||
|
|
trace(d);
|
||
|
|
}
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.TextElement.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* TextElement
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.TextElement == 'undefined') {
|
||
|
|
|
||
|
|
VMM.TextElement = ({
|
||
|
|
|
||
|
|
init: function() {
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
create: function(data) {
|
||
|
|
return data;
|
||
|
|
}
|
||
|
|
|
||
|
|
}).init();
|
||
|
|
}
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Media.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* Media
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
/* * CodeKit Import
|
||
|
|
* http://incident57.com/codekit/
|
||
|
|
================================================== */
|
||
|
|
// @codekit-prepend "VMM.ExternalAPI.js";
|
||
|
|
// @codekit-prepend "VMM.MediaElement.js";
|
||
|
|
// @codekit-prepend "VMM.MediaType.js";
|
||
|
|
// @codekit-prepend "VMM.TextElement.js";
|
||
|
|
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.DragSlider.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* DRAG SLIDER
|
||
|
|
================================================== */
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.DragSlider == 'undefined') {
|
||
|
|
|
||
|
|
VMM.DragSlider = function() {
|
||
|
|
var drag = {
|
||
|
|
element: "",
|
||
|
|
element_move: "",
|
||
|
|
constraint: "",
|
||
|
|
sliding: false,
|
||
|
|
pagex: {
|
||
|
|
start: 0,
|
||
|
|
end: 0
|
||
|
|
},
|
||
|
|
pagey: {
|
||
|
|
start: 0,
|
||
|
|
end: 0
|
||
|
|
},
|
||
|
|
left: {
|
||
|
|
start: 0,
|
||
|
|
end: 0
|
||
|
|
},
|
||
|
|
time: {
|
||
|
|
start: 0,
|
||
|
|
end: 0
|
||
|
|
},
|
||
|
|
touch: false,
|
||
|
|
ease: "easeOutExpo"
|
||
|
|
},
|
||
|
|
dragevent = {
|
||
|
|
down: "mousedown",
|
||
|
|
up: "mouseup",
|
||
|
|
leave: "mouseleave",
|
||
|
|
move: "mousemove"
|
||
|
|
},
|
||
|
|
mousedrag = {
|
||
|
|
down: "mousedown",
|
||
|
|
up: "mouseup",
|
||
|
|
leave: "mouseleave",
|
||
|
|
move: "mousemove"
|
||
|
|
},
|
||
|
|
touchdrag = {
|
||
|
|
down: "touchstart",
|
||
|
|
up: "touchend",
|
||
|
|
leave: "mouseleave",
|
||
|
|
move: "touchmove"
|
||
|
|
},
|
||
|
|
dragslider = this,
|
||
|
|
is_sticky = false;
|
||
|
|
|
||
|
|
/* PUBLIC FUNCTIONS
|
||
|
|
================================================== */
|
||
|
|
this.createPanel = function(drag_object, move_object, constraint, touch, sticky) {
|
||
|
|
drag.element = drag_object;
|
||
|
|
drag.element_move = move_object;
|
||
|
|
//dragslider = drag_object;
|
||
|
|
if ( sticky != null && sticky != "") {
|
||
|
|
is_sticky = sticky;
|
||
|
|
}
|
||
|
|
if ( constraint != null && constraint != "") {
|
||
|
|
drag.constraint = constraint;
|
||
|
|
} else {
|
||
|
|
drag.constraint = false;
|
||
|
|
}
|
||
|
|
if ( touch) {
|
||
|
|
drag.touch = touch;
|
||
|
|
} else {
|
||
|
|
drag.touch = false;
|
||
|
|
}
|
||
|
|
trace("TOUCH" + drag.touch);
|
||
|
|
if (drag.touch) {
|
||
|
|
dragevent = touchdrag;
|
||
|
|
} else {
|
||
|
|
dragevent = mousedrag;
|
||
|
|
}
|
||
|
|
|
||
|
|
makeDraggable(drag.element, drag.element_move);
|
||
|
|
}
|
||
|
|
|
||
|
|
this.updateConstraint = function(constraint) {
|
||
|
|
trace("updateConstraint");
|
||
|
|
drag.constraint = constraint;
|
||
|
|
}
|
||
|
|
|
||
|
|
this.cancelSlide = function(e) {
|
||
|
|
VMM.unbindEvent(drag.element, onDragMove, dragevent.move);
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* PRIVATE FUNCTIONS
|
||
|
|
================================================== */
|
||
|
|
function makeDraggable(drag_object, move_object) {
|
||
|
|
|
||
|
|
VMM.bindEvent(drag_object, onDragStart, dragevent.down, {element: move_object, delement: drag_object});
|
||
|
|
VMM.bindEvent(drag_object, onDragEnd, dragevent.up, {element: move_object, delement: drag_object});
|
||
|
|
VMM.bindEvent(drag_object, onDragLeave, dragevent.leave, {element: move_object, delement: drag_object});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function onDragLeave(e) {
|
||
|
|
VMM.unbindEvent(e.data.delement, onDragMove, dragevent.move);
|
||
|
|
if (!drag.touch) {
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
e.stopPropagation();
|
||
|
|
if (drag.sliding) {
|
||
|
|
drag.sliding = false;
|
||
|
|
dragEnd(e.data.element, e.data.delement, e);
|
||
|
|
return false;
|
||
|
|
} else {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function onDragStart(e) {
|
||
|
|
dragStart(e.data.element, e.data.delement, e);
|
||
|
|
if (!drag.touch) {
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
//e.stopPropagation();
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
|
||
|
|
function onDragEnd(e) {
|
||
|
|
if (!drag.touch) {
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
//e.stopPropagation();
|
||
|
|
if (drag.sliding) {
|
||
|
|
drag.sliding = false;
|
||
|
|
dragEnd(e.data.element, e.data.delement, e);
|
||
|
|
return false;
|
||
|
|
} else {
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function onDragMove(e) {
|
||
|
|
dragMove(e.data.element, e);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function dragStart(elem, delem, e) {
|
||
|
|
if (drag.touch) {
|
||
|
|
trace("IS TOUCH")
|
||
|
|
VMM.Lib.css(elem, '-webkit-transition-duration', '0');
|
||
|
|
drag.pagex.start = e.originalEvent.touches[0].screenX;
|
||
|
|
drag.pagey.start = e.originalEvent.touches[0].screenY;
|
||
|
|
} else {
|
||
|
|
drag.pagex.start = e.pageX;
|
||
|
|
drag.pagey.start = e.pageY;
|
||
|
|
}
|
||
|
|
drag.left.start = getLeft(elem);
|
||
|
|
drag.time.start = new Date().getTime();
|
||
|
|
|
||
|
|
VMM.Lib.stop(elem);
|
||
|
|
VMM.bindEvent(delem, onDragMove, dragevent.move, {element: elem});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function dragEnd(elem, delem, e) {
|
||
|
|
VMM.unbindEvent(delem, onDragMove, dragevent.move);
|
||
|
|
dragMomentum(elem, e);
|
||
|
|
}
|
||
|
|
|
||
|
|
function dragMove(elem, e) {
|
||
|
|
var drag_to, drag_to_y;
|
||
|
|
drag.sliding = true;
|
||
|
|
if (drag.touch) {
|
||
|
|
drag.pagex.end = e.originalEvent.touches[0].screenX;
|
||
|
|
drag.pagey.end = e.originalEvent.touches[0].screenY;
|
||
|
|
} else {
|
||
|
|
drag.pagex.end = e.pageX;
|
||
|
|
drag.pagey.end = e.pageY;
|
||
|
|
}
|
||
|
|
|
||
|
|
drag.left.end = getLeft(elem);
|
||
|
|
drag_to = -(drag.pagex.start - drag.pagex.end - drag.left.start);
|
||
|
|
|
||
|
|
|
||
|
|
if (Math.abs(drag.pagey.start) - Math.abs(drag.pagey.end) > 10) {
|
||
|
|
trace("SCROLLING Y")
|
||
|
|
trace(Math.abs(drag.pagey.start) - Math.abs(drag.pagey.end));
|
||
|
|
}
|
||
|
|
if (Math.abs(drag_to - drag.left.start) > 10) {
|
||
|
|
VMM.Lib.css(elem, 'left', drag_to);
|
||
|
|
e.preventDefault();
|
||
|
|
e.stopPropagation();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function dragMomentum(elem, e) {
|
||
|
|
var drag_info = {
|
||
|
|
left: drag.left.end,
|
||
|
|
left_adjust: 0,
|
||
|
|
change: {
|
||
|
|
x: 0
|
||
|
|
},
|
||
|
|
time: (new Date().getTime() - drag.time.start) * 10,
|
||
|
|
time_adjust: (new Date().getTime() - drag.time.start) * 10
|
||
|
|
},
|
||
|
|
multiplier = 3000;
|
||
|
|
|
||
|
|
if (drag.touch) {
|
||
|
|
multiplier = 6000;
|
||
|
|
}
|
||
|
|
|
||
|
|
drag_info.change.x = multiplier * (Math.abs(drag.pagex.end) - Math.abs(drag.pagex.start));
|
||
|
|
|
||
|
|
|
||
|
|
drag_info.left_adjust = Math.round(drag_info.change.x / drag_info.time);
|
||
|
|
|
||
|
|
drag_info.left = Math.min(drag_info.left + drag_info.left_adjust);
|
||
|
|
|
||
|
|
if (drag.constraint) {
|
||
|
|
if (drag_info.left > drag.constraint.left) {
|
||
|
|
drag_info.left = drag.constraint.left;
|
||
|
|
if (drag_info.time > 5000) {
|
||
|
|
drag_info.time = 5000;
|
||
|
|
}
|
||
|
|
} else if (drag_info.left < drag.constraint.right) {
|
||
|
|
drag_info.left = drag.constraint.right;
|
||
|
|
if (drag_info.time > 5000) {
|
||
|
|
drag_info.time = 5000;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
VMM.fireEvent(dragslider, "DRAGUPDATE", [drag_info]);
|
||
|
|
|
||
|
|
if (!is_sticky) {
|
||
|
|
if (drag_info.time > 0) {
|
||
|
|
if (drag.touch) {
|
||
|
|
VMM.Lib.animate(elem, drag_info.time, "easeOutCirc", {"left": drag_info.left});
|
||
|
|
} else {
|
||
|
|
VMM.Lib.animate(elem, drag_info.time, drag.ease, {"left": drag_info.left});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function getLeft(elem) {
|
||
|
|
return parseInt(VMM.Lib.css(elem, 'left').substring(0, VMM.Lib.css(elem, 'left').length - 2), 10);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Slider.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* Slider
|
||
|
|
================================================== */
|
||
|
|
/* * CodeKit Import
|
||
|
|
* http://incident57.com/codekit/
|
||
|
|
================================================== */
|
||
|
|
// @codekit-append "VMM.Slider.Slide.js";
|
||
|
|
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.Slider == 'undefined') {
|
||
|
|
|
||
|
|
VMM.Slider = function(parent, parent_config) {
|
||
|
|
|
||
|
|
var config,
|
||
|
|
timer,
|
||
|
|
$slider,
|
||
|
|
$slider_mask,
|
||
|
|
$slider_container,
|
||
|
|
$slides_items,
|
||
|
|
$dragslide,
|
||
|
|
$explainer,
|
||
|
|
events = {},
|
||
|
|
data = [],
|
||
|
|
slides = [],
|
||
|
|
slide_positions = [],
|
||
|
|
slides_content = "",
|
||
|
|
current_slide = 0,
|
||
|
|
current_width = 960,
|
||
|
|
touch = {
|
||
|
|
move: false,
|
||
|
|
x: 10,
|
||
|
|
y: 0,
|
||
|
|
off: 0,
|
||
|
|
dampen: 48
|
||
|
|
},
|
||
|
|
content = "",
|
||
|
|
_active = false,
|
||
|
|
layout = parent,
|
||
|
|
navigation = {
|
||
|
|
nextBtn: "",
|
||
|
|
prevBtn: "",
|
||
|
|
nextDate: "",
|
||
|
|
prevDate: "",
|
||
|
|
nextTitle: "",
|
||
|
|
prevTitle: ""
|
||
|
|
};
|
||
|
|
|
||
|
|
// CONFIG
|
||
|
|
if(typeof parent_config != 'undefined') {
|
||
|
|
config = parent_config;
|
||
|
|
} else {
|
||
|
|
config = {
|
||
|
|
preload: 4,
|
||
|
|
current_slide: 0,
|
||
|
|
interval: 10,
|
||
|
|
something: 0,
|
||
|
|
width: 720,
|
||
|
|
height: 400,
|
||
|
|
ease: "easeInOutExpo",
|
||
|
|
duration: 1000,
|
||
|
|
timeline: false,
|
||
|
|
spacing: 15,
|
||
|
|
slider: {
|
||
|
|
width: 720,
|
||
|
|
height: 400,
|
||
|
|
content: {
|
||
|
|
width: 720,
|
||
|
|
height: 400,
|
||
|
|
padding: 120,
|
||
|
|
padding_default: 120
|
||
|
|
},
|
||
|
|
nav: {
|
||
|
|
width: 100,
|
||
|
|
height: 200
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
/* PUBLIC VARS
|
||
|
|
================================================== */
|
||
|
|
this.ver = "0.6";
|
||
|
|
|
||
|
|
config.slider.width = config.width;
|
||
|
|
config.slider.height = config.height;
|
||
|
|
|
||
|
|
/* PUBLIC FUNCTIONS
|
||
|
|
================================================== */
|
||
|
|
this.init = function(d) {
|
||
|
|
slides = [];
|
||
|
|
slide_positions = [];
|
||
|
|
|
||
|
|
if(typeof d != 'undefined') {
|
||
|
|
this.setData(d);
|
||
|
|
} else {
|
||
|
|
trace("WAITING ON DATA");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.width = function(w) {
|
||
|
|
if (w != null && w != "") {
|
||
|
|
config.slider.width = w;
|
||
|
|
reSize();
|
||
|
|
} else {
|
||
|
|
return config.slider.width;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
this.height = function(h) {
|
||
|
|
if (h != null && h != "") {
|
||
|
|
config.slider.height = h;
|
||
|
|
reSize();
|
||
|
|
} else {
|
||
|
|
return config.slider.height;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* GETTERS AND SETTERS
|
||
|
|
================================================== */
|
||
|
|
this.setData = function(d) {
|
||
|
|
if(typeof d != 'undefined') {
|
||
|
|
data = d;
|
||
|
|
build();
|
||
|
|
} else{
|
||
|
|
trace("NO DATA");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.getData = function() {
|
||
|
|
return data;
|
||
|
|
};
|
||
|
|
|
||
|
|
this.setConfig = function(d) {
|
||
|
|
if(typeof d != 'undefined') {
|
||
|
|
config = d;
|
||
|
|
} else{
|
||
|
|
trace("NO CONFIG DATA");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
this.getConfig = function() {
|
||
|
|
return config;
|
||
|
|
};
|
||
|
|
|
||
|
|
this.setSize = function(w, h) {
|
||
|
|
if (w != null) {config.slider.width = w};
|
||
|
|
if (h != null) {config.slider.height = h};
|
||
|
|
if (_active) {
|
||
|
|
reSize();
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
this.active = function() {
|
||
|
|
return _active;
|
||
|
|
};
|
||
|
|
|
||
|
|
this.getCurrentNumber = function() {
|
||
|
|
return current_slide;
|
||
|
|
};
|
||
|
|
|
||
|
|
this.setSlide = function(n) {
|
||
|
|
goToSlide(n);
|
||
|
|
};
|
||
|
|
|
||
|
|
/* ON EVENT
|
||
|
|
================================================== */
|
||
|
|
function onConfigSet() {
|
||
|
|
trace("onConfigSet");
|
||
|
|
};
|
||
|
|
|
||
|
|
function reSize(go_to_slide, from_start) {
|
||
|
|
var _go_to_slide = true,
|
||
|
|
_from_start = false;
|
||
|
|
|
||
|
|
if (go_to_slide != null) {_go_to_slide = go_to_slide};
|
||
|
|
if (from_start != null) {_from_start = from_start};
|
||
|
|
|
||
|
|
current_width = config.slider.width;
|
||
|
|
|
||
|
|
config.slider.nav.height = VMM.Lib.height(navigation.prevBtnContainer);
|
||
|
|
|
||
|
|
// Handle smaller sizes
|
||
|
|
if (VMM.Browser.device == "mobile" || current_width <= 640) {
|
||
|
|
config.slider.content.padding = 10;
|
||
|
|
} else {
|
||
|
|
config.slider.content.padding = config.slider.content.padding_default;
|
||
|
|
}
|
||
|
|
|
||
|
|
config.slider.content.width = current_width - (config.slider.content.padding *2);
|
||
|
|
|
||
|
|
VMM.Lib.width($slides_items, (slides.length * config.slider.content.width));
|
||
|
|
|
||
|
|
if (_from_start) {
|
||
|
|
VMM.Lib.css($slider_container, "left", slides[current_slide].leftpos());
|
||
|
|
}
|
||
|
|
|
||
|
|
// RESIZE SLIDES
|
||
|
|
sizeSlides();
|
||
|
|
|
||
|
|
// POSITION SLIDES
|
||
|
|
positionSlides();
|
||
|
|
|
||
|
|
// POSITION NAV
|
||
|
|
VMM.Lib.css(navigation.nextBtn, "left", (current_width - config.slider.nav.width));
|
||
|
|
VMM.Lib.height(navigation.prevBtn, config.slider.height);
|
||
|
|
VMM.Lib.height(navigation.nextBtn, config.slider.height);
|
||
|
|
VMM.Lib.css(navigation.nextBtnContainer, "top", ( (config.slider.height/2) - (config.slider.nav.height/2) ) + 10 );
|
||
|
|
VMM.Lib.css(navigation.prevBtnContainer, "top", ( (config.slider.height/2) - (config.slider.nav.height/2) ) + 10 );
|
||
|
|
|
||
|
|
// Animate Changes
|
||
|
|
VMM.Lib.height($slider_mask, config.slider.height);
|
||
|
|
VMM.Lib.width($slider_mask, current_width);
|
||
|
|
|
||
|
|
if (_go_to_slide) {
|
||
|
|
goToSlide(current_slide, "linear", 1);
|
||
|
|
};
|
||
|
|
|
||
|
|
if (current_slide == 0) {
|
||
|
|
VMM.Lib.visible(navigation.prevBtn, false);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function onDragFinish(e, d) {
|
||
|
|
trace("DRAG FINISH");
|
||
|
|
trace(d.left_adjust);
|
||
|
|
trace((config.slider.width / 2));
|
||
|
|
|
||
|
|
if (d.left_adjust < 0 ) {
|
||
|
|
if (Math.abs(d.left_adjust) > (config.slider.width / 2) ) {
|
||
|
|
//onNextClick(e);
|
||
|
|
if (current_slide == slides.length - 1) {
|
||
|
|
backToCurrentSlide();
|
||
|
|
} else {
|
||
|
|
goToSlide(current_slide+1, "easeOutExpo");
|
||
|
|
upDate();
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
backToCurrentSlide();
|
||
|
|
|
||
|
|
}
|
||
|
|
} else if (Math.abs(d.left_adjust) > (config.slider.width / 2) ) {
|
||
|
|
if (current_slide == 0) {
|
||
|
|
backToCurrentSlide();
|
||
|
|
} else {
|
||
|
|
goToSlide(current_slide-1, "easeOutExpo");
|
||
|
|
upDate();
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
backToCurrentSlide();
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
/* NAVIGATION
|
||
|
|
================================================== */
|
||
|
|
function onNextClick(e) {
|
||
|
|
if (current_slide == slides.length - 1) {
|
||
|
|
backToCurrentSlide();
|
||
|
|
} else {
|
||
|
|
goToSlide(current_slide+1);
|
||
|
|
upDate();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function onPrevClick(e) {
|
||
|
|
if (current_slide == 0) {
|
||
|
|
backToCurrentSlide();
|
||
|
|
} else {
|
||
|
|
goToSlide(current_slide-1);
|
||
|
|
upDate();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function onKeypressNav(e) {
|
||
|
|
switch(e.keyCode) {
|
||
|
|
case 39:
|
||
|
|
// RIGHT ARROW
|
||
|
|
onNextClick(e);
|
||
|
|
break;
|
||
|
|
case 37:
|
||
|
|
// LEFT ARROW
|
||
|
|
onPrevClick(e);
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function onTouchUpdate(e, b) {
|
||
|
|
if (slide_positions.length == 0) {
|
||
|
|
for(var i = 0; i < slides.length; i++) {
|
||
|
|
slide_positions.push( slides[i].leftpos() );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (typeof b.left == "number") {
|
||
|
|
var _pos = b.left;
|
||
|
|
var _slide_pos = -(slides[current_slide].leftpos());
|
||
|
|
if (_pos < _slide_pos - (config.slider_width/3)) {
|
||
|
|
onNextClick();
|
||
|
|
} else if (_pos > _slide_pos + (config.slider_width/3)) {
|
||
|
|
onPrevClick();
|
||
|
|
} else {
|
||
|
|
VMM.Lib.animate($slider_container, config.duration, config.ease, {"left": _slide_pos });
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
VMM.Lib.animate($slider_container, config.duration, config.ease, {"left": _slide_pos });
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof b.top == "number") {
|
||
|
|
VMM.Lib.animate($slider_container, config.duration, config.ease, {"top": -b.top});
|
||
|
|
} else {
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function onExplainerClick(e) {
|
||
|
|
detachMessege();
|
||
|
|
}
|
||
|
|
|
||
|
|
/* UPDATE
|
||
|
|
================================================== */
|
||
|
|
function upDate() {
|
||
|
|
config.current_slide = current_slide;
|
||
|
|
VMM.fireEvent(layout, "UPDATE");
|
||
|
|
};
|
||
|
|
|
||
|
|
/* GET DATA
|
||
|
|
================================================== */
|
||
|
|
function getData(d) {
|
||
|
|
data = d;
|
||
|
|
};
|
||
|
|
|
||
|
|
/* BUILD SLIDES
|
||
|
|
================================================== */
|
||
|
|
function buildSlides(d) {
|
||
|
|
var i = 0;
|
||
|
|
|
||
|
|
VMM.attachElement($slides_items, "");
|
||
|
|
slides = [];
|
||
|
|
|
||
|
|
for(i = 0; i < d.length; i++) {
|
||
|
|
var _slide = new VMM.Slider.Slide(d[i], $slides_items);
|
||
|
|
//_slide.show();
|
||
|
|
slides.push(_slide);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function preloadSlides(skip) {
|
||
|
|
var i = 0;
|
||
|
|
|
||
|
|
if (skip) {
|
||
|
|
preloadTimeOutSlides();
|
||
|
|
} else {
|
||
|
|
for(i = 0; i < slides.length; i++) {
|
||
|
|
slides[i].clearTimers();
|
||
|
|
}
|
||
|
|
timer = setTimeout(preloadTimeOutSlides, config.duration);
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function preloadTimeOutSlides() {
|
||
|
|
var i = 0;
|
||
|
|
|
||
|
|
for(i = 0; i < slides.length; i++) {
|
||
|
|
slides[i].enqueue = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
for(i = 0; i < config.preload; i++) {
|
||
|
|
if ( !((current_slide + i) > slides.length - 1)) {
|
||
|
|
slides[current_slide + i].show();
|
||
|
|
slides[current_slide + i].enqueue = false;
|
||
|
|
}
|
||
|
|
if ( !( (current_slide - i) < 0 ) ) {
|
||
|
|
slides[current_slide - i].show();
|
||
|
|
slides[current_slide - i].enqueue = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (slides.length > 50) {
|
||
|
|
for(i = 0; i < slides.length; i++) {
|
||
|
|
if (slides[i].enqueue) {
|
||
|
|
slides[i].hide();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
sizeSlides();
|
||
|
|
}
|
||
|
|
|
||
|
|
function sizeSlide(slide_id) {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* SIZE SLIDES
|
||
|
|
================================================== */
|
||
|
|
function sizeSlides() {
|
||
|
|
var i = 0,
|
||
|
|
layout_text_media = ".slider-item .layout-text-media .media .media-container ",
|
||
|
|
layout_media = ".slider-item .layout-media .media .media-container ",
|
||
|
|
layout_both = ".slider-item .media .media-container",
|
||
|
|
layout_caption = ".slider-item .media .media-container .media-shadow .caption",
|
||
|
|
is_skinny = false,
|
||
|
|
mediasize = {
|
||
|
|
text_media: {
|
||
|
|
width: (config.slider.content.width/100) * 60,
|
||
|
|
height: config.slider.height - 60,
|
||
|
|
video: {
|
||
|
|
width: 0,
|
||
|
|
height: 0
|
||
|
|
},
|
||
|
|
text: {
|
||
|
|
width: ((config.slider.content.width/100) * 40) - 30,
|
||
|
|
height: config.slider.height
|
||
|
|
}
|
||
|
|
},
|
||
|
|
media: {
|
||
|
|
width: config.slider.content.width,
|
||
|
|
height: config.slider.height - 110,
|
||
|
|
video: {
|
||
|
|
width: 0,
|
||
|
|
height: 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
// Handle smaller sizes
|
||
|
|
if (VMM.Browser.device == "mobile" || current_width < 641) {
|
||
|
|
is_skinny = true;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
VMM.master_config.sizes.api.width = mediasize.media.width;
|
||
|
|
VMM.master_config.sizes.api.height = mediasize.media.height;
|
||
|
|
|
||
|
|
mediasize.text_media.video = VMM.Util.ratio.fit(mediasize.text_media.width, mediasize.text_media.height, 16, 9);
|
||
|
|
mediasize.media.video = VMM.Util.ratio.fit(mediasize.media.width, mediasize.media.height, 16, 9);
|
||
|
|
|
||
|
|
VMM.Lib.css(".slider-item", "width", config.slider.content.width );
|
||
|
|
VMM.Lib.height(".slider-item", config.slider.height);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
if (is_skinny) {
|
||
|
|
|
||
|
|
mediasize.text_media.width = config.slider.content.width - (config.slider.content.padding*2);
|
||
|
|
mediasize.media.width = config.slider.content.width - (config.slider.content.padding*2);
|
||
|
|
mediasize.text_media.height = ((config.slider.height/100) * 50 ) - 50;
|
||
|
|
mediasize.media.height = ((config.slider.height/100) * 70 ) - 40;
|
||
|
|
|
||
|
|
mediasize.text_media.video = VMM.Util.ratio.fit(mediasize.text_media.width, mediasize.text_media.height, 16, 9);
|
||
|
|
mediasize.media.video = VMM.Util.ratio.fit(mediasize.media.width, mediasize.media.height, 16, 9);
|
||
|
|
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .text", "width", "100%" );
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .text", "display", "block" );
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .text .container", "display", "block" );
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .text .container", "width", mediasize.media.width );
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .text .container .start", "width", "auto" );
|
||
|
|
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .media", "float", "none" );
|
||
|
|
VMM.Lib.addClass(".slider-item .content-container", "pad-top");
|
||
|
|
|
||
|
|
VMM.Lib.css(".slider-item .media blockquote p", "line-height", "18px" );
|
||
|
|
VMM.Lib.css(".slider-item .media blockquote p", "font-size", "16px" );
|
||
|
|
|
||
|
|
VMM.Lib.css(".slider-item", "overflow-y", "auto" );
|
||
|
|
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .text", "width", "40%" );
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .text", "display", "table-cell" );
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .text .container", "display", "table-cell" );
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .text .container", "width", "auto" );
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .text .container .start", "width", mediasize.text_media.text.width );
|
||
|
|
//VMM.Lib.addClass(".slider-item .content-container", "pad-left");
|
||
|
|
VMM.Lib.removeClass(".slider-item .content-container", "pad-top");
|
||
|
|
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media .media", "float", "left" );
|
||
|
|
VMM.Lib.css(".slider-item .layout-text-media", "display", "table" );
|
||
|
|
|
||
|
|
VMM.Lib.css(".slider-item .media blockquote p", "line-height", "36px" );
|
||
|
|
VMM.Lib.css(".slider-item .media blockquote p", "font-size", "28px" );
|
||
|
|
|
||
|
|
VMM.Lib.css(".slider-item", "display", "table" );
|
||
|
|
VMM.Lib.css(".slider-item", "overflow-y", "auto" );
|
||
|
|
}
|
||
|
|
|
||
|
|
// MEDIA FRAME
|
||
|
|
VMM.Lib.css( layout_text_media + ".media-frame", "max-width", mediasize.text_media.width);
|
||
|
|
VMM.Lib.height( layout_text_media + ".media-frame", mediasize.text_media.height);
|
||
|
|
VMM.Lib.width( layout_text_media + ".media-frame", mediasize.text_media.width);
|
||
|
|
|
||
|
|
// WEBSITES
|
||
|
|
//VMM.Lib.css( layout_both + ".website", "max-width", 300 );
|
||
|
|
|
||
|
|
// IMAGES
|
||
|
|
VMM.Lib.css( layout_text_media + "img", "max-height", mediasize.text_media.height );
|
||
|
|
VMM.Lib.css( layout_media + "img", "max-height", mediasize.media.height );
|
||
|
|
|
||
|
|
// FIX FOR NON-WEBKIT BROWSERS
|
||
|
|
VMM.Lib.css( layout_text_media + "img", "max-width", mediasize.text_media.width );
|
||
|
|
VMM.Lib.css( layout_text_media + ".avatar img", "max-width", 32 );
|
||
|
|
VMM.Lib.css( layout_text_media + ".avatar img", "max-height", 32 );
|
||
|
|
VMM.Lib.css( layout_media + ".avatar img", "max-width", 32 );
|
||
|
|
VMM.Lib.css( layout_media + ".avatar img", "max-height", 32 );
|
||
|
|
|
||
|
|
VMM.Lib.css( layout_text_media + ".article-thumb", "max-width", "50%" );
|
||
|
|
//VMM.Lib.css( layout_text_media + ".article-thumb", "max-height", 100 );
|
||
|
|
VMM.Lib.css( layout_media + ".article-thumb", "max-width", 200 );
|
||
|
|
//VMM.Lib.css( layout_media + ".article-thumb", "max-height", 100 );
|
||
|
|
|
||
|
|
|
||
|
|
// IFRAME FULL SIZE VIDEO
|
||
|
|
VMM.Lib.width( layout_text_media + ".media-frame", mediasize.text_media.video.width);
|
||
|
|
VMM.Lib.height( layout_text_media + ".media-frame", mediasize.text_media.video.height);
|
||
|
|
VMM.Lib.width( layout_media + ".media-frame", mediasize.media.video.width);
|
||
|
|
VMM.Lib.height( layout_media + ".media-frame", mediasize.media.video.height);
|
||
|
|
VMM.Lib.css( layout_media + ".media-frame", "max-height", mediasize.media.video.height);
|
||
|
|
VMM.Lib.css( layout_media + ".media-frame", "max-width", mediasize.media.video.width);
|
||
|
|
|
||
|
|
// SOUNDCLOUD
|
||
|
|
VMM.Lib.height( layout_media + ".soundcloud", 168);
|
||
|
|
VMM.Lib.height( layout_text_media + ".soundcloud", 168);
|
||
|
|
VMM.Lib.width( layout_media + ".soundcloud", mediasize.media.width);
|
||
|
|
VMM.Lib.width( layout_text_media + ".soundcloud", mediasize.text_media.width);
|
||
|
|
VMM.Lib.css( layout_both + ".soundcloud", "max-height", 168 );
|
||
|
|
|
||
|
|
// MAPS
|
||
|
|
VMM.Lib.height( layout_text_media + ".map", mediasize.text_media.height);
|
||
|
|
VMM.Lib.width( layout_text_media + ".map", mediasize.text_media.width);
|
||
|
|
VMM.Lib.css( layout_media + ".map", "max-height", mediasize.media.height);
|
||
|
|
VMM.Lib.width( layout_media + ".map", mediasize.media.width);
|
||
|
|
|
||
|
|
|
||
|
|
// DOCS
|
||
|
|
VMM.Lib.height( layout_text_media + ".doc", mediasize.text_media.height);
|
||
|
|
VMM.Lib.width( layout_text_media + ".doc", mediasize.text_media.width);
|
||
|
|
VMM.Lib.height( layout_media + ".doc", mediasize.media.height);
|
||
|
|
VMM.Lib.width( layout_media + ".doc", mediasize.media.width);
|
||
|
|
|
||
|
|
// IE8 NEEDS THIS
|
||
|
|
VMM.Lib.width( layout_media + ".wikipedia", mediasize.media.width);
|
||
|
|
VMM.Lib.width( layout_media + ".twitter", mediasize.media.width);
|
||
|
|
VMM.Lib.width( layout_media + ".plain-text-quote", mediasize.media.width);
|
||
|
|
VMM.Lib.width( layout_media + ".plain-text", mediasize.media.width);
|
||
|
|
|
||
|
|
VMM.Lib.css( layout_both, "max-width", mediasize.media.width);
|
||
|
|
|
||
|
|
|
||
|
|
// CAPTION WIDTH
|
||
|
|
VMM.Lib.css( layout_text_media + ".caption", "max-width", mediasize.text_media.video.width);
|
||
|
|
VMM.Lib.css( layout_media + ".caption", "max-width", mediasize.media.video.width);
|
||
|
|
//VMM.Lib.css( layout_text_media + ".caption", "max-width", mediasize.text_media.width);
|
||
|
|
//VMM.Lib.css( layout_media + ".caption", "max-width", mediasize.media.width);
|
||
|
|
|
||
|
|
// MAINTAINS VERTICAL CENTER IF IT CAN
|
||
|
|
for(i = 0; i < slides.length; i++) {
|
||
|
|
|
||
|
|
slides[i].layout(is_skinny);
|
||
|
|
|
||
|
|
if (slides[i].content_height() > config.slider.height + 20) {
|
||
|
|
slides[i].css("display", "block");
|
||
|
|
} else {
|
||
|
|
slides[i].css("display", "table");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* POSITION SLIDES
|
||
|
|
================================================== */
|
||
|
|
function positionSlides() {
|
||
|
|
var pos = 0,
|
||
|
|
i = 0;
|
||
|
|
|
||
|
|
for(i = 0; i < slides.length; i++) {
|
||
|
|
pos = i * (config.slider.width+config.spacing);
|
||
|
|
slides[i].leftpos(pos);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* OPACITY SLIDES
|
||
|
|
================================================== */
|
||
|
|
function opacitySlides(n) {
|
||
|
|
var _ease = "linear",
|
||
|
|
i = 0;
|
||
|
|
|
||
|
|
for(i = 0; i < slides.length; i++) {
|
||
|
|
if (i == current_slide) {
|
||
|
|
slides[i].animate(config.duration, _ease, {"opacity": 1});
|
||
|
|
} else if (i == current_slide - 1 || i == current_slide + 1) {
|
||
|
|
slides[i].animate(config.duration, _ease, {"opacity": 0.1});
|
||
|
|
} else {
|
||
|
|
slides[i].opacity(n);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* GO TO SLIDE
|
||
|
|
goToSlide(n, ease, duration);
|
||
|
|
================================================== */
|
||
|
|
function goToSlide(n, ease, duration, fast, firstrun) {
|
||
|
|
var _ease = config.ease,
|
||
|
|
_duration = config.duration,
|
||
|
|
is_last = false,
|
||
|
|
is_first = false,
|
||
|
|
_title = "",
|
||
|
|
_pos;
|
||
|
|
|
||
|
|
/* STOP ANY VIDEO PLAYERS ACTIVE
|
||
|
|
================================================== */
|
||
|
|
VMM.ExternalAPI.youtube.stopPlayers();
|
||
|
|
|
||
|
|
// Set current slide
|
||
|
|
current_slide = n;
|
||
|
|
_pos = slides[current_slide].leftpos();
|
||
|
|
|
||
|
|
|
||
|
|
if (current_slide == 0) {is_first = true};
|
||
|
|
if (current_slide +1 >= slides.length) {is_last = true};
|
||
|
|
if (ease != null && ease != "") {_ease = ease};
|
||
|
|
if (duration != null && duration != "") {_duration = duration};
|
||
|
|
|
||
|
|
/* NAVIGATION
|
||
|
|
set proper nav titles and dates etc.
|
||
|
|
================================================== */
|
||
|
|
// Handle smaller sizes
|
||
|
|
if (VMM.Browser.device == "mobile") {
|
||
|
|
//if (VMM.Browser.device == "mobile" || current_width <= 640) {
|
||
|
|
VMM.Lib.visible(navigation.prevBtn, false);
|
||
|
|
VMM.Lib.visible(navigation.nextBtn, false);
|
||
|
|
} else {
|
||
|
|
if (is_first) {
|
||
|
|
VMM.Lib.visible(navigation.prevBtn, false);
|
||
|
|
} else {
|
||
|
|
VMM.Lib.visible(navigation.prevBtn, true);
|
||
|
|
_title = VMM.Util.unlinkify(data[current_slide - 1].title)
|
||
|
|
if (config.type == "timeline") {
|
||
|
|
if(typeof data[current_slide - 1].date === "undefined") {
|
||
|
|
VMM.attachElement(navigation.prevDate, _title);
|
||
|
|
VMM.attachElement(navigation.prevTitle, "");
|
||
|
|
} else {
|
||
|
|
VMM.attachElement(navigation.prevDate, VMM.Date.prettyDate(data[current_slide - 1].startdate, false, data[current_slide - 1].precisiondate));
|
||
|
|
VMM.attachElement(navigation.prevTitle, _title);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
VMM.attachElement(navigation.prevTitle, _title);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
if (is_last) {
|
||
|
|
VMM.Lib.visible(navigation.nextBtn, false);
|
||
|
|
} else {
|
||
|
|
VMM.Lib.visible(navigation.nextBtn, true);
|
||
|
|
_title = VMM.Util.unlinkify(data[current_slide + 1].title);
|
||
|
|
if (config.type == "timeline") {
|
||
|
|
if(typeof data[current_slide + 1].date === "undefined") {
|
||
|
|
VMM.attachElement(navigation.nextDate, _title);
|
||
|
|
VMM.attachElement(navigation.nextTitle, "");
|
||
|
|
} else {
|
||
|
|
VMM.attachElement(navigation.nextDate, VMM.Date.prettyDate(data[current_slide + 1].startdate, false, data[current_slide + 1].precisiondate) );
|
||
|
|
VMM.attachElement(navigation.nextTitle, _title);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
VMM.attachElement(navigation.nextTitle, _title);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* ANIMATE SLIDE
|
||
|
|
================================================== */
|
||
|
|
if (fast) {
|
||
|
|
VMM.Lib.css($slider_container, "left", -(_pos - config.slider.content.padding));
|
||
|
|
} else{
|
||
|
|
VMM.Lib.stop($slider_container);
|
||
|
|
VMM.Lib.animate($slider_container, _duration, _ease, {"left": -(_pos - config.slider.content.padding)});
|
||
|
|
}
|
||
|
|
|
||
|
|
if (firstrun) {
|
||
|
|
VMM.fireEvent(layout, "LOADED");
|
||
|
|
}
|
||
|
|
|
||
|
|
/* SET Vertical Scoll
|
||
|
|
================================================== */
|
||
|
|
if (slides[current_slide].height() > config.slider_height) {
|
||
|
|
VMM.Lib.css(".slider", "overflow-y", "scroll" );
|
||
|
|
} else {
|
||
|
|
VMM.Lib.css(layout, "overflow-y", "hidden" );
|
||
|
|
var scroll_height = 0;
|
||
|
|
try {
|
||
|
|
scroll_height = VMM.Lib.prop(layout, "scrollHeight");
|
||
|
|
VMM.Lib.animate(layout, _duration, _ease, {scrollTop: scroll_height - VMM.Lib.height(layout) });
|
||
|
|
}
|
||
|
|
catch(err) {
|
||
|
|
scroll_height = VMM.Lib.height(layout);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
preloadSlides();
|
||
|
|
VMM.fireEvent($slider, "MESSAGE", "TEST");
|
||
|
|
}
|
||
|
|
|
||
|
|
function backToCurrentSlide() {
|
||
|
|
VMM.Lib.stop($slider_container);
|
||
|
|
VMM.Lib.animate($slider_container, config.duration, "easeOutExpo", {"left": -(slides[current_slide].leftpos()) + config.slider.content.padding} );
|
||
|
|
}
|
||
|
|
|
||
|
|
/* MESSEGES
|
||
|
|
================================================== */
|
||
|
|
function showMessege(e, msg, other) {
|
||
|
|
trace("showMessege " + msg);
|
||
|
|
//VMM.attachElement($timeline, $feedback);
|
||
|
|
VMM.attachElement($explainer, "<div class='vco-explainer'><div class='vco-explainer-container'><div class='vco-bezel'><div class='vco-gesture-icon'></div>" + "<div class='vco-message'><p>" + msg + "</p></div></div></div></div>");
|
||
|
|
};
|
||
|
|
|
||
|
|
function hideMessege() {
|
||
|
|
VMM.Lib.animate($explainer, config.duration, config.ease, {"opacity": 0}, detachMessege);
|
||
|
|
};
|
||
|
|
|
||
|
|
function detachMessege() {
|
||
|
|
VMM.Lib.detach($explainer);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* BUILD NAVIGATION
|
||
|
|
================================================== */
|
||
|
|
function buildNavigation() {
|
||
|
|
|
||
|
|
var temp_icon = "<div class='icon'> </div>";
|
||
|
|
|
||
|
|
navigation.nextBtn = VMM.appendAndGetElement($slider, "<div>", "nav-next");
|
||
|
|
navigation.prevBtn = VMM.appendAndGetElement($slider, "<div>", "nav-previous");
|
||
|
|
navigation.nextBtnContainer = VMM.appendAndGetElement(navigation.nextBtn, "<div>", "nav-container", temp_icon);
|
||
|
|
navigation.prevBtnContainer = VMM.appendAndGetElement(navigation.prevBtn, "<div>", "nav-container", temp_icon);
|
||
|
|
if (config.type == "timeline") {
|
||
|
|
navigation.nextDate = VMM.appendAndGetElement(navigation.nextBtnContainer, "<div>", "date", "");
|
||
|
|
navigation.prevDate = VMM.appendAndGetElement(navigation.prevBtnContainer, "<div>", "date", "");
|
||
|
|
}
|
||
|
|
navigation.nextTitle = VMM.appendAndGetElement(navigation.nextBtnContainer, "<div>", "title", "");
|
||
|
|
navigation.prevTitle = VMM.appendAndGetElement(navigation.prevBtnContainer, "<div>", "title", "");
|
||
|
|
|
||
|
|
VMM.bindEvent(".nav-next", onNextClick);
|
||
|
|
VMM.bindEvent(".nav-previous", onPrevClick);
|
||
|
|
VMM.bindEvent(window, onKeypressNav, 'keydown');
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* BUILD
|
||
|
|
================================================== */
|
||
|
|
function build() {
|
||
|
|
var __duration = 3000;
|
||
|
|
// Clear out existing content
|
||
|
|
VMM.attachElement(layout, "");
|
||
|
|
|
||
|
|
// Get DOM Objects to local objects
|
||
|
|
$slider = VMM.getElement(layout);
|
||
|
|
$slider_mask = VMM.appendAndGetElement($slider, "<div>", "slider-container-mask");
|
||
|
|
$slider_container = VMM.appendAndGetElement($slider_mask, "<div>", "slider-container");
|
||
|
|
$slides_items = VMM.appendAndGetElement($slider_container, "<div>", "slider-item-container");
|
||
|
|
|
||
|
|
|
||
|
|
// BUILD NAVIGATION
|
||
|
|
buildNavigation();
|
||
|
|
|
||
|
|
// ATTACH SLIDES
|
||
|
|
buildSlides(data);
|
||
|
|
|
||
|
|
/* MAKE SLIDER DRAGGABLE/TOUCHABLE
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
if (VMM.Browser.device == "tablet" || VMM.Browser.device == "mobile") {
|
||
|
|
// Different Animation duration for touch
|
||
|
|
config.duration = 500;
|
||
|
|
__duration = 1000;
|
||
|
|
|
||
|
|
// Make touchable
|
||
|
|
$dragslide = new VMM.DragSlider();
|
||
|
|
$dragslide.createPanel($slider, $slider_container, "", config.touch, true);
|
||
|
|
VMM.bindEvent($dragslide, onDragFinish, 'DRAGUPDATE');
|
||
|
|
|
||
|
|
// EXPLAINER
|
||
|
|
$explainer = VMM.appendAndGetElement($slider_mask, "<div>", "vco-feedback", "");
|
||
|
|
showMessege(null, "Swipe to Navigate");
|
||
|
|
VMM.Lib.height($explainer, config.slider.height);
|
||
|
|
VMM.bindEvent($explainer, onExplainerClick);
|
||
|
|
VMM.bindEvent($explainer, onExplainerClick, 'touchend');
|
||
|
|
}
|
||
|
|
|
||
|
|
reSize(false, true);
|
||
|
|
|
||
|
|
|
||
|
|
VMM.Lib.visible(navigation.prevBtn, false);
|
||
|
|
goToSlide(config.current_slide, "easeOutExpo", __duration, true, true);
|
||
|
|
|
||
|
|
_active = true;
|
||
|
|
};
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Slider.Slide.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* Slider Slide
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
if (typeof VMM.Slider != 'undefined') {
|
||
|
|
VMM.Slider.Slide = function(d, _parent) {
|
||
|
|
|
||
|
|
var $media, $text, $slide, $wrap, element, c,
|
||
|
|
data = d,
|
||
|
|
slide = {},
|
||
|
|
element = "",
|
||
|
|
media = "",
|
||
|
|
loaded = false,
|
||
|
|
preloaded = false,
|
||
|
|
is_skinny = false,
|
||
|
|
_enqueue = true,
|
||
|
|
_removeque = false,
|
||
|
|
_id = "slide_",
|
||
|
|
_class = 0,
|
||
|
|
timer = {pushque:"", render:"", relayout:"", remove:"", skinny:false},
|
||
|
|
times = {pushque:500, render:100, relayout:100, remove:30000};
|
||
|
|
|
||
|
|
_id = _id + data.uniqueid;
|
||
|
|
this.enqueue = _enqueue;
|
||
|
|
this.id = _id;
|
||
|
|
|
||
|
|
|
||
|
|
element = VMM.appendAndGetElement(_parent, "<div>", "slider-item");
|
||
|
|
|
||
|
|
if (typeof data.classname != 'undefined') {
|
||
|
|
trace("HAS CLASSNAME");
|
||
|
|
VMM.Lib.addClass(element, data.classname);
|
||
|
|
} else {
|
||
|
|
trace("NO CLASSNAME");
|
||
|
|
trace(data);
|
||
|
|
}
|
||
|
|
|
||
|
|
c = {slide:"", text: "", media: "", media_element: "", layout: "content-container layout", has: { headline: false, text: false, media: false }};
|
||
|
|
|
||
|
|
/* PUBLIC
|
||
|
|
================================================== */
|
||
|
|
this.show = function(skinny) {
|
||
|
|
_enqueue = false;
|
||
|
|
timer.skinny = skinny;
|
||
|
|
_removeque = false;
|
||
|
|
clearTimeout(timer.remove);
|
||
|
|
|
||
|
|
if (!loaded) {
|
||
|
|
if (preloaded) {
|
||
|
|
clearTimeout(timer.relayout);
|
||
|
|
timer.relayout = setTimeout(reloadLayout, times.relayout);
|
||
|
|
} else {
|
||
|
|
render(skinny);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.hide = function() {
|
||
|
|
if (loaded && !_removeque) {
|
||
|
|
_removeque = true;
|
||
|
|
clearTimeout(timer.remove);
|
||
|
|
timer.remove = setTimeout(removeSlide, times.remove);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.clearTimers = function() {
|
||
|
|
//clearTimeout(timer.remove);
|
||
|
|
clearTimeout(timer.relayout);
|
||
|
|
clearTimeout(timer.pushque);
|
||
|
|
clearTimeout(timer.render);
|
||
|
|
};
|
||
|
|
|
||
|
|
this.layout = function(skinny) {
|
||
|
|
if (loaded && preloaded) {
|
||
|
|
reLayout(skinny);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.elem = function() {
|
||
|
|
return element;
|
||
|
|
};
|
||
|
|
|
||
|
|
this.position = function() {
|
||
|
|
return VMM.Lib.position(element);
|
||
|
|
};
|
||
|
|
|
||
|
|
this.leftpos = function(p) {
|
||
|
|
if(typeof p != 'undefined') {
|
||
|
|
VMM.Lib.css(element, "left", p);
|
||
|
|
} else {
|
||
|
|
return VMM.Lib.position(element).left
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.animate = function(d, e, p) {
|
||
|
|
VMM.Lib.animate(element, d, e, p);
|
||
|
|
};
|
||
|
|
|
||
|
|
this.css = function(p, v) {
|
||
|
|
VMM.Lib.css(element, p, v );
|
||
|
|
}
|
||
|
|
|
||
|
|
this.opacity = function(p) {
|
||
|
|
VMM.Lib.css(element, "opacity", p);
|
||
|
|
}
|
||
|
|
|
||
|
|
this.width = function() {
|
||
|
|
return VMM.Lib.width(element);
|
||
|
|
};
|
||
|
|
|
||
|
|
this.height = function() {
|
||
|
|
return VMM.Lib.height(element);
|
||
|
|
};
|
||
|
|
|
||
|
|
this.content_height = function () {
|
||
|
|
var ch = VMM.Lib.find( element, ".content")[0];
|
||
|
|
|
||
|
|
if (ch != 'undefined' && ch != null) {
|
||
|
|
return VMM.Lib.height(ch);
|
||
|
|
} else {
|
||
|
|
return 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* PRIVATE
|
||
|
|
================================================== */
|
||
|
|
var render = function(skinny) {
|
||
|
|
trace("RENDER " + _id);
|
||
|
|
|
||
|
|
loaded = true;
|
||
|
|
preloaded = true;
|
||
|
|
timer.skinny = skinny;
|
||
|
|
|
||
|
|
buildSlide();
|
||
|
|
|
||
|
|
clearTimeout(timer.pushque);
|
||
|
|
clearTimeout(timer.render);
|
||
|
|
timer.pushque = setTimeout(VMM.ExternalAPI.pushQues, times.pushque);
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
var removeSlide = function() {
|
||
|
|
//VMM.attachElement(element, "");
|
||
|
|
trace("REMOVE SLIDE TIMER FINISHED");
|
||
|
|
loaded = false;
|
||
|
|
VMM.Lib.detach($text);
|
||
|
|
VMM.Lib.detach($media);
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
var reloadLayout = function() {
|
||
|
|
loaded = true;
|
||
|
|
reLayout(timer.skinny, true);
|
||
|
|
};
|
||
|
|
|
||
|
|
var reLayout = function(skinny, reload) {
|
||
|
|
if (c.has.text) {
|
||
|
|
if (skinny) {
|
||
|
|
if (!is_skinny || reload) {
|
||
|
|
VMM.Lib.removeClass($slide, "pad-left");
|
||
|
|
VMM.Lib.detach($text);
|
||
|
|
VMM.Lib.detach($media);
|
||
|
|
VMM.Lib.append($slide, $text);
|
||
|
|
VMM.Lib.append($slide, $media);
|
||
|
|
is_skinny = true;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (is_skinny || reload) {
|
||
|
|
VMM.Lib.addClass($slide, "pad-left");
|
||
|
|
VMM.Lib.detach($text);
|
||
|
|
VMM.Lib.detach($media);
|
||
|
|
VMM.Lib.append($slide, $media);
|
||
|
|
VMM.Lib.append($slide, $text);
|
||
|
|
is_skinny = false;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else if (reload) {
|
||
|
|
if (c.has.headline) {
|
||
|
|
VMM.Lib.detach($text);
|
||
|
|
VMM.Lib.append($slide, $text);
|
||
|
|
}
|
||
|
|
VMM.Lib.detach($media);
|
||
|
|
VMM.Lib.append($slide, $media);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
var buildSlide = function() {
|
||
|
|
trace("BUILDSLIDE");
|
||
|
|
$wrap = VMM.appendAndGetElement(element, "<div>", "content");
|
||
|
|
$slide = VMM.appendAndGetElement($wrap, "<div>");
|
||
|
|
|
||
|
|
/* DATE
|
||
|
|
================================================== */
|
||
|
|
if (data.startdate != null && data.startdate != "") {
|
||
|
|
if (type.of(data.startdate) == "date") {
|
||
|
|
if (data.type != "start") {
|
||
|
|
var st = VMM.Date.prettyDate(data.startdate, false, data.precisiondate);
|
||
|
|
var en = VMM.Date.prettyDate(data.enddate, false, data.precisiondate);
|
||
|
|
var tag = "";
|
||
|
|
/* TAG / CATEGORY
|
||
|
|
================================================== */
|
||
|
|
if (data.tag != null && data.tag != "") {
|
||
|
|
tag = VMM.createElement("span", data.tag, "slide-tag");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (st != en) {
|
||
|
|
c.text += VMM.createElement("h2", st + " — " + en + tag, "date");
|
||
|
|
} else {
|
||
|
|
c.text += VMM.createElement("h2", st + tag, "date");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* HEADLINE
|
||
|
|
================================================== */
|
||
|
|
if (data.headline != null && data.headline != "") {
|
||
|
|
c.has.headline = true;
|
||
|
|
if (data.type == "start") {
|
||
|
|
c.text += VMM.createElement("h2", VMM.Util.linkify_with_twitter(data.headline, "_blank"), "start");
|
||
|
|
} else {
|
||
|
|
c.text += VMM.createElement("h3", VMM.Util.linkify_with_twitter(data.headline, "_blank"));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TEXT
|
||
|
|
================================================== */
|
||
|
|
if (data.text != null && data.text != "") {
|
||
|
|
c.has.text = true;
|
||
|
|
c.text += VMM.createElement("p", VMM.Util.linkify_with_twitter(data.text, "_blank"));
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if (c.has.text || c.has.headline) {
|
||
|
|
c.text = VMM.createElement("div", c.text, "container");
|
||
|
|
//$text = VMM.appendAndGetElement($slide, "<div>", "text", c.text);
|
||
|
|
|
||
|
|
$text = VMM.appendAndGetElement($slide, "<div>", "text", VMM.TextElement.create(c.text));
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* SLUG
|
||
|
|
================================================== */
|
||
|
|
if (data.needs_slug) {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* MEDIA
|
||
|
|
================================================== */
|
||
|
|
if (data.asset != null && data.asset != "") {
|
||
|
|
if (data.asset.media != null && data.asset.media != "") {
|
||
|
|
c.has.media = true;
|
||
|
|
$media = VMM.appendAndGetElement($slide, "<div>", "media", VMM.MediaElement.create(data.asset, data.uniqueid));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* COMBINE
|
||
|
|
================================================== */
|
||
|
|
if (c.has.text) { c.layout += "-text" };
|
||
|
|
if (c.has.media){ c.layout += "-media" };
|
||
|
|
|
||
|
|
if (c.has.text) {
|
||
|
|
if (timer.skinny) {
|
||
|
|
VMM.Lib.addClass($slide, c.layout);
|
||
|
|
is_skinny = true;
|
||
|
|
} else {
|
||
|
|
VMM.Lib.addClass($slide, c.layout);
|
||
|
|
VMM.Lib.addClass($slide, "pad-left");
|
||
|
|
VMM.Lib.detach($text);
|
||
|
|
VMM.Lib.append($slide, $text);
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
VMM.Lib.addClass($slide, c.layout);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ADD MODALS
|
||
|
|
================================================== */
|
||
|
|
// MOVE TO EVENT LISTENER UP THE FOOD CHAIN
|
||
|
|
/*
|
||
|
|
VMM.modal('.vmm-modal', {
|
||
|
|
openEffect: 'elastic',
|
||
|
|
closeEffect: 'elastic',
|
||
|
|
padding: [2, 2, 2, 2]
|
||
|
|
});
|
||
|
|
*/
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin jquery.fancybox.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/*!
|
||
|
|
* fancyBox - jQuery Plugin
|
||
|
|
* version: 2.1.5 (Fri, 14 Jun 2013)
|
||
|
|
* @requires jQuery v1.6 or later
|
||
|
|
*
|
||
|
|
* Examples at http://fancyapps.com/fancybox/
|
||
|
|
* License: www.fancyapps.com/fancybox/#license
|
||
|
|
*
|
||
|
|
* Copyright 2012 Janis Skarnelis - janis@fancyapps.com
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
|
||
|
|
(function (window, document, $, undefined) {
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
var H = $("html"),
|
||
|
|
W = $(window),
|
||
|
|
D = $(document),
|
||
|
|
F = $.fancybox = function () {
|
||
|
|
F.open.apply( this, arguments );
|
||
|
|
},
|
||
|
|
IE = navigator.userAgent.match(/msie/i),
|
||
|
|
didUpdate = null,
|
||
|
|
isTouch = document.createTouch !== undefined,
|
||
|
|
|
||
|
|
isQuery = function(obj) {
|
||
|
|
return obj && obj.hasOwnProperty && obj instanceof $;
|
||
|
|
},
|
||
|
|
isString = function(str) {
|
||
|
|
return str && $.type(str) === "string";
|
||
|
|
},
|
||
|
|
isPercentage = function(str) {
|
||
|
|
return isString(str) && str.indexOf('%') > 0;
|
||
|
|
},
|
||
|
|
isScrollable = function(el) {
|
||
|
|
return (el && !(el.style.overflow && el.style.overflow === 'hidden') && ((el.clientWidth && el.scrollWidth > el.clientWidth) || (el.clientHeight && el.scrollHeight > el.clientHeight)));
|
||
|
|
},
|
||
|
|
getScalar = function(orig, dim) {
|
||
|
|
var value = parseInt(orig, 10) || 0;
|
||
|
|
|
||
|
|
if (dim && isPercentage(orig)) {
|
||
|
|
value = F.getViewport()[ dim ] / 100 * value;
|
||
|
|
}
|
||
|
|
|
||
|
|
return Math.ceil(value);
|
||
|
|
},
|
||
|
|
getValue = function(value, dim) {
|
||
|
|
return getScalar(value, dim) + 'px';
|
||
|
|
};
|
||
|
|
|
||
|
|
$.extend(F, {
|
||
|
|
// The current version of fancyBox
|
||
|
|
version: '2.1.5',
|
||
|
|
|
||
|
|
defaults: {
|
||
|
|
padding : 15,
|
||
|
|
margin : 20,
|
||
|
|
|
||
|
|
width : 800,
|
||
|
|
height : 600,
|
||
|
|
minWidth : 100,
|
||
|
|
minHeight : 100,
|
||
|
|
maxWidth : 9999,
|
||
|
|
maxHeight : 9999,
|
||
|
|
pixelRatio: 1, // Set to 2 for retina display support
|
||
|
|
|
||
|
|
autoSize : true,
|
||
|
|
autoHeight : false,
|
||
|
|
autoWidth : false,
|
||
|
|
|
||
|
|
autoResize : true,
|
||
|
|
autoCenter : !isTouch,
|
||
|
|
fitToView : true,
|
||
|
|
aspectRatio : false,
|
||
|
|
topRatio : 0.5,
|
||
|
|
leftRatio : 0.5,
|
||
|
|
|
||
|
|
scrolling : 'auto', // 'auto', 'yes' or 'no'
|
||
|
|
wrapCSS : '',
|
||
|
|
|
||
|
|
arrows : true,
|
||
|
|
closeBtn : true,
|
||
|
|
closeClick : false,
|
||
|
|
nextClick : false,
|
||
|
|
mouseWheel : true,
|
||
|
|
autoPlay : false,
|
||
|
|
playSpeed : 3000,
|
||
|
|
preload : 3,
|
||
|
|
modal : false,
|
||
|
|
loop : true,
|
||
|
|
|
||
|
|
ajax : {
|
||
|
|
dataType : 'html',
|
||
|
|
headers : { 'X-fancyBox': true }
|
||
|
|
},
|
||
|
|
iframe : {
|
||
|
|
scrolling : 'auto',
|
||
|
|
preload : true
|
||
|
|
},
|
||
|
|
swf : {
|
||
|
|
wmode: 'transparent',
|
||
|
|
allowfullscreen : 'true',
|
||
|
|
allowscriptaccess : 'always'
|
||
|
|
},
|
||
|
|
|
||
|
|
keys : {
|
||
|
|
next : {
|
||
|
|
13 : 'left', // enter
|
||
|
|
34 : 'up', // page down
|
||
|
|
39 : 'left', // right arrow
|
||
|
|
40 : 'up' // down arrow
|
||
|
|
},
|
||
|
|
prev : {
|
||
|
|
8 : 'right', // backspace
|
||
|
|
33 : 'down', // page up
|
||
|
|
37 : 'right', // left arrow
|
||
|
|
38 : 'down' // up arrow
|
||
|
|
},
|
||
|
|
close : [27], // escape key
|
||
|
|
play : [32], // space - start/stop slideshow
|
||
|
|
toggle : [70] // letter "f" - toggle fullscreen
|
||
|
|
},
|
||
|
|
|
||
|
|
direction : {
|
||
|
|
next : 'left',
|
||
|
|
prev : 'right'
|
||
|
|
},
|
||
|
|
|
||
|
|
scrollOutside : true,
|
||
|
|
|
||
|
|
// Override some properties
|
||
|
|
index : 0,
|
||
|
|
type : null,
|
||
|
|
href : null,
|
||
|
|
content : null,
|
||
|
|
title : null,
|
||
|
|
|
||
|
|
// HTML templates
|
||
|
|
tpl: {
|
||
|
|
wrap : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
|
||
|
|
image : '<img class="fancybox-image" src="{href}" alt="" />',
|
||
|
|
iframe : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen' + (IE ? ' allowtransparency="true"' : '') + '></iframe>',
|
||
|
|
error : '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',
|
||
|
|
closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
|
||
|
|
next : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
|
||
|
|
prev : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
|
||
|
|
},
|
||
|
|
|
||
|
|
// Properties for each animation type
|
||
|
|
// Opening fancyBox
|
||
|
|
openEffect : 'fade', // 'elastic', 'fade' or 'none'
|
||
|
|
openSpeed : 250,
|
||
|
|
openEasing : 'swing',
|
||
|
|
openOpacity : true,
|
||
|
|
openMethod : 'zoomIn',
|
||
|
|
|
||
|
|
// Closing fancyBox
|
||
|
|
closeEffect : 'fade', // 'elastic', 'fade' or 'none'
|
||
|
|
closeSpeed : 250,
|
||
|
|
closeEasing : 'swing',
|
||
|
|
closeOpacity : true,
|
||
|
|
closeMethod : 'zoomOut',
|
||
|
|
|
||
|
|
// Changing next gallery item
|
||
|
|
nextEffect : 'elastic', // 'elastic', 'fade' or 'none'
|
||
|
|
nextSpeed : 250,
|
||
|
|
nextEasing : 'swing',
|
||
|
|
nextMethod : 'changeIn',
|
||
|
|
|
||
|
|
// Changing previous gallery item
|
||
|
|
prevEffect : 'elastic', // 'elastic', 'fade' or 'none'
|
||
|
|
prevSpeed : 250,
|
||
|
|
prevEasing : 'swing',
|
||
|
|
prevMethod : 'changeOut',
|
||
|
|
|
||
|
|
// Enable default helpers
|
||
|
|
helpers : {
|
||
|
|
overlay : true,
|
||
|
|
title : true
|
||
|
|
},
|
||
|
|
|
||
|
|
// Callbacks
|
||
|
|
onCancel : $.noop, // If canceling
|
||
|
|
beforeLoad : $.noop, // Before loading
|
||
|
|
afterLoad : $.noop, // After loading
|
||
|
|
beforeShow : $.noop, // Before changing in current item
|
||
|
|
afterShow : $.noop, // After opening
|
||
|
|
beforeChange : $.noop, // Before changing gallery item
|
||
|
|
beforeClose : $.noop, // Before closing
|
||
|
|
afterClose : $.noop // After closing
|
||
|
|
},
|
||
|
|
|
||
|
|
//Current state
|
||
|
|
group : {}, // Selected group
|
||
|
|
opts : {}, // Group options
|
||
|
|
previous : null, // Previous element
|
||
|
|
coming : null, // Element being loaded
|
||
|
|
current : null, // Currently loaded element
|
||
|
|
isActive : false, // Is activated
|
||
|
|
isOpen : false, // Is currently open
|
||
|
|
isOpened : false, // Have been fully opened at least once
|
||
|
|
|
||
|
|
wrap : null,
|
||
|
|
skin : null,
|
||
|
|
outer : null,
|
||
|
|
inner : null,
|
||
|
|
|
||
|
|
player : {
|
||
|
|
timer : null,
|
||
|
|
isActive : false
|
||
|
|
},
|
||
|
|
|
||
|
|
// Loaders
|
||
|
|
ajaxLoad : null,
|
||
|
|
imgPreload : null,
|
||
|
|
|
||
|
|
// Some collections
|
||
|
|
transitions : {},
|
||
|
|
helpers : {},
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Static methods
|
||
|
|
*/
|
||
|
|
|
||
|
|
open: function (group, opts) {
|
||
|
|
if (!group) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!$.isPlainObject(opts)) {
|
||
|
|
opts = {};
|
||
|
|
}
|
||
|
|
|
||
|
|
// Close if already active
|
||
|
|
if (false === F.close(true)) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Normalize group
|
||
|
|
if (!$.isArray(group)) {
|
||
|
|
group = isQuery(group) ? $(group).get() : [group];
|
||
|
|
}
|
||
|
|
|
||
|
|
// Recheck if the type of each element is `object` and set content type (image, ajax, etc)
|
||
|
|
$.each(group, function(i, element) {
|
||
|
|
var obj = {},
|
||
|
|
href,
|
||
|
|
title,
|
||
|
|
content,
|
||
|
|
type,
|
||
|
|
rez,
|
||
|
|
hrefParts,
|
||
|
|
selector;
|
||
|
|
|
||
|
|
if ($.type(element) === "object") {
|
||
|
|
// Check if is DOM element
|
||
|
|
if (element.nodeType) {
|
||
|
|
element = $(element);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isQuery(element)) {
|
||
|
|
obj = {
|
||
|
|
href : element.data('fancybox-href') || element.attr('href'),
|
||
|
|
title : element.data('fancybox-title') || element.attr('title'),
|
||
|
|
isDom : true,
|
||
|
|
element : element
|
||
|
|
};
|
||
|
|
|
||
|
|
if ($.metadata) {
|
||
|
|
$.extend(true, obj, element.metadata());
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
obj = element;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
href = opts.href || obj.href || (isString(element) ? element : null);
|
||
|
|
title = opts.title !== undefined ? opts.title : obj.title || '';
|
||
|
|
|
||
|
|
content = opts.content || obj.content;
|
||
|
|
type = content ? 'html' : (opts.type || obj.type);
|
||
|
|
|
||
|
|
if (!type && obj.isDom) {
|
||
|
|
type = element.data('fancybox-type');
|
||
|
|
|
||
|
|
if (!type) {
|
||
|
|
rez = element.prop('class').match(/fancybox\.(\w+)/);
|
||
|
|
type = rez ? rez[1] : null;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isString(href)) {
|
||
|
|
// Try to guess the content type
|
||
|
|
if (!type) {
|
||
|
|
if (F.isImage(href)) {
|
||
|
|
type = 'image';
|
||
|
|
|
||
|
|
} else if (F.isSWF(href)) {
|
||
|
|
type = 'swf';
|
||
|
|
|
||
|
|
} else if (href.charAt(0) === '#') {
|
||
|
|
type = 'inline';
|
||
|
|
|
||
|
|
} else if (isString(element)) {
|
||
|
|
type = 'html';
|
||
|
|
content = element;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Split url into two pieces with source url and content selector, e.g,
|
||
|
|
// "/mypage.html #my_id" will load "/mypage.html" and display element having id "my_id"
|
||
|
|
if (type === 'ajax') {
|
||
|
|
hrefParts = href.split(/\s+/, 2);
|
||
|
|
href = hrefParts.shift();
|
||
|
|
selector = hrefParts.shift();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!content) {
|
||
|
|
if (type === 'inline') {
|
||
|
|
if (href) {
|
||
|
|
content = $( isString(href) ? href.replace(/.*(?=#[^\s]+$)/, '') : href ); //strip for ie7
|
||
|
|
|
||
|
|
} else if (obj.isDom) {
|
||
|
|
content = element;
|
||
|
|
}
|
||
|
|
|
||
|
|
} else if (type === 'html') {
|
||
|
|
content = href;
|
||
|
|
|
||
|
|
} else if (!type && !href && obj.isDom) {
|
||
|
|
type = 'inline';
|
||
|
|
content = element;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$.extend(obj, {
|
||
|
|
href : href,
|
||
|
|
type : type,
|
||
|
|
content : content,
|
||
|
|
title : title,
|
||
|
|
selector : selector
|
||
|
|
});
|
||
|
|
|
||
|
|
group[ i ] = obj;
|
||
|
|
});
|
||
|
|
|
||
|
|
// Extend the defaults
|
||
|
|
F.opts = $.extend(true, {}, F.defaults, opts);
|
||
|
|
|
||
|
|
// All options are merged recursive except keys
|
||
|
|
if (opts.keys !== undefined) {
|
||
|
|
F.opts.keys = opts.keys ? $.extend({}, F.defaults.keys, opts.keys) : false;
|
||
|
|
}
|
||
|
|
|
||
|
|
F.group = group;
|
||
|
|
|
||
|
|
return F._start(F.opts.index);
|
||
|
|
},
|
||
|
|
|
||
|
|
// Cancel image loading or abort ajax request
|
||
|
|
cancel: function () {
|
||
|
|
var coming = F.coming;
|
||
|
|
|
||
|
|
if (!coming || false === F.trigger('onCancel')) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
F.hideLoading();
|
||
|
|
|
||
|
|
if (F.ajaxLoad) {
|
||
|
|
F.ajaxLoad.abort();
|
||
|
|
}
|
||
|
|
|
||
|
|
F.ajaxLoad = null;
|
||
|
|
|
||
|
|
if (F.imgPreload) {
|
||
|
|
F.imgPreload.onload = F.imgPreload.onerror = null;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (coming.wrap) {
|
||
|
|
coming.wrap.stop(true, true).trigger('onReset').remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
F.coming = null;
|
||
|
|
|
||
|
|
// If the first item has been canceled, then clear everything
|
||
|
|
if (!F.current) {
|
||
|
|
F._afterZoomOut( coming );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// Start closing animation if is open; remove immediately if opening/closing
|
||
|
|
close: function (event) {
|
||
|
|
F.cancel();
|
||
|
|
|
||
|
|
if (false === F.trigger('beforeClose')) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
F.unbindEvents();
|
||
|
|
|
||
|
|
if (!F.isActive) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!F.isOpen || event === true) {
|
||
|
|
$('.fancybox-wrap').stop(true).trigger('onReset').remove();
|
||
|
|
|
||
|
|
F._afterZoomOut();
|
||
|
|
|
||
|
|
} else {
|
||
|
|
F.isOpen = F.isOpened = false;
|
||
|
|
F.isClosing = true;
|
||
|
|
|
||
|
|
$('.fancybox-item, .fancybox-nav').remove();
|
||
|
|
|
||
|
|
F.wrap.stop(true, true).removeClass('fancybox-opened');
|
||
|
|
|
||
|
|
F.transitions[ F.current.closeMethod ]();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// Manage slideshow:
|
||
|
|
// $.fancybox.play(); - toggle slideshow
|
||
|
|
// $.fancybox.play( true ); - start
|
||
|
|
// $.fancybox.play( false ); - stop
|
||
|
|
play: function ( action ) {
|
||
|
|
var clear = function () {
|
||
|
|
clearTimeout(F.player.timer);
|
||
|
|
},
|
||
|
|
set = function () {
|
||
|
|
clear();
|
||
|
|
|
||
|
|
if (F.current && F.player.isActive) {
|
||
|
|
F.player.timer = setTimeout(F.next, F.current.playSpeed);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
stop = function () {
|
||
|
|
clear();
|
||
|
|
|
||
|
|
D.unbind('.player');
|
||
|
|
|
||
|
|
F.player.isActive = false;
|
||
|
|
|
||
|
|
F.trigger('onPlayEnd');
|
||
|
|
},
|
||
|
|
start = function () {
|
||
|
|
if (F.current && (F.current.loop || F.current.index < F.group.length - 1)) {
|
||
|
|
F.player.isActive = true;
|
||
|
|
|
||
|
|
D.bind({
|
||
|
|
'onCancel.player beforeClose.player' : stop,
|
||
|
|
'onUpdate.player' : set,
|
||
|
|
'beforeLoad.player' : clear
|
||
|
|
});
|
||
|
|
|
||
|
|
set();
|
||
|
|
|
||
|
|
F.trigger('onPlayStart');
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
if (action === true || (!F.player.isActive && action !== false)) {
|
||
|
|
start();
|
||
|
|
} else {
|
||
|
|
stop();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// Navigate to next gallery item
|
||
|
|
next: function ( direction ) {
|
||
|
|
var current = F.current;
|
||
|
|
|
||
|
|
if (current) {
|
||
|
|
if (!isString(direction)) {
|
||
|
|
direction = current.direction.next;
|
||
|
|
}
|
||
|
|
|
||
|
|
F.jumpto(current.index + 1, direction, 'next');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// Navigate to previous gallery item
|
||
|
|
prev: function ( direction ) {
|
||
|
|
var current = F.current;
|
||
|
|
|
||
|
|
if (current) {
|
||
|
|
if (!isString(direction)) {
|
||
|
|
direction = current.direction.prev;
|
||
|
|
}
|
||
|
|
|
||
|
|
F.jumpto(current.index - 1, direction, 'prev');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// Navigate to gallery item by index
|
||
|
|
jumpto: function ( index, direction, router ) {
|
||
|
|
var current = F.current;
|
||
|
|
|
||
|
|
if (!current) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
index = getScalar(index);
|
||
|
|
|
||
|
|
F.direction = direction || current.direction[ (index >= current.index ? 'next' : 'prev') ];
|
||
|
|
F.router = router || 'jumpto';
|
||
|
|
|
||
|
|
if (current.loop) {
|
||
|
|
if (index < 0) {
|
||
|
|
index = current.group.length + (index % current.group.length);
|
||
|
|
}
|
||
|
|
|
||
|
|
index = index % current.group.length;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (current.group[ index ] !== undefined) {
|
||
|
|
F.cancel();
|
||
|
|
|
||
|
|
F._start(index);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
// Center inside viewport and toggle position type to fixed or absolute if needed
|
||
|
|
reposition: function (e, onlyAbsolute) {
|
||
|
|
var current = F.current,
|
||
|
|
wrap = current ? current.wrap : null,
|
||
|
|
pos;
|
||
|
|
|
||
|
|
if (wrap) {
|
||
|
|
pos = F._getPosition(onlyAbsolute);
|
||
|
|
|
||
|
|
if (e && e.type === 'scroll') {
|
||
|
|
delete pos.position;
|
||
|
|
|
||
|
|
wrap.stop(true, true).animate(pos, 200);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
wrap.css(pos);
|
||
|
|
|
||
|
|
current.pos = $.extend({}, current.dim, pos);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
update: function (e) {
|
||
|
|
var type = (e && e.type),
|
||
|
|
anyway = !type || type === 'orientationchange';
|
||
|
|
|
||
|
|
if (anyway) {
|
||
|
|
clearTimeout(didUpdate);
|
||
|
|
|
||
|
|
didUpdate = null;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!F.isOpen || didUpdate) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
didUpdate = setTimeout(function() {
|
||
|
|
var current = F.current;
|
||
|
|
|
||
|
|
if (!current || F.isClosing) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
F.wrap.removeClass('fancybox-tmp');
|
||
|
|
|
||
|
|
if (anyway || type === 'load' || (type === 'resize' && current.autoResize)) {
|
||
|
|
F._setDimension();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!(type === 'scroll' && current.canShrink)) {
|
||
|
|
F.reposition(e);
|
||
|
|
}
|
||
|
|
|
||
|
|
F.trigger('onUpdate');
|
||
|
|
|
||
|
|
didUpdate = null;
|
||
|
|
|
||
|
|
}, (anyway && !isTouch ? 0 : 300));
|
||
|
|
},
|
||
|
|
|
||
|
|
// Shrink content to fit inside viewport or restore if resized
|
||
|
|
toggle: function ( action ) {
|
||
|
|
if (F.isOpen) {
|
||
|
|
F.current.fitToView = $.type(action) === "boolean" ? action : !F.current.fitToView;
|
||
|
|
|
||
|
|
// Help browser to restore document dimensions
|
||
|
|
if (isTouch) {
|
||
|
|
F.wrap.removeAttr('style').addClass('fancybox-tmp');
|
||
|
|
|
||
|
|
F.trigger('onUpdate');
|
||
|
|
}
|
||
|
|
|
||
|
|
F.update();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
hideLoading: function () {
|
||
|
|
D.unbind('.loading');
|
||
|
|
|
||
|
|
$('#fancybox-loading').remove();
|
||
|
|
},
|
||
|
|
|
||
|
|
showLoading: function () {
|
||
|
|
var el, viewport;
|
||
|
|
|
||
|
|
F.hideLoading();
|
||
|
|
|
||
|
|
el = $('<div id="fancybox-loading"><div></div></div>').click(F.cancel).appendTo('body');
|
||
|
|
|
||
|
|
// If user will press the escape-button, the request will be canceled
|
||
|
|
D.bind('keydown.loading', function(e) {
|
||
|
|
if ((e.which || e.keyCode) === 27) {
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
F.cancel();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
if (!F.defaults.fixed) {
|
||
|
|
viewport = F.getViewport();
|
||
|
|
|
||
|
|
el.css({
|
||
|
|
position : 'absolute',
|
||
|
|
top : (viewport.h * 0.5) + viewport.y,
|
||
|
|
left : (viewport.w * 0.5) + viewport.x
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
getViewport: function () {
|
||
|
|
var locked = (F.current && F.current.locked) || false,
|
||
|
|
rez = {
|
||
|
|
x: W.scrollLeft(),
|
||
|
|
y: W.scrollTop()
|
||
|
|
};
|
||
|
|
|
||
|
|
if (locked) {
|
||
|
|
rez.w = locked[0].clientWidth;
|
||
|
|
rez.h = locked[0].clientHeight;
|
||
|
|
|
||
|
|
} else {
|
||
|
|
// See http://bugs.jquery.com/ticket/6724
|
||
|
|
rez.w = isTouch && window.innerWidth ? window.innerWidth : W.width();
|
||
|
|
rez.h = isTouch && window.innerHeight ? window.innerHeight : W.height();
|
||
|
|
}
|
||
|
|
|
||
|
|
return rez;
|
||
|
|
},
|
||
|
|
|
||
|
|
// Unbind the keyboard / clicking actions
|
||
|
|
unbindEvents: function () {
|
||
|
|
if (F.wrap && isQuery(F.wrap)) {
|
||
|
|
F.wrap.unbind('.fb');
|
||
|
|
}
|
||
|
|
|
||
|
|
D.unbind('.fb');
|
||
|
|
W.unbind('.fb');
|
||
|
|
},
|
||
|
|
|
||
|
|
bindEvents: function () {
|
||
|
|
var current = F.current,
|
||
|
|
keys;
|
||
|
|
|
||
|
|
if (!current) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Changing document height on iOS devices triggers a 'resize' event,
|
||
|
|
// that can change document height... repeating infinitely
|
||
|
|
W.bind('orientationchange.fb' + (isTouch ? '' : ' resize.fb') + (current.autoCenter && !current.locked ? ' scroll.fb' : ''), F.update);
|
||
|
|
|
||
|
|
keys = current.keys;
|
||
|
|
|
||
|
|
if (keys) {
|
||
|
|
D.bind('keydown.fb', function (e) {
|
||
|
|
var code = e.which || e.keyCode,
|
||
|
|
target = e.target || e.srcElement;
|
||
|
|
|
||
|
|
// Skip esc key if loading, because showLoading will cancel preloading
|
||
|
|
if (code === 27 && F.coming) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Ignore key combinations and key events within form elements
|
||
|
|
if (!e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey && !(target && (target.type || $(target).is('[contenteditable]')))) {
|
||
|
|
$.each(keys, function(i, val) {
|
||
|
|
if (current.group.length > 1 && val[ code ] !== undefined) {
|
||
|
|
F[ i ]( val[ code ] );
|
||
|
|
|
||
|
|
e.preventDefault();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ($.inArray(code, val) > -1) {
|
||
|
|
F[ i ] ();
|
||
|
|
|
||
|
|
e.preventDefault();
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if ($.fn.mousewheel && current.mouseWheel) {
|
||
|
|
F.wrap.bind('mousewheel.fb', function (e, delta, deltaX, deltaY) {
|
||
|
|
var target = e.target || null,
|
||
|
|
parent = $(target),
|
||
|
|
canScroll = false;
|
||
|
|
|
||
|
|
while (parent.length) {
|
||
|
|
if (canScroll || parent.is('.fancybox-skin') || parent.is('.fancybox-wrap')) {
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
canScroll = isScrollable( parent[0] );
|
||
|
|
parent = $(parent).parent();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (delta !== 0 && !canScroll) {
|
||
|
|
if (F.group.length > 1 && !current.canShrink) {
|
||
|
|
if (deltaY > 0 || deltaX > 0) {
|
||
|
|
F.prev( deltaY > 0 ? 'down' : 'left' );
|
||
|
|
|
||
|
|
} else if (deltaY < 0 || deltaX < 0) {
|
||
|
|
F.next( deltaY < 0 ? 'up' : 'right' );
|
||
|
|
}
|
||
|
|
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
trigger: function (event, o) {
|
||
|
|
var ret, obj = o || F.coming || F.current;
|
||
|
|
|
||
|
|
if (!obj) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ($.isFunction( obj[event] )) {
|
||
|
|
ret = obj[event].apply(obj, Array.prototype.slice.call(arguments, 1));
|
||
|
|
}
|
||
|
|
|
||
|
|
if (ret === false) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (obj.helpers) {
|
||
|
|
$.each(obj.helpers, function (helper, opts) {
|
||
|
|
if (opts && F.helpers[helper] && $.isFunction(F.helpers[helper][event])) {
|
||
|
|
F.helpers[helper][event]($.extend(true, {}, F.helpers[helper].defaults, opts), obj);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
D.trigger(event);
|
||
|
|
},
|
||
|
|
|
||
|
|
isImage: function (str) {
|
||
|
|
return isString(str) && str.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i);
|
||
|
|
},
|
||
|
|
|
||
|
|
isSWF: function (str) {
|
||
|
|
return isString(str) && str.match(/\.(swf)((\?|#).*)?$/i);
|
||
|
|
},
|
||
|
|
|
||
|
|
_start: function (index) {
|
||
|
|
var coming = {},
|
||
|
|
obj,
|
||
|
|
href,
|
||
|
|
type,
|
||
|
|
margin,
|
||
|
|
padding;
|
||
|
|
|
||
|
|
index = getScalar( index );
|
||
|
|
obj = F.group[ index ] || null;
|
||
|
|
|
||
|
|
if (!obj) {
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
coming = $.extend(true, {}, F.opts, obj);
|
||
|
|
|
||
|
|
// Convert margin and padding properties to array - top, right, bottom, left
|
||
|
|
margin = coming.margin;
|
||
|
|
padding = coming.padding;
|
||
|
|
|
||
|
|
if ($.type(margin) === 'number') {
|
||
|
|
coming.margin = [margin, margin, margin, margin];
|
||
|
|
}
|
||
|
|
|
||
|
|
if ($.type(padding) === 'number') {
|
||
|
|
coming.padding = [padding, padding, padding, padding];
|
||
|
|
}
|
||
|
|
|
||
|
|
// 'modal' propery is just a shortcut
|
||
|
|
if (coming.modal) {
|
||
|
|
$.extend(true, coming, {
|
||
|
|
closeBtn : false,
|
||
|
|
closeClick : false,
|
||
|
|
nextClick : false,
|
||
|
|
arrows : false,
|
||
|
|
mouseWheel : false,
|
||
|
|
keys : null,
|
||
|
|
helpers: {
|
||
|
|
overlay : {
|
||
|
|
closeClick : false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// 'autoSize' property is a shortcut, too
|
||
|
|
if (coming.autoSize) {
|
||
|
|
coming.autoWidth = coming.autoHeight = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (coming.width === 'auto') {
|
||
|
|
coming.autoWidth = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (coming.height === 'auto') {
|
||
|
|
coming.autoHeight = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Add reference to the group, so it`s possible to access from callbacks, example:
|
||
|
|
* afterLoad : function() {
|
||
|
|
* this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
|
||
|
|
* }
|
||
|
|
*/
|
||
|
|
|
||
|
|
coming.group = F.group;
|
||
|
|
coming.index = index;
|
||
|
|
|
||
|
|
// Give a chance for callback or helpers to update coming item (type, title, etc)
|
||
|
|
F.coming = coming;
|
||
|
|
|
||
|
|
if (false === F.trigger('beforeLoad')) {
|
||
|
|
F.coming = null;
|
||
|
|
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
type = coming.type;
|
||
|
|
href = coming.href;
|
||
|
|
|
||
|
|
if (!type) {
|
||
|
|
F.coming = null;
|
||
|
|
|
||
|
|
//If we can not determine content type then drop silently or display next/prev item if looping through gallery
|
||
|
|
if (F.current && F.router && F.router !== 'jumpto') {
|
||
|
|
F.current.index = index;
|
||
|
|
|
||
|
|
return F[ F.router ]( F.direction );
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
F.isActive = true;
|
||
|
|
|
||
|
|
if (type === 'image' || type === 'swf') {
|
||
|
|
coming.autoHeight = coming.autoWidth = false;
|
||
|
|
coming.scrolling = 'visible';
|
||
|
|
}
|
||
|
|
|
||
|
|
if (type === 'image') {
|
||
|
|
coming.aspectRatio = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (type === 'iframe' && isTouch) {
|
||
|
|
coming.scrolling = 'scroll';
|
||
|
|
}
|
||
|
|
|
||
|
|
// Build the neccessary markup
|
||
|
|
coming.wrap = $(coming.tpl.wrap).addClass('fancybox-' + (isTouch ? 'mobile' : 'desktop') + ' fancybox-type-' + type + ' fancybox-tmp ' + coming.wrapCSS).appendTo( coming.parent || 'body' );
|
||
|
|
|
||
|
|
$.extend(coming, {
|
||
|
|
skin : $('.fancybox-skin', coming.wrap),
|
||
|
|
outer : $('.fancybox-outer', coming.wrap),
|
||
|
|
inner : $('.fancybox-inner', coming.wrap)
|
||
|
|
});
|
||
|
|
|
||
|
|
$.each(["Top", "Right", "Bottom", "Left"], function(i, v) {
|
||
|
|
coming.skin.css('padding' + v, getValue(coming.padding[ i ]));
|
||
|
|
});
|
||
|
|
|
||
|
|
F.trigger('onReady');
|
||
|
|
|
||
|
|
// Check before try to load; 'inline' and 'html' types need content, others - href
|
||
|
|
if (type === 'inline' || type === 'html') {
|
||
|
|
if (!coming.content || !coming.content.length) {
|
||
|
|
return F._error( 'content' );
|
||
|
|
}
|
||
|
|
|
||
|
|
} else if (!href) {
|
||
|
|
return F._error( 'href' );
|
||
|
|
}
|
||
|
|
|
||
|
|
if (type === 'image') {
|
||
|
|
F._loadImage();
|
||
|
|
|
||
|
|
} else if (type === 'ajax') {
|
||
|
|
F._loadAjax();
|
||
|
|
|
||
|
|
} else if (type === 'iframe') {
|
||
|
|
F._loadIframe();
|
||
|
|
|
||
|
|
} else {
|
||
|
|
F._afterLoad();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_error: function ( type ) {
|
||
|
|
$.extend(F.coming, {
|
||
|
|
type : 'html',
|
||
|
|
autoWidth : true,
|
||
|
|
autoHeight : true,
|
||
|
|
minWidth : 0,
|
||
|
|
minHeight : 0,
|
||
|
|
scrolling : 'no',
|
||
|
|
hasError : type,
|
||
|
|
content : F.coming.tpl.error
|
||
|
|
});
|
||
|
|
|
||
|
|
F._afterLoad();
|
||
|
|
},
|
||
|
|
|
||
|
|
_loadImage: function () {
|
||
|
|
// Reset preload image so it is later possible to check "complete" property
|
||
|
|
var img = F.imgPreload = new Image();
|
||
|
|
|
||
|
|
img.onload = function () {
|
||
|
|
this.onload = this.onerror = null;
|
||
|
|
|
||
|
|
F.coming.width = this.width / F.opts.pixelRatio;
|
||
|
|
F.coming.height = this.height / F.opts.pixelRatio;
|
||
|
|
|
||
|
|
F._afterLoad();
|
||
|
|
};
|
||
|
|
|
||
|
|
img.onerror = function () {
|
||
|
|
this.onload = this.onerror = null;
|
||
|
|
|
||
|
|
F._error( 'image' );
|
||
|
|
};
|
||
|
|
|
||
|
|
img.src = F.coming.href;
|
||
|
|
|
||
|
|
if (img.complete !== true) {
|
||
|
|
F.showLoading();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_loadAjax: function () {
|
||
|
|
var coming = F.coming;
|
||
|
|
|
||
|
|
F.showLoading();
|
||
|
|
|
||
|
|
F.ajaxLoad = $.ajax($.extend({}, coming.ajax, {
|
||
|
|
url: coming.href,
|
||
|
|
error: function (jqXHR, textStatus) {
|
||
|
|
if (F.coming && textStatus !== 'abort') {
|
||
|
|
F._error( 'ajax', jqXHR );
|
||
|
|
|
||
|
|
} else {
|
||
|
|
F.hideLoading();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
success: function (data, textStatus) {
|
||
|
|
if (textStatus === 'success') {
|
||
|
|
coming.content = data;
|
||
|
|
|
||
|
|
F._afterLoad();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}));
|
||
|
|
},
|
||
|
|
|
||
|
|
_loadIframe: function() {
|
||
|
|
var coming = F.coming,
|
||
|
|
iframe = $(coming.tpl.iframe.replace(/\{rnd\}/g, new Date().getTime()))
|
||
|
|
.attr('scrolling', isTouch ? 'auto' : coming.iframe.scrolling)
|
||
|
|
.attr('src', coming.href);
|
||
|
|
|
||
|
|
// This helps IE
|
||
|
|
$(coming.wrap).bind('onReset', function () {
|
||
|
|
try {
|
||
|
|
$(this).find('iframe').hide().attr('src', '//about:blank').end().empty();
|
||
|
|
} catch (e) {}
|
||
|
|
});
|
||
|
|
|
||
|
|
if (coming.iframe.preload) {
|
||
|
|
F.showLoading();
|
||
|
|
|
||
|
|
iframe.one('load', function() {
|
||
|
|
$(this).data('ready', 1);
|
||
|
|
|
||
|
|
// iOS will lose scrolling if we resize
|
||
|
|
if (!isTouch) {
|
||
|
|
$(this).bind('load.fb', F.update);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Without this trick:
|
||
|
|
// - iframe won't scroll on iOS devices
|
||
|
|
// - IE7 sometimes displays empty iframe
|
||
|
|
$(this).parents('.fancybox-wrap').width('100%').removeClass('fancybox-tmp').show();
|
||
|
|
|
||
|
|
F._afterLoad();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
coming.content = iframe.appendTo( coming.inner );
|
||
|
|
|
||
|
|
if (!coming.iframe.preload) {
|
||
|
|
F._afterLoad();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_preloadImages: function() {
|
||
|
|
var group = F.group,
|
||
|
|
current = F.current,
|
||
|
|
len = group.length,
|
||
|
|
cnt = current.preload ? Math.min(current.preload, len - 1) : 0,
|
||
|
|
item,
|
||
|
|
i;
|
||
|
|
|
||
|
|
for (i = 1; i <= cnt; i += 1) {
|
||
|
|
item = group[ (current.index + i ) % len ];
|
||
|
|
|
||
|
|
if (item.type === 'image' && item.href) {
|
||
|
|
new Image().src = item.href;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_afterLoad: function () {
|
||
|
|
var coming = F.coming,
|
||
|
|
previous = F.current,
|
||
|
|
placeholder = 'fancybox-placeholder',
|
||
|
|
current,
|
||
|
|
content,
|
||
|
|
type,
|
||
|
|
scrolling,
|
||
|
|
href,
|
||
|
|
embed;
|
||
|
|
|
||
|
|
F.hideLoading();
|
||
|
|
|
||
|
|
if (!coming || F.isActive === false) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (false === F.trigger('afterLoad', coming, previous)) {
|
||
|
|
coming.wrap.stop(true).trigger('onReset').remove();
|
||
|
|
|
||
|
|
F.coming = null;
|
||
|
|
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (previous) {
|
||
|
|
F.trigger('beforeChange', previous);
|
||
|
|
|
||
|
|
previous.wrap.stop(true).removeClass('fancybox-opened')
|
||
|
|
.find('.fancybox-item, .fancybox-nav')
|
||
|
|
.remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
F.unbindEvents();
|
||
|
|
|
||
|
|
current = coming;
|
||
|
|
content = coming.content;
|
||
|
|
type = coming.type;
|
||
|
|
scrolling = coming.scrolling;
|
||
|
|
|
||
|
|
$.extend(F, {
|
||
|
|
wrap : current.wrap,
|
||
|
|
skin : current.skin,
|
||
|
|
outer : current.outer,
|
||
|
|
inner : current.inner,
|
||
|
|
current : current,
|
||
|
|
previous : previous
|
||
|
|
});
|
||
|
|
|
||
|
|
href = current.href;
|
||
|
|
|
||
|
|
switch (type) {
|
||
|
|
case 'inline':
|
||
|
|
case 'ajax':
|
||
|
|
case 'html':
|
||
|
|
if (current.selector) {
|
||
|
|
content = $('<div>').html(content).find(current.selector);
|
||
|
|
|
||
|
|
} else if (isQuery(content)) {
|
||
|
|
if (!content.data(placeholder)) {
|
||
|
|
content.data(placeholder, $('<div class="' + placeholder + '"></div>').insertAfter( content ).hide() );
|
||
|
|
}
|
||
|
|
|
||
|
|
content = content.show().detach();
|
||
|
|
|
||
|
|
current.wrap.bind('onReset', function () {
|
||
|
|
if ($(this).find(content).length) {
|
||
|
|
content.hide().replaceAll( content.data(placeholder) ).data(placeholder, false);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 'image':
|
||
|
|
content = current.tpl.image.replace('{href}', href);
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 'swf':
|
||
|
|
content = '<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="' + href + '"></param>';
|
||
|
|
embed = '';
|
||
|
|
|
||
|
|
$.each(current.swf, function(name, val) {
|
||
|
|
content += '<param name="' + name + '" value="' + val + '"></param>';
|
||
|
|
embed += ' ' + name + '="' + val + '"';
|
||
|
|
});
|
||
|
|
|
||
|
|
content += '<embed src="' + href + '" type="application/x-shockwave-flash" width="100%" height="100%"' + embed + '></embed></object>';
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!(isQuery(content) && content.parent().is(current.inner))) {
|
||
|
|
current.inner.append( content );
|
||
|
|
}
|
||
|
|
|
||
|
|
// Give a chance for helpers or callbacks to update elements
|
||
|
|
F.trigger('beforeShow');
|
||
|
|
|
||
|
|
// Set scrolling before calculating dimensions
|
||
|
|
current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
|
||
|
|
|
||
|
|
// Set initial dimensions and start position
|
||
|
|
F._setDimension();
|
||
|
|
|
||
|
|
F.reposition();
|
||
|
|
|
||
|
|
F.isOpen = false;
|
||
|
|
F.coming = null;
|
||
|
|
|
||
|
|
F.bindEvents();
|
||
|
|
|
||
|
|
if (!F.isOpened) {
|
||
|
|
$('.fancybox-wrap').not( current.wrap ).stop(true).trigger('onReset').remove();
|
||
|
|
|
||
|
|
} else if (previous.prevMethod) {
|
||
|
|
F.transitions[ previous.prevMethod ]();
|
||
|
|
}
|
||
|
|
|
||
|
|
F.transitions[ F.isOpened ? current.nextMethod : current.openMethod ]();
|
||
|
|
|
||
|
|
F._preloadImages();
|
||
|
|
},
|
||
|
|
|
||
|
|
_setDimension: function () {
|
||
|
|
var viewport = F.getViewport(),
|
||
|
|
steps = 0,
|
||
|
|
canShrink = false,
|
||
|
|
canExpand = false,
|
||
|
|
wrap = F.wrap,
|
||
|
|
skin = F.skin,
|
||
|
|
inner = F.inner,
|
||
|
|
current = F.current,
|
||
|
|
width = current.width,
|
||
|
|
height = current.height,
|
||
|
|
minWidth = current.minWidth,
|
||
|
|
minHeight = current.minHeight,
|
||
|
|
maxWidth = current.maxWidth,
|
||
|
|
maxHeight = current.maxHeight,
|
||
|
|
scrolling = current.scrolling,
|
||
|
|
scrollOut = current.scrollOutside ? current.scrollbarWidth : 0,
|
||
|
|
margin = current.margin,
|
||
|
|
wMargin = getScalar(margin[1] + margin[3]),
|
||
|
|
hMargin = getScalar(margin[0] + margin[2]),
|
||
|
|
wPadding,
|
||
|
|
hPadding,
|
||
|
|
wSpace,
|
||
|
|
hSpace,
|
||
|
|
origWidth,
|
||
|
|
origHeight,
|
||
|
|
origMaxWidth,
|
||
|
|
origMaxHeight,
|
||
|
|
ratio,
|
||
|
|
width_,
|
||
|
|
height_,
|
||
|
|
maxWidth_,
|
||
|
|
maxHeight_,
|
||
|
|
iframe,
|
||
|
|
body;
|
||
|
|
|
||
|
|
// Reset dimensions so we could re-check actual size
|
||
|
|
wrap.add(skin).add(inner).width('auto').height('auto').removeClass('fancybox-tmp');
|
||
|
|
|
||
|
|
wPadding = getScalar(skin.outerWidth(true) - skin.width());
|
||
|
|
hPadding = getScalar(skin.outerHeight(true) - skin.height());
|
||
|
|
|
||
|
|
// Any space between content and viewport (margin, padding, border, title)
|
||
|
|
wSpace = wMargin + wPadding;
|
||
|
|
hSpace = hMargin + hPadding;
|
||
|
|
|
||
|
|
origWidth = isPercentage(width) ? (viewport.w - wSpace) * getScalar(width) / 100 : width;
|
||
|
|
origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
|
||
|
|
|
||
|
|
if (current.type === 'iframe') {
|
||
|
|
iframe = current.content;
|
||
|
|
|
||
|
|
if (current.autoHeight && iframe.data('ready') === 1) {
|
||
|
|
try {
|
||
|
|
if (iframe[0].contentWindow.document.location) {
|
||
|
|
inner.width( origWidth ).height(9999);
|
||
|
|
|
||
|
|
body = iframe.contents().find('body');
|
||
|
|
|
||
|
|
if (scrollOut) {
|
||
|
|
body.css('overflow-x', 'hidden');
|
||
|
|
}
|
||
|
|
|
||
|
|
origHeight = body.outerHeight(true);
|
||
|
|
}
|
||
|
|
|
||
|
|
} catch (e) {}
|
||
|
|
}
|
||
|
|
|
||
|
|
} else if (current.autoWidth || current.autoHeight) {
|
||
|
|
inner.addClass( 'fancybox-tmp' );
|
||
|
|
|
||
|
|
// Set width or height in case we need to calculate only one dimension
|
||
|
|
if (!current.autoWidth) {
|
||
|
|
inner.width( origWidth );
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!current.autoHeight) {
|
||
|
|
inner.height( origHeight );
|
||
|
|
}
|
||
|
|
|
||
|
|
if (current.autoWidth) {
|
||
|
|
origWidth = inner.width();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (current.autoHeight) {
|
||
|
|
origHeight = inner.height();
|
||
|
|
}
|
||
|
|
|
||
|
|
inner.removeClass( 'fancybox-tmp' );
|
||
|
|
}
|
||
|
|
|
||
|
|
width = getScalar( origWidth );
|
||
|
|
height = getScalar( origHeight );
|
||
|
|
|
||
|
|
ratio = origWidth / origHeight;
|
||
|
|
|
||
|
|
// Calculations for the content
|
||
|
|
minWidth = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);
|
||
|
|
maxWidth = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);
|
||
|
|
|
||
|
|
minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight);
|
||
|
|
maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight);
|
||
|
|
|
||
|
|
// These will be used to determine if wrap can fit in the viewport
|
||
|
|
origMaxWidth = maxWidth;
|
||
|
|
origMaxHeight = maxHeight;
|
||
|
|
|
||
|
|
if (current.fitToView) {
|
||
|
|
maxWidth = Math.min(viewport.w - wSpace, maxWidth);
|
||
|
|
maxHeight = Math.min(viewport.h - hSpace, maxHeight);
|
||
|
|
}
|
||
|
|
|
||
|
|
maxWidth_ = viewport.w - wMargin;
|
||
|
|
maxHeight_ = viewport.h - hMargin;
|
||
|
|
|
||
|
|
if (current.aspectRatio) {
|
||
|
|
if (width > maxWidth) {
|
||
|
|
width = maxWidth;
|
||
|
|
height = getScalar(width / ratio);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (height > maxHeight) {
|
||
|
|
height = maxHeight;
|
||
|
|
width = getScalar(height * ratio);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (width < minWidth) {
|
||
|
|
width = minWidth;
|
||
|
|
height = getScalar(width / ratio);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (height < minHeight) {
|
||
|
|
height = minHeight;
|
||
|
|
width = getScalar(height * ratio);
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
width = Math.max(minWidth, Math.min(width, maxWidth));
|
||
|
|
|
||
|
|
if (current.autoHeight && current.type !== 'iframe') {
|
||
|
|
inner.width( width );
|
||
|
|
|
||
|
|
height = inner.height();
|
||
|
|
}
|
||
|
|
|
||
|
|
height = Math.max(minHeight, Math.min(height, maxHeight));
|
||
|
|
}
|
||
|
|
|
||
|
|
// Try to fit inside viewport (including the title)
|
||
|
|
if (current.fitToView) {
|
||
|
|
inner.width( width ).height( height );
|
||
|
|
|
||
|
|
wrap.width( width + wPadding );
|
||
|
|
|
||
|
|
// Real wrap dimensions
|
||
|
|
width_ = wrap.width();
|
||
|
|
height_ = wrap.height();
|
||
|
|
|
||
|
|
if (current.aspectRatio) {
|
||
|
|
while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
|
||
|
|
if (steps++ > 19) {
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
height = Math.max(minHeight, Math.min(maxHeight, height - 10));
|
||
|
|
width = getScalar(height * ratio);
|
||
|
|
|
||
|
|
if (width < minWidth) {
|
||
|
|
width = minWidth;
|
||
|
|
height = getScalar(width / ratio);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (width > maxWidth) {
|
||
|
|
width = maxWidth;
|
||
|
|
height = getScalar(width / ratio);
|
||
|
|
}
|
||
|
|
|
||
|
|
inner.width( width ).height( height );
|
||
|
|
|
||
|
|
wrap.width( width + wPadding );
|
||
|
|
|
||
|
|
width_ = wrap.width();
|
||
|
|
height_ = wrap.height();
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
width = Math.max(minWidth, Math.min(width, width - (width_ - maxWidth_)));
|
||
|
|
height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) {
|
||
|
|
width += scrollOut;
|
||
|
|
}
|
||
|
|
|
||
|
|
inner.width( width ).height( height );
|
||
|
|
|
||
|
|
wrap.width( width + wPadding );
|
||
|
|
|
||
|
|
width_ = wrap.width();
|
||
|
|
height_ = wrap.height();
|
||
|
|
|
||
|
|
canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
|
||
|
|
canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
|
||
|
|
|
||
|
|
$.extend(current, {
|
||
|
|
dim : {
|
||
|
|
width : getValue( width_ ),
|
||
|
|
height : getValue( height_ )
|
||
|
|
},
|
||
|
|
origWidth : origWidth,
|
||
|
|
origHeight : origHeight,
|
||
|
|
canShrink : canShrink,
|
||
|
|
canExpand : canExpand,
|
||
|
|
wPadding : wPadding,
|
||
|
|
hPadding : hPadding,
|
||
|
|
wrapSpace : height_ - skin.outerHeight(true),
|
||
|
|
skinSpace : skin.height() - height
|
||
|
|
});
|
||
|
|
|
||
|
|
if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {
|
||
|
|
inner.height('auto');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_getPosition: function (onlyAbsolute) {
|
||
|
|
var current = F.current,
|
||
|
|
viewport = F.getViewport(),
|
||
|
|
margin = current.margin,
|
||
|
|
width = F.wrap.width() + margin[1] + margin[3],
|
||
|
|
height = F.wrap.height() + margin[0] + margin[2],
|
||
|
|
rez = {
|
||
|
|
position: 'absolute',
|
||
|
|
top : margin[0],
|
||
|
|
left : margin[3]
|
||
|
|
};
|
||
|
|
|
||
|
|
if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
|
||
|
|
rez.position = 'fixed';
|
||
|
|
|
||
|
|
} else if (!current.locked) {
|
||
|
|
rez.top += viewport.y;
|
||
|
|
rez.left += viewport.x;
|
||
|
|
}
|
||
|
|
|
||
|
|
rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio)));
|
||
|
|
rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * current.leftRatio)));
|
||
|
|
|
||
|
|
return rez;
|
||
|
|
},
|
||
|
|
|
||
|
|
_afterZoomIn: function () {
|
||
|
|
var current = F.current;
|
||
|
|
|
||
|
|
if (!current) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
F.isOpen = F.isOpened = true;
|
||
|
|
|
||
|
|
F.wrap.css('overflow', 'visible').addClass('fancybox-opened');
|
||
|
|
|
||
|
|
F.update();
|
||
|
|
|
||
|
|
// Assign a click event
|
||
|
|
if ( current.closeClick || (current.nextClick && F.group.length > 1) ) {
|
||
|
|
F.inner.css('cursor', 'pointer').bind('click.fb', function(e) {
|
||
|
|
if (!$(e.target).is('a') && !$(e.target).parent().is('a')) {
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
F[ current.closeClick ? 'close' : 'next' ]();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// Create a close button
|
||
|
|
if (current.closeBtn) {
|
||
|
|
$(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
F.close();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// Create navigation arrows
|
||
|
|
if (current.arrows && F.group.length > 1) {
|
||
|
|
if (current.loop || current.index > 0) {
|
||
|
|
$(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (current.loop || current.index < F.group.length - 1) {
|
||
|
|
$(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
F.trigger('afterShow');
|
||
|
|
|
||
|
|
// Stop the slideshow if this is the last item
|
||
|
|
if (!current.loop && current.index === current.group.length - 1) {
|
||
|
|
F.play( false );
|
||
|
|
|
||
|
|
} else if (F.opts.autoPlay && !F.player.isActive) {
|
||
|
|
F.opts.autoPlay = false;
|
||
|
|
|
||
|
|
F.play();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_afterZoomOut: function ( obj ) {
|
||
|
|
obj = obj || F.current;
|
||
|
|
|
||
|
|
$('.fancybox-wrap').trigger('onReset').remove();
|
||
|
|
|
||
|
|
$.extend(F, {
|
||
|
|
group : {},
|
||
|
|
opts : {},
|
||
|
|
router : false,
|
||
|
|
current : null,
|
||
|
|
isActive : false,
|
||
|
|
isOpened : false,
|
||
|
|
isOpen : false,
|
||
|
|
isClosing : false,
|
||
|
|
wrap : null,
|
||
|
|
skin : null,
|
||
|
|
outer : null,
|
||
|
|
inner : null
|
||
|
|
});
|
||
|
|
|
||
|
|
F.trigger('afterClose', obj);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Default transitions
|
||
|
|
*/
|
||
|
|
|
||
|
|
F.transitions = {
|
||
|
|
getOrigPosition: function () {
|
||
|
|
var current = F.current,
|
||
|
|
element = current.element,
|
||
|
|
orig = current.orig,
|
||
|
|
pos = {},
|
||
|
|
width = 50,
|
||
|
|
height = 50,
|
||
|
|
hPadding = current.hPadding,
|
||
|
|
wPadding = current.wPadding,
|
||
|
|
viewport = F.getViewport();
|
||
|
|
|
||
|
|
if (!orig && current.isDom && element.is(':visible')) {
|
||
|
|
orig = element.find('img:first');
|
||
|
|
|
||
|
|
if (!orig.length) {
|
||
|
|
orig = element;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isQuery(orig)) {
|
||
|
|
pos = orig.offset();
|
||
|
|
|
||
|
|
if (orig.is('img')) {
|
||
|
|
width = orig.outerWidth();
|
||
|
|
height = orig.outerHeight();
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
pos.top = viewport.y + (viewport.h - height) * current.topRatio;
|
||
|
|
pos.left = viewport.x + (viewport.w - width) * current.leftRatio;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (F.wrap.css('position') === 'fixed' || current.locked) {
|
||
|
|
pos.top -= viewport.y;
|
||
|
|
pos.left -= viewport.x;
|
||
|
|
}
|
||
|
|
|
||
|
|
pos = {
|
||
|
|
top : getValue(pos.top - hPadding * current.topRatio),
|
||
|
|
left : getValue(pos.left - wPadding * current.leftRatio),
|
||
|
|
width : getValue(width + wPadding),
|
||
|
|
height : getValue(height + hPadding)
|
||
|
|
};
|
||
|
|
|
||
|
|
return pos;
|
||
|
|
},
|
||
|
|
|
||
|
|
step: function (now, fx) {
|
||
|
|
var ratio,
|
||
|
|
padding,
|
||
|
|
value,
|
||
|
|
prop = fx.prop,
|
||
|
|
current = F.current,
|
||
|
|
wrapSpace = current.wrapSpace,
|
||
|
|
skinSpace = current.skinSpace;
|
||
|
|
|
||
|
|
if (prop === 'width' || prop === 'height') {
|
||
|
|
ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);
|
||
|
|
|
||
|
|
if (F.isClosing) {
|
||
|
|
ratio = 1 - ratio;
|
||
|
|
}
|
||
|
|
|
||
|
|
padding = prop === 'width' ? current.wPadding : current.hPadding;
|
||
|
|
value = now - padding;
|
||
|
|
|
||
|
|
F.skin[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) ) );
|
||
|
|
F.inner[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) - (skinSpace * ratio) ) );
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
zoomIn: function () {
|
||
|
|
var current = F.current,
|
||
|
|
startPos = current.pos,
|
||
|
|
effect = current.openEffect,
|
||
|
|
elastic = effect === 'elastic',
|
||
|
|
endPos = $.extend({opacity : 1}, startPos);
|
||
|
|
|
||
|
|
// Remove "position" property that breaks older IE
|
||
|
|
delete endPos.position;
|
||
|
|
|
||
|
|
if (elastic) {
|
||
|
|
startPos = this.getOrigPosition();
|
||
|
|
|
||
|
|
if (current.openOpacity) {
|
||
|
|
startPos.opacity = 0.1;
|
||
|
|
}
|
||
|
|
|
||
|
|
} else if (effect === 'fade') {
|
||
|
|
startPos.opacity = 0.1;
|
||
|
|
}
|
||
|
|
|
||
|
|
F.wrap.css(startPos).animate(endPos, {
|
||
|
|
duration : effect === 'none' ? 0 : current.openSpeed,
|
||
|
|
easing : current.openEasing,
|
||
|
|
step : elastic ? this.step : null,
|
||
|
|
complete : F._afterZoomIn
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
zoomOut: function () {
|
||
|
|
var current = F.current,
|
||
|
|
effect = current.closeEffect,
|
||
|
|
elastic = effect === 'elastic',
|
||
|
|
endPos = {opacity : 0.1};
|
||
|
|
|
||
|
|
if (elastic) {
|
||
|
|
endPos = this.getOrigPosition();
|
||
|
|
|
||
|
|
if (current.closeOpacity) {
|
||
|
|
endPos.opacity = 0.1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
F.wrap.animate(endPos, {
|
||
|
|
duration : effect === 'none' ? 0 : current.closeSpeed,
|
||
|
|
easing : current.closeEasing,
|
||
|
|
step : elastic ? this.step : null,
|
||
|
|
complete : F._afterZoomOut
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
changeIn: function () {
|
||
|
|
var current = F.current,
|
||
|
|
effect = current.nextEffect,
|
||
|
|
startPos = current.pos,
|
||
|
|
endPos = { opacity : 1 },
|
||
|
|
direction = F.direction,
|
||
|
|
distance = 200,
|
||
|
|
field;
|
||
|
|
|
||
|
|
startPos.opacity = 0.1;
|
||
|
|
|
||
|
|
if (effect === 'elastic') {
|
||
|
|
field = direction === 'down' || direction === 'up' ? 'top' : 'left';
|
||
|
|
|
||
|
|
if (direction === 'down' || direction === 'right') {
|
||
|
|
startPos[ field ] = getValue(getScalar(startPos[ field ]) - distance);
|
||
|
|
endPos[ field ] = '+=' + distance + 'px';
|
||
|
|
|
||
|
|
} else {
|
||
|
|
startPos[ field ] = getValue(getScalar(startPos[ field ]) + distance);
|
||
|
|
endPos[ field ] = '-=' + distance + 'px';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Workaround for http://bugs.jquery.com/ticket/12273
|
||
|
|
if (effect === 'none') {
|
||
|
|
F._afterZoomIn();
|
||
|
|
|
||
|
|
} else {
|
||
|
|
F.wrap.css(startPos).animate(endPos, {
|
||
|
|
duration : current.nextSpeed,
|
||
|
|
easing : current.nextEasing,
|
||
|
|
complete : F._afterZoomIn
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
changeOut: function () {
|
||
|
|
var previous = F.previous,
|
||
|
|
effect = previous.prevEffect,
|
||
|
|
endPos = { opacity : 0.1 },
|
||
|
|
direction = F.direction,
|
||
|
|
distance = 200;
|
||
|
|
|
||
|
|
if (effect === 'elastic') {
|
||
|
|
endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px';
|
||
|
|
}
|
||
|
|
|
||
|
|
previous.wrap.animate(endPos, {
|
||
|
|
duration : effect === 'none' ? 0 : previous.prevSpeed,
|
||
|
|
easing : previous.prevEasing,
|
||
|
|
complete : function () {
|
||
|
|
$(this).trigger('onReset').remove();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Overlay helper
|
||
|
|
*/
|
||
|
|
|
||
|
|
F.helpers.overlay = {
|
||
|
|
defaults : {
|
||
|
|
closeClick : true, // if true, fancyBox will be closed when user clicks on the overlay
|
||
|
|
speedOut : 200, // duration of fadeOut animation
|
||
|
|
showEarly : true, // indicates if should be opened immediately or wait until the content is ready
|
||
|
|
css : {}, // custom CSS properties
|
||
|
|
locked : !isTouch, // if true, the content will be locked into overlay
|
||
|
|
fixed : true // if false, the overlay CSS position property will not be set to "fixed"
|
||
|
|
},
|
||
|
|
|
||
|
|
overlay : null, // current handle
|
||
|
|
fixed : false, // indicates if the overlay has position "fixed"
|
||
|
|
el : $('html'), // element that contains "the lock"
|
||
|
|
|
||
|
|
// Public methods
|
||
|
|
create : function(opts) {
|
||
|
|
opts = $.extend({}, this.defaults, opts);
|
||
|
|
|
||
|
|
if (this.overlay) {
|
||
|
|
this.close();
|
||
|
|
}
|
||
|
|
|
||
|
|
this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( F.coming ? F.coming.parent : opts.parent );
|
||
|
|
this.fixed = false;
|
||
|
|
|
||
|
|
if (opts.fixed && F.defaults.fixed) {
|
||
|
|
this.overlay.addClass('fancybox-overlay-fixed');
|
||
|
|
|
||
|
|
this.fixed = true;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
open : function(opts) {
|
||
|
|
var that = this;
|
||
|
|
|
||
|
|
opts = $.extend({}, this.defaults, opts);
|
||
|
|
|
||
|
|
if (this.overlay) {
|
||
|
|
this.overlay.unbind('.overlay').width('auto').height('auto');
|
||
|
|
|
||
|
|
} else {
|
||
|
|
this.create(opts);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!this.fixed) {
|
||
|
|
W.bind('resize.overlay', $.proxy( this.update, this) );
|
||
|
|
|
||
|
|
this.update();
|
||
|
|
}
|
||
|
|
|
||
|
|
if (opts.closeClick) {
|
||
|
|
this.overlay.bind('click.overlay', function(e) {
|
||
|
|
if ($(e.target).hasClass('fancybox-overlay')) {
|
||
|
|
if (F.isActive) {
|
||
|
|
F.close();
|
||
|
|
} else {
|
||
|
|
that.close();
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
this.overlay.css( opts.css ).show();
|
||
|
|
},
|
||
|
|
|
||
|
|
close : function() {
|
||
|
|
var scrollV, scrollH;
|
||
|
|
|
||
|
|
W.unbind('resize.overlay');
|
||
|
|
|
||
|
|
if (this.el.hasClass('fancybox-lock')) {
|
||
|
|
$('.fancybox-margin').removeClass('fancybox-margin');
|
||
|
|
|
||
|
|
scrollV = W.scrollTop();
|
||
|
|
scrollH = W.scrollLeft();
|
||
|
|
|
||
|
|
this.el.removeClass('fancybox-lock');
|
||
|
|
|
||
|
|
W.scrollTop( scrollV ).scrollLeft( scrollH );
|
||
|
|
}
|
||
|
|
|
||
|
|
$('.fancybox-overlay').remove().hide();
|
||
|
|
|
||
|
|
$.extend(this, {
|
||
|
|
overlay : null,
|
||
|
|
fixed : false
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
// Private, callbacks
|
||
|
|
|
||
|
|
update : function () {
|
||
|
|
var width = '100%', offsetWidth;
|
||
|
|
|
||
|
|
// Reset width/height so it will not mess
|
||
|
|
this.overlay.width(width).height('100%');
|
||
|
|
|
||
|
|
// jQuery does not return reliable result for IE
|
||
|
|
if (IE) {
|
||
|
|
offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
|
||
|
|
|
||
|
|
if (D.width() > offsetWidth) {
|
||
|
|
width = D.width();
|
||
|
|
}
|
||
|
|
|
||
|
|
} else if (D.width() > W.width()) {
|
||
|
|
width = D.width();
|
||
|
|
}
|
||
|
|
|
||
|
|
this.overlay.width(width).height(D.height());
|
||
|
|
},
|
||
|
|
|
||
|
|
// This is where we can manipulate DOM, because later it would cause iframes to reload
|
||
|
|
onReady : function (opts, obj) {
|
||
|
|
var overlay = this.overlay;
|
||
|
|
|
||
|
|
$('.fancybox-overlay').stop(true, true);
|
||
|
|
|
||
|
|
if (!overlay) {
|
||
|
|
this.create(opts);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (opts.locked && this.fixed && obj.fixed) {
|
||
|
|
if (!overlay) {
|
||
|
|
this.margin = D.height() > W.height() ? $('html').css('margin-right').replace("px", "") : false;
|
||
|
|
}
|
||
|
|
|
||
|
|
obj.locked = this.overlay.append( obj.wrap );
|
||
|
|
obj.fixed = false;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (opts.showEarly === true) {
|
||
|
|
this.beforeShow.apply(this, arguments);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
beforeShow : function(opts, obj) {
|
||
|
|
var scrollV, scrollH;
|
||
|
|
|
||
|
|
if (obj.locked) {
|
||
|
|
if (this.margin !== false) {
|
||
|
|
$('*').filter(function(){
|
||
|
|
return ($(this).css('position') === 'fixed' && !$(this).hasClass("fancybox-overlay") && !$(this).hasClass("fancybox-wrap") );
|
||
|
|
}).addClass('fancybox-margin');
|
||
|
|
|
||
|
|
this.el.addClass('fancybox-margin');
|
||
|
|
}
|
||
|
|
|
||
|
|
scrollV = W.scrollTop();
|
||
|
|
scrollH = W.scrollLeft();
|
||
|
|
|
||
|
|
this.el.addClass('fancybox-lock');
|
||
|
|
|
||
|
|
W.scrollTop( scrollV ).scrollLeft( scrollH );
|
||
|
|
}
|
||
|
|
|
||
|
|
this.open(opts);
|
||
|
|
},
|
||
|
|
|
||
|
|
onUpdate : function() {
|
||
|
|
if (!this.fixed) {
|
||
|
|
this.update();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
afterClose: function (opts) {
|
||
|
|
// Remove overlay if exists and fancyBox is not opening
|
||
|
|
// (e.g., it is not being open using afterClose callback)
|
||
|
|
//if (this.overlay && !F.isActive) {
|
||
|
|
if (this.overlay && !F.coming) {
|
||
|
|
this.overlay.fadeOut(opts.speedOut, $.proxy( this.close, this ));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Title helper
|
||
|
|
*/
|
||
|
|
|
||
|
|
F.helpers.title = {
|
||
|
|
defaults : {
|
||
|
|
type : 'float', // 'float', 'inside', 'outside' or 'over',
|
||
|
|
position : 'bottom' // 'top' or 'bottom'
|
||
|
|
},
|
||
|
|
|
||
|
|
beforeShow: function (opts) {
|
||
|
|
var current = F.current,
|
||
|
|
text = current.title,
|
||
|
|
type = opts.type,
|
||
|
|
title,
|
||
|
|
target;
|
||
|
|
|
||
|
|
if ($.isFunction(text)) {
|
||
|
|
text = text.call(current.element, current);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!isString(text) || $.trim(text) === '') {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
title = $('<div class="fancybox-title fancybox-title-' + type + '-wrap">' + text + '</div>');
|
||
|
|
|
||
|
|
switch (type) {
|
||
|
|
case 'inside':
|
||
|
|
target = F.skin;
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 'outside':
|
||
|
|
target = F.wrap;
|
||
|
|
break;
|
||
|
|
|
||
|
|
case 'over':
|
||
|
|
target = F.inner;
|
||
|
|
break;
|
||
|
|
|
||
|
|
default: // 'float'
|
||
|
|
target = F.skin;
|
||
|
|
|
||
|
|
title.appendTo('body');
|
||
|
|
|
||
|
|
if (IE) {
|
||
|
|
title.width( title.width() );
|
||
|
|
}
|
||
|
|
|
||
|
|
title.wrapInner('<span class="child"></span>');
|
||
|
|
|
||
|
|
//Increase bottom margin so this title will also fit into viewport
|
||
|
|
F.current.margin[2] += Math.abs( getScalar(title.css('margin-bottom')) );
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
|
||
|
|
title[ (opts.position === 'top' ? 'prependTo' : 'appendTo') ](target);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
// jQuery plugin initialization
|
||
|
|
$.fn.fancybox = function (options) {
|
||
|
|
var index,
|
||
|
|
that = $(this),
|
||
|
|
selector = this.selector || '',
|
||
|
|
run = function(e) {
|
||
|
|
var what = $(this).blur(), idx = index, relType, relVal;
|
||
|
|
|
||
|
|
if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) {
|
||
|
|
relType = options.groupAttr || 'data-fancybox-group';
|
||
|
|
relVal = what.attr(relType);
|
||
|
|
|
||
|
|
if (!relVal) {
|
||
|
|
relType = 'rel';
|
||
|
|
relVal = what.get(0)[ relType ];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (relVal && relVal !== '' && relVal !== 'nofollow') {
|
||
|
|
what = selector.length ? $(selector) : that;
|
||
|
|
what = what.filter('[' + relType + '="' + relVal + '"]');
|
||
|
|
idx = what.index(this);
|
||
|
|
}
|
||
|
|
|
||
|
|
options.index = idx;
|
||
|
|
|
||
|
|
// Stop an event from bubbling if everything is fine
|
||
|
|
if (F.open(what, options) !== false) {
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
options = options || {};
|
||
|
|
index = options.index || 0;
|
||
|
|
|
||
|
|
if (!selector || options.live === false) {
|
||
|
|
that.unbind('click.fb-start').bind('click.fb-start', run);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
D.undelegate(selector, 'click.fb-start').delegate(selector + ":not('.fancybox-item, .fancybox-nav')", 'click.fb-start', run);
|
||
|
|
}
|
||
|
|
|
||
|
|
this.filter('[data-fancybox-start=1]').trigger('click');
|
||
|
|
|
||
|
|
return this;
|
||
|
|
};
|
||
|
|
|
||
|
|
// Tests that need a body at doc ready
|
||
|
|
D.ready(function() {
|
||
|
|
var w1, w2;
|
||
|
|
|
||
|
|
if ( $.scrollbarWidth === undefined ) {
|
||
|
|
// http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
|
||
|
|
$.scrollbarWidth = function() {
|
||
|
|
var parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body'),
|
||
|
|
child = parent.children(),
|
||
|
|
width = child.innerWidth() - child.height( 99 ).innerWidth();
|
||
|
|
|
||
|
|
parent.remove();
|
||
|
|
|
||
|
|
return width;
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( $.support.fixedPosition === undefined ) {
|
||
|
|
$.support.fixedPosition = (function() {
|
||
|
|
var elem = $('<div style="position:fixed;top:20px;"></div>').appendTo('body'),
|
||
|
|
fixed = ( elem[0].offsetTop === 20 || elem[0].offsetTop === 15 );
|
||
|
|
|
||
|
|
elem.remove();
|
||
|
|
|
||
|
|
return fixed;
|
||
|
|
}());
|
||
|
|
}
|
||
|
|
|
||
|
|
$.extend(F.defaults, {
|
||
|
|
scrollbarWidth : $.scrollbarWidth(),
|
||
|
|
fixed : $.support.fixedPosition,
|
||
|
|
parent : $('body')
|
||
|
|
});
|
||
|
|
|
||
|
|
//Get real width of page scroll-bar
|
||
|
|
w1 = $(window).width();
|
||
|
|
|
||
|
|
H.addClass('fancybox-lock-test');
|
||
|
|
|
||
|
|
w2 = $(window).width();
|
||
|
|
|
||
|
|
H.removeClass('fancybox-lock-test');
|
||
|
|
|
||
|
|
$("<style type='text/css'>.fancybox-margin{margin-right:" + (w2 - w1) + "px;}</style>").appendTo("head");
|
||
|
|
});
|
||
|
|
|
||
|
|
}(window, document, jQuery));
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin AES.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||
|
|
/* AES implementation in JavaScript (c) Chris Veness 2005-2011 */
|
||
|
|
/* - see http://csrc.nist.gov/publications/PubsFIPS.html#197 */
|
||
|
|
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||
|
|
|
||
|
|
var Aes = {}; // Aes namespace
|
||
|
|
|
||
|
|
/**
|
||
|
|
* AES Cipher function: encrypt 'input' state with Rijndael algorithm
|
||
|
|
* applies Nr rounds (10/12/14) using key schedule w for 'add round key' stage
|
||
|
|
*
|
||
|
|
* @param {Number[]} input 16-byte (128-bit) input state array
|
||
|
|
* @param {Number[][]} w Key schedule as 2D byte-array (Nr+1 x Nb bytes)
|
||
|
|
* @returns {Number[]} Encrypted output state array
|
||
|
|
*/
|
||
|
|
Aes.cipher = function(input, w) { // main Cipher function [§5.1]
|
||
|
|
var Nb = 4; // block size (in words): no of columns in state (fixed at 4 for AES)
|
||
|
|
var Nr = w.length/Nb - 1; // no of rounds: 10/12/14 for 128/192/256-bit keys
|
||
|
|
|
||
|
|
var state = [[],[],[],[]]; // initialise 4xNb byte-array 'state' with input [§3.4]
|
||
|
|
for (var i=0; i<4*Nb; i++) state[i%4][Math.floor(i/4)] = input[i];
|
||
|
|
|
||
|
|
state = Aes.addRoundKey(state, w, 0, Nb);
|
||
|
|
|
||
|
|
for (var round=1; round<Nr; round++) {
|
||
|
|
state = Aes.subBytes(state, Nb);
|
||
|
|
state = Aes.shiftRows(state, Nb);
|
||
|
|
state = Aes.mixColumns(state, Nb);
|
||
|
|
state = Aes.addRoundKey(state, w, round, Nb);
|
||
|
|
}
|
||
|
|
|
||
|
|
state = Aes.subBytes(state, Nb);
|
||
|
|
state = Aes.shiftRows(state, Nb);
|
||
|
|
state = Aes.addRoundKey(state, w, Nr, Nb);
|
||
|
|
|
||
|
|
var output = new Array(4*Nb); // convert state to 1-d array before returning [§3.4]
|
||
|
|
for (var i=0; i<4*Nb; i++) output[i] = state[i%4][Math.floor(i/4)];
|
||
|
|
return output;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Perform Key Expansion to generate a Key Schedule
|
||
|
|
*
|
||
|
|
* @param {Number[]} key Key as 16/24/32-byte array
|
||
|
|
* @returns {Number[][]} Expanded key schedule as 2D byte-array (Nr+1 x Nb bytes)
|
||
|
|
*/
|
||
|
|
Aes.keyExpansion = function(key) { // generate Key Schedule (byte-array Nr+1 x Nb) from Key [§5.2]
|
||
|
|
var Nb = 4; // block size (in words): no of columns in state (fixed at 4 for AES)
|
||
|
|
var Nk = key.length/4 // key length (in words): 4/6/8 for 128/192/256-bit keys
|
||
|
|
var Nr = Nk + 6; // no of rounds: 10/12/14 for 128/192/256-bit keys
|
||
|
|
|
||
|
|
var w = new Array(Nb*(Nr+1));
|
||
|
|
var temp = new Array(4);
|
||
|
|
|
||
|
|
for (var i=0; i<Nk; i++) {
|
||
|
|
var r = [key[4*i], key[4*i+1], key[4*i+2], key[4*i+3]];
|
||
|
|
w[i] = r;
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var i=Nk; i<(Nb*(Nr+1)); i++) {
|
||
|
|
w[i] = new Array(4);
|
||
|
|
for (var t=0; t<4; t++) temp[t] = w[i-1][t];
|
||
|
|
if (i % Nk == 0) {
|
||
|
|
temp = Aes.subWord(Aes.rotWord(temp));
|
||
|
|
for (var t=0; t<4; t++) temp[t] ^= Aes.rCon[i/Nk][t];
|
||
|
|
} else if (Nk > 6 && i%Nk == 4) {
|
||
|
|
temp = Aes.subWord(temp);
|
||
|
|
}
|
||
|
|
for (var t=0; t<4; t++) w[i][t] = w[i-Nk][t] ^ temp[t];
|
||
|
|
}
|
||
|
|
|
||
|
|
return w;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
* ---- remaining routines are private, not called externally ----
|
||
|
|
*/
|
||
|
|
|
||
|
|
Aes.subBytes = function(s, Nb) { // apply SBox to state S [§5.1.1]
|
||
|
|
for (var r=0; r<4; r++) {
|
||
|
|
for (var c=0; c<Nb; c++) s[r][c] = Aes.sBox[s[r][c]];
|
||
|
|
}
|
||
|
|
return s;
|
||
|
|
}
|
||
|
|
|
||
|
|
Aes.shiftRows = function(s, Nb) { // shift row r of state S left by r bytes [§5.1.2]
|
||
|
|
var t = new Array(4);
|
||
|
|
for (var r=1; r<4; r++) {
|
||
|
|
for (var c=0; c<4; c++) t[c] = s[r][(c+r)%Nb]; // shift into temp copy
|
||
|
|
for (var c=0; c<4; c++) s[r][c] = t[c]; // and copy back
|
||
|
|
} // note that this will work for Nb=4,5,6, but not 7,8 (always 4 for AES):
|
||
|
|
return s; // see asmaes.sourceforge.net/rijndael/rijndaelImplementation.pdf
|
||
|
|
}
|
||
|
|
|
||
|
|
Aes.mixColumns = function(s, Nb) { // combine bytes of each col of state S [§5.1.3]
|
||
|
|
for (var c=0; c<4; c++) {
|
||
|
|
var a = new Array(4); // 'a' is a copy of the current column from 's'
|
||
|
|
var b = new Array(4); // 'b' is a•{02} in GF(2^8)
|
||
|
|
for (var i=0; i<4; i++) {
|
||
|
|
a[i] = s[i][c];
|
||
|
|
b[i] = s[i][c]&0x80 ? s[i][c]<<1 ^ 0x011b : s[i][c]<<1;
|
||
|
|
|
||
|
|
}
|
||
|
|
// a[n] ^ b[n] is a•{03} in GF(2^8)
|
||
|
|
s[0][c] = b[0] ^ a[1] ^ b[1] ^ a[2] ^ a[3]; // 2*a0 + 3*a1 + a2 + a3
|
||
|
|
s[1][c] = a[0] ^ b[1] ^ a[2] ^ b[2] ^ a[3]; // a0 * 2*a1 + 3*a2 + a3
|
||
|
|
s[2][c] = a[0] ^ a[1] ^ b[2] ^ a[3] ^ b[3]; // a0 + a1 + 2*a2 + 3*a3
|
||
|
|
s[3][c] = a[0] ^ b[0] ^ a[1] ^ a[2] ^ b[3]; // 3*a0 + a1 + a2 + 2*a3
|
||
|
|
}
|
||
|
|
return s;
|
||
|
|
}
|
||
|
|
|
||
|
|
Aes.addRoundKey = function(state, w, rnd, Nb) { // xor Round Key into state S [§5.1.4]
|
||
|
|
for (var r=0; r<4; r++) {
|
||
|
|
for (var c=0; c<Nb; c++) state[r][c] ^= w[rnd*4+c][r];
|
||
|
|
}
|
||
|
|
return state;
|
||
|
|
}
|
||
|
|
|
||
|
|
Aes.subWord = function(w) { // apply SBox to 4-byte word w
|
||
|
|
for (var i=0; i<4; i++) w[i] = Aes.sBox[w[i]];
|
||
|
|
return w;
|
||
|
|
}
|
||
|
|
|
||
|
|
Aes.rotWord = function(w) { // rotate 4-byte word w left by one byte
|
||
|
|
var tmp = w[0];
|
||
|
|
for (var i=0; i<3; i++) w[i] = w[i+1];
|
||
|
|
w[3] = tmp;
|
||
|
|
return w;
|
||
|
|
}
|
||
|
|
|
||
|
|
// sBox is pre-computed multiplicative inverse in GF(2^8) used in subBytes and keyExpansion [§5.1.1]
|
||
|
|
Aes.sBox = [0x63,0x7c,0x77,0x7b,0xf2,0x6b,0x6f,0xc5,0x30,0x01,0x67,0x2b,0xfe,0xd7,0xab,0x76,
|
||
|
|
0xca,0x82,0xc9,0x7d,0xfa,0x59,0x47,0xf0,0xad,0xd4,0xa2,0xaf,0x9c,0xa4,0x72,0xc0,
|
||
|
|
0xb7,0xfd,0x93,0x26,0x36,0x3f,0xf7,0xcc,0x34,0xa5,0xe5,0xf1,0x71,0xd8,0x31,0x15,
|
||
|
|
0x04,0xc7,0x23,0xc3,0x18,0x96,0x05,0x9a,0x07,0x12,0x80,0xe2,0xeb,0x27,0xb2,0x75,
|
||
|
|
0x09,0x83,0x2c,0x1a,0x1b,0x6e,0x5a,0xa0,0x52,0x3b,0xd6,0xb3,0x29,0xe3,0x2f,0x84,
|
||
|
|
0x53,0xd1,0x00,0xed,0x20,0xfc,0xb1,0x5b,0x6a,0xcb,0xbe,0x39,0x4a,0x4c,0x58,0xcf,
|
||
|
|
0xd0,0xef,0xaa,0xfb,0x43,0x4d,0x33,0x85,0x45,0xf9,0x02,0x7f,0x50,0x3c,0x9f,0xa8,
|
||
|
|
0x51,0xa3,0x40,0x8f,0x92,0x9d,0x38,0xf5,0xbc,0xb6,0xda,0x21,0x10,0xff,0xf3,0xd2,
|
||
|
|
0xcd,0x0c,0x13,0xec,0x5f,0x97,0x44,0x17,0xc4,0xa7,0x7e,0x3d,0x64,0x5d,0x19,0x73,
|
||
|
|
0x60,0x81,0x4f,0xdc,0x22,0x2a,0x90,0x88,0x46,0xee,0xb8,0x14,0xde,0x5e,0x0b,0xdb,
|
||
|
|
0xe0,0x32,0x3a,0x0a,0x49,0x06,0x24,0x5c,0xc2,0xd3,0xac,0x62,0x91,0x95,0xe4,0x79,
|
||
|
|
0xe7,0xc8,0x37,0x6d,0x8d,0xd5,0x4e,0xa9,0x6c,0x56,0xf4,0xea,0x65,0x7a,0xae,0x08,
|
||
|
|
0xba,0x78,0x25,0x2e,0x1c,0xa6,0xb4,0xc6,0xe8,0xdd,0x74,0x1f,0x4b,0xbd,0x8b,0x8a,
|
||
|
|
0x70,0x3e,0xb5,0x66,0x48,0x03,0xf6,0x0e,0x61,0x35,0x57,0xb9,0x86,0xc1,0x1d,0x9e,
|
||
|
|
0xe1,0xf8,0x98,0x11,0x69,0xd9,0x8e,0x94,0x9b,0x1e,0x87,0xe9,0xce,0x55,0x28,0xdf,
|
||
|
|
0x8c,0xa1,0x89,0x0d,0xbf,0xe6,0x42,0x68,0x41,0x99,0x2d,0x0f,0xb0,0x54,0xbb,0x16];
|
||
|
|
|
||
|
|
// rCon is Round Constant used for the Key Expansion [1st col is 2^(r-1) in GF(2^8)] [§5.2]
|
||
|
|
Aes.rCon = [ [0x00, 0x00, 0x00, 0x00],
|
||
|
|
[0x01, 0x00, 0x00, 0x00],
|
||
|
|
[0x02, 0x00, 0x00, 0x00],
|
||
|
|
[0x04, 0x00, 0x00, 0x00],
|
||
|
|
[0x08, 0x00, 0x00, 0x00],
|
||
|
|
[0x10, 0x00, 0x00, 0x00],
|
||
|
|
[0x20, 0x00, 0x00, 0x00],
|
||
|
|
[0x40, 0x00, 0x00, 0x00],
|
||
|
|
[0x80, 0x00, 0x00, 0x00],
|
||
|
|
[0x1b, 0x00, 0x00, 0x00],
|
||
|
|
[0x36, 0x00, 0x00, 0x00] ];
|
||
|
|
|
||
|
|
|
||
|
|
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||
|
|
/* AES Counter-mode implementation in JavaScript (c) Chris Veness 2005-2011 */
|
||
|
|
/* - see http://csrc.nist.gov/publications/nistpubs/800-38a/sp800-38a.pdf */
|
||
|
|
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||
|
|
|
||
|
|
Aes.Ctr = {}; // Aes.Ctr namespace: a subclass or extension of Aes
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Encrypt a text using AES encryption in Counter mode of operation
|
||
|
|
*
|
||
|
|
* Unicode multi-byte character safe
|
||
|
|
*
|
||
|
|
* @param {String} plaintext Source text to be encrypted
|
||
|
|
* @param {String} password The password to use to generate a key
|
||
|
|
* @param {Number} nBits Number of bits to be used in the key (128, 192, or 256)
|
||
|
|
* @returns {string} Encrypted text
|
||
|
|
*/
|
||
|
|
Aes.Ctr.encrypt = function(plaintext, password, nBits) {
|
||
|
|
var blockSize = 16; // block size fixed at 16 bytes / 128 bits (Nb=4) for AES
|
||
|
|
if (!(nBits==128 || nBits==192 || nBits==256)) return ''; // standard allows 128/192/256 bit keys
|
||
|
|
plaintext = Utf8.encode(plaintext);
|
||
|
|
password = Utf8.encode(password);
|
||
|
|
//var t = new Date(); // timer
|
||
|
|
|
||
|
|
// use AES itself to encrypt password to get cipher key (using plain password as source for key
|
||
|
|
// expansion) - gives us well encrypted key (though hashed key might be preferred for prod'n use)
|
||
|
|
var nBytes = nBits/8; // no bytes in key (16/24/32)
|
||
|
|
var pwBytes = new Array(nBytes);
|
||
|
|
for (var i=0; i<nBytes; i++) { // use 1st 16/24/32 chars of password for key
|
||
|
|
pwBytes[i] = isNaN(password.charCodeAt(i)) ? 0 : password.charCodeAt(i);
|
||
|
|
}
|
||
|
|
var key = Aes.cipher(pwBytes, Aes.keyExpansion(pwBytes)); // gives us 16-byte key
|
||
|
|
key = key.concat(key.slice(0, nBytes-16)); // expand key to 16/24/32 bytes long
|
||
|
|
|
||
|
|
// initialise 1st 8 bytes of counter block with nonce (NIST SP800-38A §B.2): [0-1] = millisec,
|
||
|
|
// [2-3] = random, [4-7] = seconds, together giving full sub-millisec uniqueness up to Feb 2106
|
||
|
|
var counterBlock = new Array(blockSize);
|
||
|
|
|
||
|
|
var nonce = (new Date()).getTime(); // timestamp: milliseconds since 1-Jan-1970
|
||
|
|
var nonceMs = nonce%1000;
|
||
|
|
var nonceSec = Math.floor(nonce/1000);
|
||
|
|
var nonceRnd = Math.floor(Math.random()*0xffff);
|
||
|
|
|
||
|
|
for (var i=0; i<2; i++) counterBlock[i] = (nonceMs >>> i*8) & 0xff;
|
||
|
|
for (var i=0; i<2; i++) counterBlock[i+2] = (nonceRnd >>> i*8) & 0xff;
|
||
|
|
for (var i=0; i<4; i++) counterBlock[i+4] = (nonceSec >>> i*8) & 0xff;
|
||
|
|
|
||
|
|
// and convert it to a string to go on the front of the ciphertext
|
||
|
|
var ctrTxt = '';
|
||
|
|
for (var i=0; i<8; i++) ctrTxt += String.fromCharCode(counterBlock[i]);
|
||
|
|
|
||
|
|
// generate key schedule - an expansion of the key into distinct Key Rounds for each round
|
||
|
|
var keySchedule = Aes.keyExpansion(key);
|
||
|
|
|
||
|
|
var blockCount = Math.ceil(plaintext.length/blockSize);
|
||
|
|
var ciphertxt = new Array(blockCount); // ciphertext as array of strings
|
||
|
|
|
||
|
|
for (var b=0; b<blockCount; b++) {
|
||
|
|
// set counter (block #) in last 8 bytes of counter block (leaving nonce in 1st 8 bytes)
|
||
|
|
// done in two stages for 32-bit ops: using two words allows us to go past 2^32 blocks (68GB)
|
||
|
|
for (var c=0; c<4; c++) counterBlock[15-c] = (b >>> c*8) & 0xff;
|
||
|
|
for (var c=0; c<4; c++) counterBlock[15-c-4] = (b/0x100000000 >>> c*8)
|
||
|
|
|
||
|
|
var cipherCntr = Aes.cipher(counterBlock, keySchedule); // -- encrypt counter block --
|
||
|
|
|
||
|
|
// block size is reduced on final block
|
||
|
|
var blockLength = b<blockCount-1 ? blockSize : (plaintext.length-1)%blockSize+1;
|
||
|
|
var cipherChar = new Array(blockLength);
|
||
|
|
|
||
|
|
for (var i=0; i<blockLength; i++) { // -- xor plaintext with ciphered counter char-by-char --
|
||
|
|
cipherChar[i] = cipherCntr[i] ^ plaintext.charCodeAt(b*blockSize+i);
|
||
|
|
cipherChar[i] = String.fromCharCode(cipherChar[i]);
|
||
|
|
}
|
||
|
|
ciphertxt[b] = cipherChar.join('');
|
||
|
|
}
|
||
|
|
|
||
|
|
// Array.join is more efficient than repeated string concatenation in IE
|
||
|
|
var ciphertext = ctrTxt + ciphertxt.join('');
|
||
|
|
ciphertext = Base64.encode(ciphertext); // encode in base64
|
||
|
|
|
||
|
|
//alert((new Date()) - t);
|
||
|
|
return ciphertext;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Decrypt a text encrypted by AES in counter mode of operation
|
||
|
|
*
|
||
|
|
* @param {String} ciphertext Source text to be encrypted
|
||
|
|
* @param {String} password The password to use to generate a key
|
||
|
|
* @param {Number} nBits Number of bits to be used in the key (128, 192, or 256)
|
||
|
|
* @returns {String} Decrypted text
|
||
|
|
*/
|
||
|
|
Aes.Ctr.decrypt = function(ciphertext, password, nBits) {
|
||
|
|
var blockSize = 16; // block size fixed at 16 bytes / 128 bits (Nb=4) for AES
|
||
|
|
if (!(nBits==128 || nBits==192 || nBits==256)) return ''; // standard allows 128/192/256 bit keys
|
||
|
|
ciphertext = Base64.decode(ciphertext);
|
||
|
|
password = Utf8.encode(password);
|
||
|
|
//var t = new Date(); // timer
|
||
|
|
|
||
|
|
// use AES to encrypt password (mirroring encrypt routine)
|
||
|
|
var nBytes = nBits/8; // no bytes in key
|
||
|
|
var pwBytes = new Array(nBytes);
|
||
|
|
for (var i=0; i<nBytes; i++) {
|
||
|
|
pwBytes[i] = isNaN(password.charCodeAt(i)) ? 0 : password.charCodeAt(i);
|
||
|
|
}
|
||
|
|
var key = Aes.cipher(pwBytes, Aes.keyExpansion(pwBytes));
|
||
|
|
key = key.concat(key.slice(0, nBytes-16)); // expand key to 16/24/32 bytes long
|
||
|
|
|
||
|
|
// recover nonce from 1st 8 bytes of ciphertext
|
||
|
|
var counterBlock = new Array(8);
|
||
|
|
ctrTxt = ciphertext.slice(0, 8);
|
||
|
|
for (var i=0; i<8; i++) counterBlock[i] = ctrTxt.charCodeAt(i);
|
||
|
|
|
||
|
|
// generate key schedule
|
||
|
|
var keySchedule = Aes.keyExpansion(key);
|
||
|
|
|
||
|
|
// separate ciphertext into blocks (skipping past initial 8 bytes)
|
||
|
|
var nBlocks = Math.ceil((ciphertext.length-8) / blockSize);
|
||
|
|
var ct = new Array(nBlocks);
|
||
|
|
for (var b=0; b<nBlocks; b++) ct[b] = ciphertext.slice(8+b*blockSize, 8+b*blockSize+blockSize);
|
||
|
|
ciphertext = ct; // ciphertext is now array of block-length strings
|
||
|
|
|
||
|
|
// plaintext will get generated block-by-block into array of block-length strings
|
||
|
|
var plaintxt = new Array(ciphertext.length);
|
||
|
|
|
||
|
|
for (var b=0; b<nBlocks; b++) {
|
||
|
|
// set counter (block #) in last 8 bytes of counter block (leaving nonce in 1st 8 bytes)
|
||
|
|
for (var c=0; c<4; c++) counterBlock[15-c] = ((b) >>> c*8) & 0xff;
|
||
|
|
for (var c=0; c<4; c++) counterBlock[15-c-4] = (((b+1)/0x100000000-1) >>> c*8) & 0xff;
|
||
|
|
|
||
|
|
var cipherCntr = Aes.cipher(counterBlock, keySchedule); // encrypt counter block
|
||
|
|
|
||
|
|
var plaintxtByte = new Array(ciphertext[b].length);
|
||
|
|
for (var i=0; i<ciphertext[b].length; i++) {
|
||
|
|
// -- xor plaintxt with ciphered counter byte-by-byte --
|
||
|
|
plaintxtByte[i] = cipherCntr[i] ^ ciphertext[b].charCodeAt(i);
|
||
|
|
plaintxtByte[i] = String.fromCharCode(plaintxtByte[i]);
|
||
|
|
}
|
||
|
|
plaintxt[b] = plaintxtByte.join('');
|
||
|
|
}
|
||
|
|
|
||
|
|
// join array of blocks into single plaintext string
|
||
|
|
var plaintext = plaintxt.join('');
|
||
|
|
plaintext = Utf8.decode(plaintext); // decode from UTF8 back to Unicode multi-byte chars
|
||
|
|
|
||
|
|
//alert((new Date()) - t);
|
||
|
|
return plaintext;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||
|
|
/* Base64 class: Base 64 encoding / decoding (c) Chris Veness 2002-2011 */
|
||
|
|
/* note: depends on Utf8 class */
|
||
|
|
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||
|
|
|
||
|
|
var Base64 = {}; // Base64 namespace
|
||
|
|
|
||
|
|
Base64.code = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Encode string into Base64, as defined by RFC 4648 [http://tools.ietf.org/html/rfc4648]
|
||
|
|
* (instance method extending String object). As per RFC 4648, no newlines are added.
|
||
|
|
*
|
||
|
|
* @param {String} str The string to be encoded as base-64
|
||
|
|
* @param {Boolean} [utf8encode=false] Flag to indicate whether str is Unicode string to be encoded
|
||
|
|
* to UTF8 before conversion to base64; otherwise string is assumed to be 8-bit characters
|
||
|
|
* @returns {String} Base64-encoded string
|
||
|
|
*/
|
||
|
|
Base64.encode = function(str, utf8encode) { // http://tools.ietf.org/html/rfc4648
|
||
|
|
utf8encode = (typeof utf8encode == 'undefined') ? false : utf8encode;
|
||
|
|
var o1, o2, o3, bits, h1, h2, h3, h4, e=[], pad = '', c, plain, coded;
|
||
|
|
var b64 = Base64.code;
|
||
|
|
|
||
|
|
plain = utf8encode ? str.encodeUTF8() : str;
|
||
|
|
|
||
|
|
c = plain.length % 3; // pad string to length of multiple of 3
|
||
|
|
if (c > 0) { while (c++ < 3) { pad += '='; plain += '\0'; } }
|
||
|
|
// note: doing padding here saves us doing special-case packing for trailing 1 or 2 chars
|
||
|
|
|
||
|
|
for (c=0; c<plain.length; c+=3) { // pack three octets into four hexets
|
||
|
|
o1 = plain.charCodeAt(c);
|
||
|
|
o2 = plain.charCodeAt(c+1);
|
||
|
|
o3 = plain.charCodeAt(c+2);
|
||
|
|
|
||
|
|
bits = o1<<16 | o2<<8 | o3;
|
||
|
|
|
||
|
|
h1 = bits>>18 & 0x3f;
|
||
|
|
h2 = bits>>12 & 0x3f;
|
||
|
|
h3 = bits>>6 & 0x3f;
|
||
|
|
h4 = bits & 0x3f;
|
||
|
|
|
||
|
|
// use hextets to index into code string
|
||
|
|
e[c/3] = b64.charAt(h1) + b64.charAt(h2) + b64.charAt(h3) + b64.charAt(h4);
|
||
|
|
}
|
||
|
|
coded = e.join(''); // join() is far faster than repeated string concatenation in IE
|
||
|
|
|
||
|
|
// replace 'A's from padded nulls with '='s
|
||
|
|
coded = coded.slice(0, coded.length-pad.length) + pad;
|
||
|
|
|
||
|
|
return coded;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Decode string from Base64, as defined by RFC 4648 [http://tools.ietf.org/html/rfc4648]
|
||
|
|
* (instance method extending String object). As per RFC 4648, newlines are not catered for.
|
||
|
|
*
|
||
|
|
* @param {String} str The string to be decoded from base-64
|
||
|
|
* @param {Boolean} [utf8decode=false] Flag to indicate whether str is Unicode string to be decoded
|
||
|
|
* from UTF8 after conversion from base64
|
||
|
|
* @returns {String} decoded string
|
||
|
|
*/
|
||
|
|
Base64.decode = function(str, utf8decode) {
|
||
|
|
utf8decode = (typeof utf8decode == 'undefined') ? false : utf8decode;
|
||
|
|
var o1, o2, o3, h1, h2, h3, h4, bits, d=[], plain, coded;
|
||
|
|
var b64 = Base64.code;
|
||
|
|
|
||
|
|
coded = utf8decode ? str.decodeUTF8() : str;
|
||
|
|
|
||
|
|
|
||
|
|
for (var c=0; c<coded.length; c+=4) { // unpack four hexets into three octets
|
||
|
|
h1 = b64.indexOf(coded.charAt(c));
|
||
|
|
h2 = b64.indexOf(coded.charAt(c+1));
|
||
|
|
h3 = b64.indexOf(coded.charAt(c+2));
|
||
|
|
h4 = b64.indexOf(coded.charAt(c+3));
|
||
|
|
|
||
|
|
bits = h1<<18 | h2<<12 | h3<<6 | h4;
|
||
|
|
|
||
|
|
o1 = bits>>>16 & 0xff;
|
||
|
|
o2 = bits>>>8 & 0xff;
|
||
|
|
o3 = bits & 0xff;
|
||
|
|
|
||
|
|
d[c/4] = String.fromCharCode(o1, o2, o3);
|
||
|
|
// check for padding
|
||
|
|
if (h4 == 0x40) d[c/4] = String.fromCharCode(o1, o2);
|
||
|
|
if (h3 == 0x40) d[c/4] = String.fromCharCode(o1);
|
||
|
|
}
|
||
|
|
plain = d.join(''); // join() is far faster than repeated string concatenation in IE
|
||
|
|
|
||
|
|
return utf8decode ? plain.decodeUTF8() : plain;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||
|
|
/* Utf8 class: encode / decode between multi-byte Unicode characters and UTF-8 multiple */
|
||
|
|
/* single-byte character encoding (c) Chris Veness 2002-2011 */
|
||
|
|
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||
|
|
|
||
|
|
var Utf8 = {}; // Utf8 namespace
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Encode multi-byte Unicode string into utf-8 multiple single-byte characters
|
||
|
|
* (BMP / basic multilingual plane only)
|
||
|
|
*
|
||
|
|
* Chars in range U+0080 - U+07FF are encoded in 2 chars, U+0800 - U+FFFF in 3 chars
|
||
|
|
*
|
||
|
|
* @param {String} strUni Unicode string to be encoded as UTF-8
|
||
|
|
* @returns {String} encoded string
|
||
|
|
*/
|
||
|
|
Utf8.encode = function(strUni) {
|
||
|
|
// use regular expressions & String.replace callback function for better efficiency
|
||
|
|
// than procedural approaches
|
||
|
|
var strUtf = strUni.replace(
|
||
|
|
/[\u0080-\u07ff]/g, // U+0080 - U+07FF => 2 bytes 110yyyyy, 10zzzzzz
|
||
|
|
function(c) {
|
||
|
|
var cc = c.charCodeAt(0);
|
||
|
|
return String.fromCharCode(0xc0 | cc>>6, 0x80 | cc&0x3f); }
|
||
|
|
);
|
||
|
|
strUtf = strUtf.replace(
|
||
|
|
/[\u0800-\uffff]/g, // U+0800 - U+FFFF => 3 bytes 1110xxxx, 10yyyyyy, 10zzzzzz
|
||
|
|
function(c) {
|
||
|
|
var cc = c.charCodeAt(0);
|
||
|
|
return String.fromCharCode(0xe0 | cc>>12, 0x80 | cc>>6&0x3F, 0x80 | cc&0x3f); }
|
||
|
|
);
|
||
|
|
return strUtf;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Decode utf-8 encoded string back into multi-byte Unicode characters
|
||
|
|
*
|
||
|
|
* @param {String} strUtf UTF-8 string to be decoded back to Unicode
|
||
|
|
* @returns {String} decoded string
|
||
|
|
*/
|
||
|
|
Utf8.decode = function(strUtf) {
|
||
|
|
// note: decode 3-byte chars first as decoded 2-byte strings could appear to be 3-byte char!
|
||
|
|
var strUni = strUtf.replace(
|
||
|
|
/[\u00e0-\u00ef][\u0080-\u00bf][\u0080-\u00bf]/g, // 3-byte chars
|
||
|
|
function(c) { // (note parentheses for precence)
|
||
|
|
var cc = ((c.charCodeAt(0)&0x0f)<<12) | ((c.charCodeAt(1)&0x3f)<<6) | ( c.charCodeAt(2)&0x3f);
|
||
|
|
return String.fromCharCode(cc); }
|
||
|
|
);
|
||
|
|
strUni = strUni.replace(
|
||
|
|
/[\u00c0-\u00df][\u0080-\u00bf]/g, // 2-byte chars
|
||
|
|
function(c) { // (note parentheses for precence)
|
||
|
|
var cc = (c.charCodeAt(0)&0x1f)<<6 | c.charCodeAt(1)&0x3f;
|
||
|
|
return String.fromCharCode(cc); }
|
||
|
|
);
|
||
|
|
return strUni;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin bootstrap-tooltip.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* ===========================================================
|
||
|
|
* bootstrap-tooltip.js v2.0.1
|
||
|
|
* http://twitter.github.com/bootstrap/javascript.html#tooltips
|
||
|
|
* Inspired by the original jQuery.tipsy by Jason Frame
|
||
|
|
* ===========================================================
|
||
|
|
* Copyright 2012 Twitter, Inc.
|
||
|
|
*
|
||
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
||
|
|
* you may not use this file except in compliance with the License.
|
||
|
|
* You may obtain a copy of the License at
|
||
|
|
*
|
||
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||
|
|
*
|
||
|
|
* Unless required by applicable law or agreed to in writing, software
|
||
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
||
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
|
|
* See the License for the specific language governing permissions and
|
||
|
|
* limitations under the License.
|
||
|
|
* ========================================================== */
|
||
|
|
|
||
|
|
!function( $ ) {
|
||
|
|
|
||
|
|
"use strict"
|
||
|
|
|
||
|
|
/* TOOLTIP PUBLIC CLASS DEFINITION
|
||
|
|
* =============================== */
|
||
|
|
|
||
|
|
var Tooltip = function ( element, options ) {
|
||
|
|
this.init('tooltip', element, options)
|
||
|
|
}
|
||
|
|
|
||
|
|
Tooltip.prototype = {
|
||
|
|
|
||
|
|
constructor: Tooltip
|
||
|
|
|
||
|
|
, init: function ( type, element, options ) {
|
||
|
|
var eventIn
|
||
|
|
, eventOut
|
||
|
|
|
||
|
|
this.type = type
|
||
|
|
this.$element = $(element)
|
||
|
|
this.options = this.getOptions(options)
|
||
|
|
this.enabled = true
|
||
|
|
|
||
|
|
if (this.options.trigger != 'manual') {
|
||
|
|
eventIn = this.options.trigger == 'hover' ? 'mouseenter' : 'focus'
|
||
|
|
eventOut = this.options.trigger == 'hover' ? 'mouseleave' : 'blur'
|
||
|
|
this.$element.on(eventIn, this.options.selector, $.proxy(this.enter, this))
|
||
|
|
this.$element.on(eventOut, this.options.selector, $.proxy(this.leave, this))
|
||
|
|
}
|
||
|
|
|
||
|
|
this.options.selector ?
|
||
|
|
(this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
|
||
|
|
this.fixTitle()
|
||
|
|
}
|
||
|
|
|
||
|
|
, getOptions: function ( options ) {
|
||
|
|
options = $.extend({}, $.fn[this.type].defaults, options, this.$element.data())
|
||
|
|
|
||
|
|
if (options.delay && typeof options.delay == 'number') {
|
||
|
|
options.delay = {
|
||
|
|
show: options.delay
|
||
|
|
, hide: options.delay
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return options
|
||
|
|
}
|
||
|
|
|
||
|
|
, enter: function ( e ) {
|
||
|
|
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
||
|
|
|
||
|
|
if (!self.options.delay || !self.options.delay.show) {
|
||
|
|
self.show()
|
||
|
|
} else {
|
||
|
|
self.hoverState = 'in'
|
||
|
|
setTimeout(function() {
|
||
|
|
if (self.hoverState == 'in') {
|
||
|
|
self.show()
|
||
|
|
}
|
||
|
|
}, self.options.delay.show)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
, leave: function ( e ) {
|
||
|
|
var self = $(e.currentTarget)[this.type](this._options).data(this.type)
|
||
|
|
|
||
|
|
if (!self.options.delay || !self.options.delay.hide) {
|
||
|
|
self.hide()
|
||
|
|
} else {
|
||
|
|
self.hoverState = 'out'
|
||
|
|
setTimeout(function() {
|
||
|
|
if (self.hoverState == 'out') {
|
||
|
|
self.hide()
|
||
|
|
}
|
||
|
|
}, self.options.delay.hide)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
, show: function () {
|
||
|
|
var $tip
|
||
|
|
, inside
|
||
|
|
, pos
|
||
|
|
, actualWidth
|
||
|
|
, actualHeight
|
||
|
|
, placement
|
||
|
|
, tp
|
||
|
|
|
||
|
|
if (this.hasContent() && this.enabled) {
|
||
|
|
$tip = this.tip()
|
||
|
|
this.setContent()
|
||
|
|
|
||
|
|
if (this.options.animation) {
|
||
|
|
$tip.addClass('fade')
|
||
|
|
}
|
||
|
|
|
||
|
|
placement = typeof this.options.placement == 'function' ?
|
||
|
|
this.options.placement.call(this, $tip[0], this.$element[0]) :
|
||
|
|
this.options.placement
|
||
|
|
|
||
|
|
inside = /in/.test(placement)
|
||
|
|
|
||
|
|
$tip
|
||
|
|
.remove()
|
||
|
|
.css({ top: 0, left: 0, display: 'block' })
|
||
|
|
.appendTo(inside ? this.$element : document.body)
|
||
|
|
|
||
|
|
pos = this.getPosition(inside)
|
||
|
|
|
||
|
|
actualWidth = $tip[0].offsetWidth
|
||
|
|
actualHeight = $tip[0].offsetHeight
|
||
|
|
|
||
|
|
switch (inside ? placement.split(' ')[1] : placement) {
|
||
|
|
case 'bottom':
|
||
|
|
tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}
|
||
|
|
break
|
||
|
|
case 'top':
|
||
|
|
tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}
|
||
|
|
break
|
||
|
|
case 'left':
|
||
|
|
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}
|
||
|
|
break
|
||
|
|
case 'right':
|
||
|
|
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}
|
||
|
|
break
|
||
|
|
}
|
||
|
|
|
||
|
|
$tip
|
||
|
|
.css(tp)
|
||
|
|
.addClass(placement)
|
||
|
|
.addClass('in')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
, setContent: function () {
|
||
|
|
var $tip = this.tip()
|
||
|
|
$tip.find('.timeline-tooltip-inner').html(this.getTitle())
|
||
|
|
$tip.removeClass('fade in top bottom left right')
|
||
|
|
}
|
||
|
|
|
||
|
|
, hide: function () {
|
||
|
|
var that = this
|
||
|
|
, $tip = this.tip()
|
||
|
|
|
||
|
|
$tip.removeClass('in')
|
||
|
|
|
||
|
|
function removeWithAnimation() {
|
||
|
|
var timeout = setTimeout(function () {
|
||
|
|
$tip.off($.support.transition.end).remove()
|
||
|
|
}, 500)
|
||
|
|
|
||
|
|
$tip.one($.support.transition.end, function () {
|
||
|
|
clearTimeout(timeout)
|
||
|
|
$tip.remove()
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
$.support.transition && this.$tip.hasClass('fade') ?
|
||
|
|
removeWithAnimation() :
|
||
|
|
$tip.remove()
|
||
|
|
}
|
||
|
|
|
||
|
|
, fixTitle: function () {
|
||
|
|
var $e = this.$element
|
||
|
|
if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
|
||
|
|
$e.attr('data-original-title', $e.attr('title') || '').removeAttr('title')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
, hasContent: function () {
|
||
|
|
return this.getTitle()
|
||
|
|
}
|
||
|
|
|
||
|
|
, getPosition: function (inside) {
|
||
|
|
return $.extend({}, (inside ? {top: 0, left: 0} : this.$element.offset()), {
|
||
|
|
width: this.$element[0].offsetWidth
|
||
|
|
, height: this.$element[0].offsetHeight
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
, getTitle: function () {
|
||
|
|
var title
|
||
|
|
, $e = this.$element
|
||
|
|
, o = this.options
|
||
|
|
|
||
|
|
title = $e.attr('data-original-title')
|
||
|
|
|| (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
|
||
|
|
|
||
|
|
title = title.toString().replace(/(^\s*|\s*$)/, "")
|
||
|
|
|
||
|
|
return title
|
||
|
|
}
|
||
|
|
|
||
|
|
, tip: function () {
|
||
|
|
return this.$tip = this.$tip || $(this.options.template)
|
||
|
|
}
|
||
|
|
|
||
|
|
, validate: function () {
|
||
|
|
if (!this.$element[0].parentNode) {
|
||
|
|
this.hide()
|
||
|
|
this.$element = null
|
||
|
|
this.options = null
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
, enable: function () {
|
||
|
|
this.enabled = true
|
||
|
|
}
|
||
|
|
|
||
|
|
, disable: function () {
|
||
|
|
this.enabled = false
|
||
|
|
}
|
||
|
|
|
||
|
|
, toggleEnabled: function () {
|
||
|
|
this.enabled = !this.enabled
|
||
|
|
}
|
||
|
|
|
||
|
|
, toggle: function () {
|
||
|
|
this[this.tip().hasClass('in') ? 'hide' : 'show']()
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* TOOLTIP PLUGIN DEFINITION
|
||
|
|
* ========================= */
|
||
|
|
|
||
|
|
$.fn.tooltip = function ( option ) {
|
||
|
|
return this.each(function () {
|
||
|
|
var $this = $(this)
|
||
|
|
, data = $this.data('tooltip')
|
||
|
|
, options = typeof option == 'object' && option
|
||
|
|
if (!data) $this.data('tooltip', (data = new Tooltip(this, options)))
|
||
|
|
if (typeof option == 'string') data[option]()
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
$.fn.tooltip.Constructor = Tooltip
|
||
|
|
|
||
|
|
$.fn.tooltip.defaults = {
|
||
|
|
animation: true
|
||
|
|
, delay: 0
|
||
|
|
, selector: false
|
||
|
|
, placement: 'top'
|
||
|
|
, trigger: 'hover'
|
||
|
|
, title: ''
|
||
|
|
, template: '<div class="timeline-tooltip"><div class="timeline-tooltip-arrow"></div><div class="timeline-tooltip-inner"></div></div>'
|
||
|
|
}
|
||
|
|
|
||
|
|
}( window.jQuery );
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.StoryJS.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* VeriteCo StoryJS
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
/* * CodeKit Import
|
||
|
|
* http://incident57.com/codekit/
|
||
|
|
================================================== */
|
||
|
|
// @codekit-prepend "VMM.StoryJS.License.js";
|
||
|
|
// @codekit-prepend "Core/VMM.Core.js";
|
||
|
|
// @codekit-prepend "Language/VMM.Language.js";
|
||
|
|
// @codekit-prepend "Media/VMM.Media.js";
|
||
|
|
// @codekit-prepend "Slider/VMM.DragSlider.js";
|
||
|
|
// @codekit-prepend "Slider/VMM.Slider.js";
|
||
|
|
// @codekit-prepend "Library/jquery.fancybox.js";
|
||
|
|
// @codekit-prepend "Library/AES.js";
|
||
|
|
// @codekit-prepend "Library/bootstrap-tooltip.js";
|
||
|
|
|
||
|
|
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.StoryJS == 'undefined') {
|
||
|
|
|
||
|
|
VMM.StoryJS = function() {
|
||
|
|
|
||
|
|
/* PRIVATE VARS
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
/* PUBLIC FUNCTIONS
|
||
|
|
================================================== */
|
||
|
|
this.init = function(d) {
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Timeline.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/**
|
||
|
|
* TimelineJS
|
||
|
|
* Designed and built by Zach Wise at VéritéCo
|
||
|
|
|
||
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* * CodeKit Import
|
||
|
|
* http://incident57.com/codekit/
|
||
|
|
================================================== */
|
||
|
|
// @codekit-prepend "VMM.Timeline.License.js";
|
||
|
|
|
||
|
|
// @codekit-prepend "Core/VMM.StoryJS.js";
|
||
|
|
|
||
|
|
// @codekit-append "VMM.Timeline.TimeNav.js";
|
||
|
|
// @codekit-append "VMM.Timeline.DataObj.js";
|
||
|
|
|
||
|
|
|
||
|
|
/* Timeline
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
if(typeof VMM != 'undefined' && typeof VMM.Timeline == 'undefined') {
|
||
|
|
|
||
|
|
VMM.Timeline = function(_timeline_id, w, h) {
|
||
|
|
|
||
|
|
var $timeline,
|
||
|
|
$container,
|
||
|
|
$feature,
|
||
|
|
$feedback,
|
||
|
|
$slider,
|
||
|
|
$navigation,
|
||
|
|
slider,
|
||
|
|
timenav,
|
||
|
|
version = "2.x",
|
||
|
|
timeline_id = "#timelinejs",
|
||
|
|
events = {},
|
||
|
|
data = {},
|
||
|
|
_dates = [],
|
||
|
|
config = {},
|
||
|
|
has_width = false,
|
||
|
|
has_height = false,
|
||
|
|
ie7 = false,
|
||
|
|
is_moving = false;
|
||
|
|
|
||
|
|
|
||
|
|
if (type.of(_timeline_id) == "string") {
|
||
|
|
if (_timeline_id.match("#")) {
|
||
|
|
timeline_id = _timeline_id;
|
||
|
|
} else {
|
||
|
|
timeline_id = "#" + _timeline_id;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
timeline_id = "#timelinejs";
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* CONFIG
|
||
|
|
================================================== */
|
||
|
|
config = {
|
||
|
|
embed: false,
|
||
|
|
events: {
|
||
|
|
data_ready: "DATAREADY",
|
||
|
|
messege: "MESSEGE",
|
||
|
|
headline: "HEADLINE",
|
||
|
|
slide_change: "SLIDE_CHANGE",
|
||
|
|
resize: "resize"
|
||
|
|
},
|
||
|
|
id: timeline_id,
|
||
|
|
source: "nothing",
|
||
|
|
type: "timeline",
|
||
|
|
touch: false,
|
||
|
|
orientation: "normal",
|
||
|
|
maptype: "toner",
|
||
|
|
version: "2.x",
|
||
|
|
preload: 4,
|
||
|
|
current_slide: 0,
|
||
|
|
hash_bookmark: false,
|
||
|
|
start_at_end: false,
|
||
|
|
start_at_slide: 0,
|
||
|
|
start_zoom_adjust: 0,
|
||
|
|
start_page: false,
|
||
|
|
api_keys: {
|
||
|
|
google: "",
|
||
|
|
flickr: "",
|
||
|
|
twitter: ""
|
||
|
|
},
|
||
|
|
interval: 10,
|
||
|
|
something: 0,
|
||
|
|
width: 960,
|
||
|
|
height: 540,
|
||
|
|
spacing: 15,
|
||
|
|
loaded: {
|
||
|
|
slider: false,
|
||
|
|
timenav: false,
|
||
|
|
percentloaded: 0
|
||
|
|
},
|
||
|
|
nav: {
|
||
|
|
start_page: false,
|
||
|
|
interval_width: 200,
|
||
|
|
interval_override: false, // change this to override the interval of years, months etc.
|
||
|
|
density: 4,
|
||
|
|
minor_width: 0,
|
||
|
|
minor_left: 0,
|
||
|
|
constraint: {
|
||
|
|
left: 0,
|
||
|
|
right: 0,
|
||
|
|
right_min: 0,
|
||
|
|
right_max: 0
|
||
|
|
},
|
||
|
|
zoom: {
|
||
|
|
adjust: 0
|
||
|
|
},
|
||
|
|
multiplier: {
|
||
|
|
current: 6,
|
||
|
|
min: .1,
|
||
|
|
max: 50
|
||
|
|
},
|
||
|
|
rows: [1, 1, 1],
|
||
|
|
width: 960,
|
||
|
|
height: 200,
|
||
|
|
marker: {
|
||
|
|
width: 150,
|
||
|
|
height: 50
|
||
|
|
}
|
||
|
|
},
|
||
|
|
feature: {
|
||
|
|
width: 960,
|
||
|
|
height: 540
|
||
|
|
},
|
||
|
|
slider: {
|
||
|
|
width: 720,
|
||
|
|
height: 400,
|
||
|
|
content: {
|
||
|
|
width: 720,
|
||
|
|
height: 400,
|
||
|
|
padding: 130,
|
||
|
|
padding_default:130
|
||
|
|
},
|
||
|
|
nav: {
|
||
|
|
width: 100,
|
||
|
|
height: 200
|
||
|
|
}
|
||
|
|
},
|
||
|
|
ease: "easeInOutExpo",
|
||
|
|
duration: 1000,
|
||
|
|
gmap_key: "",
|
||
|
|
language: VMM.Language
|
||
|
|
};
|
||
|
|
|
||
|
|
if ( w != null && w != "") {
|
||
|
|
config.width = w;
|
||
|
|
has_width = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( h != null && h != "") {
|
||
|
|
config.height = h;
|
||
|
|
has_height = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
if(window.location.hash) {
|
||
|
|
var hash = window.location.hash.substring(1);
|
||
|
|
if (!isNaN(hash)) {
|
||
|
|
config.current_slide = parseInt(hash);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
window.onhashchange = function () {
|
||
|
|
var hash = window.location.hash.substring(1);
|
||
|
|
if (config.hash_bookmark) {
|
||
|
|
if (is_moving) {
|
||
|
|
goToEvent(parseInt(hash));
|
||
|
|
} else {
|
||
|
|
is_moving = false;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
goToEvent(parseInt(hash));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CREATE CONFIG
|
||
|
|
================================================== */
|
||
|
|
function createConfig(conf) {
|
||
|
|
|
||
|
|
// APPLY SUPPLIED CONFIG TO TIMELINE CONFIG
|
||
|
|
if (typeof embed_config == 'object') {
|
||
|
|
timeline_config = embed_config;
|
||
|
|
}
|
||
|
|
if (typeof timeline_config == 'object') {
|
||
|
|
trace("HAS TIMELINE CONFIG");
|
||
|
|
config = VMM.Util.mergeConfig(config, timeline_config);
|
||
|
|
} else if (typeof conf == 'object') {
|
||
|
|
config = VMM.Util.mergeConfig(config, conf);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (VMM.Browser.device == "mobile" || VMM.Browser.device == "tablet") {
|
||
|
|
config.touch = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
config.nav.width = config.width;
|
||
|
|
config.nav.height = 200;
|
||
|
|
config.feature.width = config.width;
|
||
|
|
config.feature.height = config.height - config.nav.height;
|
||
|
|
config.nav.zoom.adjust = parseInt(config.start_zoom_adjust, 10);
|
||
|
|
VMM.Timeline.Config = config;
|
||
|
|
VMM.master_config.Timeline = VMM.Timeline.Config;
|
||
|
|
this.events = config.events;
|
||
|
|
|
||
|
|
if (config.gmap_key != "") {
|
||
|
|
config.api_keys.google = config.gmap_key;
|
||
|
|
}
|
||
|
|
|
||
|
|
trace("VERSION " + config.version);
|
||
|
|
version = config.version;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CREATE TIMELINE STRUCTURE
|
||
|
|
================================================== */
|
||
|
|
function createStructure() {
|
||
|
|
// CREATE DOM STRUCTURE
|
||
|
|
$timeline = VMM.getElement(timeline_id);
|
||
|
|
VMM.Lib.addClass($timeline, "vco-timeline");
|
||
|
|
VMM.Lib.addClass($timeline, "vco-storyjs");
|
||
|
|
|
||
|
|
$container = VMM.appendAndGetElement($timeline, "<div>", "vco-container vco-main");
|
||
|
|
$feature = VMM.appendAndGetElement($container, "<div>", "vco-feature");
|
||
|
|
$slider = VMM.appendAndGetElement($feature, "<div>", "vco-slider");
|
||
|
|
$navigation = VMM.appendAndGetElement($container, "<div>", "vco-navigation");
|
||
|
|
$feedback = VMM.appendAndGetElement($timeline, "<div>", "vco-feedback", "");
|
||
|
|
|
||
|
|
|
||
|
|
if (typeof config.language.right_to_left != 'undefined') {
|
||
|
|
VMM.Lib.addClass($timeline, "vco-right-to-left");
|
||
|
|
}
|
||
|
|
|
||
|
|
slider = new VMM.Slider($slider, config);
|
||
|
|
timenav = new VMM.Timeline.TimeNav($navigation);
|
||
|
|
|
||
|
|
if (!has_width) {
|
||
|
|
config.width = VMM.Lib.width($timeline);
|
||
|
|
} else {
|
||
|
|
VMM.Lib.width($timeline, config.width);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (!has_height) {
|
||
|
|
config.height = VMM.Lib.height($timeline);
|
||
|
|
} else {
|
||
|
|
VMM.Lib.height($timeline, config.height);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (config.touch) {
|
||
|
|
VMM.Lib.addClass($timeline, "vco-touch");
|
||
|
|
} else {
|
||
|
|
VMM.Lib.addClass($timeline, "vco-notouch");
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ON EVENT
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
function onDataReady(e, d) {
|
||
|
|
trace("onDataReady");
|
||
|
|
data = d.timeline;
|
||
|
|
|
||
|
|
if (type.of(data.era) != "array") {
|
||
|
|
data.era = [];
|
||
|
|
}
|
||
|
|
|
||
|
|
buildDates();
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
function onDatesProcessed() {
|
||
|
|
build();
|
||
|
|
}
|
||
|
|
|
||
|
|
function reSize() {
|
||
|
|
|
||
|
|
updateSize();
|
||
|
|
|
||
|
|
slider.setSize(config.feature.width, config.feature.height);
|
||
|
|
timenav.setSize(config.width, config.height);
|
||
|
|
if (orientationChange()) {
|
||
|
|
setViewport();
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
function onSliderLoaded(e) {
|
||
|
|
config.loaded.slider = true;
|
||
|
|
onComponentLoaded();
|
||
|
|
};
|
||
|
|
|
||
|
|
function onComponentLoaded(e) {
|
||
|
|
config.loaded.percentloaded = config.loaded.percentloaded + 25;
|
||
|
|
|
||
|
|
if (config.loaded.slider && config.loaded.timenav) {
|
||
|
|
hideMessege();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function onTimeNavLoaded(e) {
|
||
|
|
config.loaded.timenav = true;
|
||
|
|
onComponentLoaded();
|
||
|
|
}
|
||
|
|
|
||
|
|
function onSlideUpdate(e) {
|
||
|
|
is_moving = true;
|
||
|
|
config.current_slide = slider.getCurrentNumber();
|
||
|
|
setHash(config.current_slide);
|
||
|
|
timenav.setMarker(config.current_slide, config.ease,config.duration);
|
||
|
|
};
|
||
|
|
|
||
|
|
function onMarkerUpdate(e) {
|
||
|
|
is_moving = true;
|
||
|
|
config.current_slide = timenav.getCurrentNumber();
|
||
|
|
setHash(config.current_slide);
|
||
|
|
slider.setSlide(config.current_slide);
|
||
|
|
};
|
||
|
|
|
||
|
|
function goToEvent(n) {
|
||
|
|
if (n <= _dates.length - 1 && n >= 0) {
|
||
|
|
config.current_slide = n;
|
||
|
|
slider.setSlide(config.current_slide);
|
||
|
|
timenav.setMarker(config.current_slide, config.ease,config.duration);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function setHash(n) {
|
||
|
|
if (config.hash_bookmark) {
|
||
|
|
window.location.hash = "#" + n.toString();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function getViewport() {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function setViewport() {
|
||
|
|
var viewport_content = "",
|
||
|
|
viewport_orientation = searchOrientation(window.orientation);
|
||
|
|
|
||
|
|
if (VMM.Browser.device == "mobile") {
|
||
|
|
if (viewport_orientation == "portrait") {
|
||
|
|
//viewport_content = "width=device-width; initial-scale=0.75, maximum-scale=0.75";
|
||
|
|
viewport_content = "width=device-width; initial-scale=0.5, maximum-scale=0.5";
|
||
|
|
} else if (viewport_orientation == "landscape") {
|
||
|
|
viewport_content = "width=device-width; initial-scale=0.5, maximum-scale=0.5";
|
||
|
|
} else {
|
||
|
|
viewport_content = "width=device-width, initial-scale=1, maximum-scale=1.0";
|
||
|
|
}
|
||
|
|
} else if (VMM.Browser.device == "tablet") {
|
||
|
|
//viewport_content = "width=device-width, initial-scale=1, maximum-scale=1.0";
|
||
|
|
}
|
||
|
|
|
||
|
|
if (document.getElementById("viewport")) {
|
||
|
|
//VMM.Lib.attr("#viewport", "content", viewport_content);
|
||
|
|
} else {
|
||
|
|
//VMM.appendElement("head", "<meta id='viewport' name='viewport' content=" + viewport_content + "/>");
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ORIENTATION
|
||
|
|
================================================== */
|
||
|
|
function searchOrientation(orientation) {
|
||
|
|
var orient = "";
|
||
|
|
|
||
|
|
if ( orientation == 0 || orientation == 180) {
|
||
|
|
orient = "portrait";
|
||
|
|
} else if ( orientation == 90 || orientation == -90) {
|
||
|
|
orient = "landscape";
|
||
|
|
} else {
|
||
|
|
orient = "normal";
|
||
|
|
}
|
||
|
|
|
||
|
|
return orient;
|
||
|
|
}
|
||
|
|
|
||
|
|
function orientationChange() {
|
||
|
|
var orientation = searchOrientation(window.orientation);
|
||
|
|
|
||
|
|
if (orientation == config.orientation) {
|
||
|
|
return false;
|
||
|
|
} else {
|
||
|
|
config.orientation = orientation;
|
||
|
|
return true;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* PUBLIC FUNCTIONS
|
||
|
|
================================================== */
|
||
|
|
this.init = function(c, _data) {
|
||
|
|
trace('INIT');
|
||
|
|
setViewport();
|
||
|
|
createConfig(c);
|
||
|
|
createStructure();
|
||
|
|
|
||
|
|
if (type.of(_data) == "string") {
|
||
|
|
config.source = _data;
|
||
|
|
}
|
||
|
|
|
||
|
|
// LANGUAGE
|
||
|
|
VMM.Date.setLanguage(config.language);
|
||
|
|
VMM.master_config.language = config.language;
|
||
|
|
|
||
|
|
// EXTERNAL API
|
||
|
|
VMM.ExternalAPI.setKeys(config.api_keys);
|
||
|
|
VMM.ExternalAPI.googlemaps.setMapType(config.maptype);
|
||
|
|
|
||
|
|
// EVENTS
|
||
|
|
VMM.bindEvent(global, onDataReady, config.events.data_ready);
|
||
|
|
VMM.bindEvent(global, showMessege, config.events.messege);
|
||
|
|
|
||
|
|
VMM.fireEvent(global, config.events.messege, config.language.messages.loading_timeline);
|
||
|
|
|
||
|
|
/* GET DATA
|
||
|
|
================================================== */
|
||
|
|
if (VMM.Browser.browser == "Explorer" || VMM.Browser.browser == "MSIE") {
|
||
|
|
if ( parseInt(VMM.Browser.version, 10) <= 7 ) {
|
||
|
|
ie7 = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (type.of(config.source) == "string" || type.of(config.source) == "object") {
|
||
|
|
VMM.Timeline.DataObj.getData(config.source);
|
||
|
|
} else {
|
||
|
|
VMM.fireEvent(global, config.events.messege, "No data source provided");
|
||
|
|
//VMM.Timeline.DataObj.getData(VMM.getElement(timeline_id));
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
this.iframeLoaded = function() {
|
||
|
|
trace("iframeLoaded");
|
||
|
|
};
|
||
|
|
|
||
|
|
this.reload = function(_d) {
|
||
|
|
trace("Load new timeline data" + _d);
|
||
|
|
VMM.fireEvent(global, config.events.messege, config.language.messages.loading_timeline);
|
||
|
|
data = {};
|
||
|
|
VMM.Timeline.DataObj.getData(_d);
|
||
|
|
config.current_slide = 0;
|
||
|
|
slider.setSlide(0);
|
||
|
|
timenav.setMarker(0, config.ease,config.duration);
|
||
|
|
};
|
||
|
|
|
||
|
|
/* DATA
|
||
|
|
================================================== */
|
||
|
|
function getData(url) {
|
||
|
|
VMM.getJSON(url, function(d) {
|
||
|
|
data = VMM.Timeline.DataObj.getData(d);
|
||
|
|
VMM.fireEvent(global, config.events.data_ready);
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
/* MESSEGES
|
||
|
|
================================================== */
|
||
|
|
function showMessege(e, msg, other) {
|
||
|
|
trace("showMessege " + msg);
|
||
|
|
//VMM.attachElement($timeline, $feedback);
|
||
|
|
if (other) {
|
||
|
|
VMM.attachElement($feedback, msg);
|
||
|
|
} else{
|
||
|
|
VMM.attachElement($feedback, VMM.MediaElement.loadingmessage(msg));
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
function hideMessege() {
|
||
|
|
VMM.Lib.animate($feedback, config.duration, config.ease*4, {"opacity": 0}, detachMessege);
|
||
|
|
};
|
||
|
|
|
||
|
|
function detachMessege() {
|
||
|
|
VMM.Lib.detach($feedback);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* BUILD DISPLAY
|
||
|
|
================================================== */
|
||
|
|
function build() {
|
||
|
|
|
||
|
|
// START AT SLIDE
|
||
|
|
if (parseInt(config.start_at_slide) > 0 && config.current_slide == 0) {
|
||
|
|
config.current_slide = parseInt(config.start_at_slide);
|
||
|
|
}
|
||
|
|
// START AT END
|
||
|
|
if (config.start_at_end && config.current_slide == 0) {
|
||
|
|
config.current_slide = _dates.length - 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// IE7
|
||
|
|
if (ie7) {
|
||
|
|
ie7 = true;
|
||
|
|
VMM.fireEvent(global, config.events.messege, "Internet Explorer " + VMM.Browser.version + " is not supported by TimelineJS. Please update your browser to version 8 or higher.");
|
||
|
|
} else {
|
||
|
|
|
||
|
|
detachMessege();
|
||
|
|
reSize();
|
||
|
|
|
||
|
|
// EVENT LISTENERS
|
||
|
|
VMM.bindEvent($slider, onSliderLoaded, "LOADED");
|
||
|
|
VMM.bindEvent($navigation, onTimeNavLoaded, "LOADED");
|
||
|
|
VMM.bindEvent($slider, onSlideUpdate, "UPDATE");
|
||
|
|
VMM.bindEvent($navigation, onMarkerUpdate, "UPDATE");
|
||
|
|
|
||
|
|
// INITIALIZE COMPONENTS
|
||
|
|
slider.init(_dates);
|
||
|
|
timenav.init(_dates, data.era);
|
||
|
|
|
||
|
|
// RESIZE EVENT LISTENERS
|
||
|
|
VMM.bindEvent(global, reSize, config.events.resize);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
function updateSize() {
|
||
|
|
trace("UPDATE SIZE");
|
||
|
|
config.width = VMM.Lib.width($timeline);
|
||
|
|
config.height = VMM.Lib.height($timeline);
|
||
|
|
|
||
|
|
config.nav.width = config.width;
|
||
|
|
config.feature.width = config.width;
|
||
|
|
|
||
|
|
config.feature.height = config.height - config.nav.height - 3;
|
||
|
|
|
||
|
|
if (VMM.Browser.device == "mobile") {
|
||
|
|
/*
|
||
|
|
if (VMM.Browser.orientation == "portrait") {
|
||
|
|
config.feature.height = 480;
|
||
|
|
config.height = 480 + config.nav.height;
|
||
|
|
} else if(VMM.Browser.orientation == "landscape") {
|
||
|
|
config.feature.height = 320;
|
||
|
|
config.height = 320 + config.nav.height;
|
||
|
|
} else {
|
||
|
|
config.feature.height = config.height - config.nav.height - 3;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
}
|
||
|
|
|
||
|
|
if (config.width < 641) {
|
||
|
|
VMM.Lib.addClass($timeline, "vco-skinny");
|
||
|
|
} else {
|
||
|
|
VMM.Lib.removeClass($timeline, "vco-skinny");
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
// BUILD DATE OBJECTS
|
||
|
|
function buildDates() {
|
||
|
|
|
||
|
|
_dates = [];
|
||
|
|
VMM.fireEvent(global, config.events.messege, "Building Dates");
|
||
|
|
updateSize();
|
||
|
|
|
||
|
|
for(var i = 0; i < data.date.length; i++) {
|
||
|
|
|
||
|
|
if (data.date[i].startDate != null && data.date[i].startDate != "") {
|
||
|
|
|
||
|
|
var _date = {},
|
||
|
|
do_start = VMM.Date.parse(data.date[i].startDate, true),
|
||
|
|
do_end;
|
||
|
|
|
||
|
|
_date.startdate = do_start.date;
|
||
|
|
_date.precisiondate = do_start.precision;
|
||
|
|
|
||
|
|
if (!isNaN(_date.startdate)) {
|
||
|
|
|
||
|
|
|
||
|
|
// END DATE
|
||
|
|
if (data.date[i].endDate != null && data.date[i].endDate != "") {
|
||
|
|
_date.enddate = VMM.Date.parse(data.date[i].endDate);
|
||
|
|
} else {
|
||
|
|
_date.enddate = _date.startdate;
|
||
|
|
}
|
||
|
|
|
||
|
|
_date.needs_slug = false;
|
||
|
|
|
||
|
|
if (data.date[i].headline == "") {
|
||
|
|
if (data.date[i].slug != null && data.date[i].slug != "") {
|
||
|
|
_date.needs_slug = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_date.title = data.date[i].headline;
|
||
|
|
_date.headline = data.date[i].headline;
|
||
|
|
_date.type = data.date[i].type;
|
||
|
|
_date.date = VMM.Date.prettyDate(_date.startdate, false, _date.precisiondate);
|
||
|
|
_date.asset = data.date[i].asset;
|
||
|
|
_date.fulldate = _date.startdate.getTime();
|
||
|
|
_date.text = data.date[i].text;
|
||
|
|
_date.content = "";
|
||
|
|
_date.tag = data.date[i].tag;
|
||
|
|
_date.slug = data.date[i].slug;
|
||
|
|
_date.uniqueid = VMM.Util.unique_ID(7);
|
||
|
|
_date.classname = data.date[i].classname;
|
||
|
|
|
||
|
|
|
||
|
|
_dates.push(_date);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
/* CUSTOM SORT
|
||
|
|
================================================== */
|
||
|
|
if (data.type != "storify") {
|
||
|
|
_dates.sort(function(a, b){
|
||
|
|
return a.fulldate - b.fulldate
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CREATE START PAGE IF AVAILABLE
|
||
|
|
================================================== */
|
||
|
|
if (data.headline != null && data.headline != "" && data.text != null && data.text != "") {
|
||
|
|
|
||
|
|
var startpage_date,
|
||
|
|
do_start,
|
||
|
|
_date = {},
|
||
|
|
td_num = 0,
|
||
|
|
td;
|
||
|
|
|
||
|
|
if (typeof data.startDate != 'undefined') {
|
||
|
|
do_start = VMM.Date.parse(data.startDate, true);
|
||
|
|
startpage_date = do_start.date;
|
||
|
|
} else {
|
||
|
|
startpage_date = false;
|
||
|
|
}
|
||
|
|
trace("HAS STARTPAGE");
|
||
|
|
trace(startpage_date);
|
||
|
|
|
||
|
|
if (startpage_date && startpage_date < _dates[0].startdate) {
|
||
|
|
_date.startdate = new Date(startpage_date);
|
||
|
|
} else {
|
||
|
|
td = _dates[0].startdate;
|
||
|
|
_date.startdate = new Date(_dates[0].startdate);
|
||
|
|
|
||
|
|
if (td.getMonth() === 0 && td.getDate() == 1 && td.getHours() === 0 && td.getMinutes() === 0 ) {
|
||
|
|
// trace("YEAR ONLY");
|
||
|
|
_date.startdate.setFullYear(td.getFullYear() - 1);
|
||
|
|
} else if (td.getDate() <= 1 && td.getHours() === 0 && td.getMinutes() === 0) {
|
||
|
|
// trace("YEAR MONTH");
|
||
|
|
_date.startdate.setMonth(td.getMonth() - 1);
|
||
|
|
} else if (td.getHours() === 0 && td.getMinutes() === 0) {
|
||
|
|
// trace("YEAR MONTH DAY");
|
||
|
|
_date.startdate.setDate(td.getDate() - 1);
|
||
|
|
} else if (td.getMinutes() === 0) {
|
||
|
|
// trace("YEAR MONTH DAY HOUR");
|
||
|
|
_date.startdate.setHours(td.getHours() - 1);
|
||
|
|
} else {
|
||
|
|
// trace("YEAR MONTH DAY HOUR MINUTE");
|
||
|
|
_date.startdate.setMinutes(td.getMinutes() - 1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
_date.uniqueid = VMM.Util.unique_ID(7);
|
||
|
|
_date.enddate = _date.startdate;
|
||
|
|
_date.precisiondate = do_start.precision;
|
||
|
|
_date.title = data.headline;
|
||
|
|
_date.headline = data.headline;
|
||
|
|
_date.text = data.text;
|
||
|
|
_date.type = "start";
|
||
|
|
_date.date = VMM.Date.prettyDate(data.startDate, false, _date.precisiondate);
|
||
|
|
_date.asset = data.asset;
|
||
|
|
_date.slug = false;
|
||
|
|
_date.needs_slug = false;
|
||
|
|
_date.fulldate = _date.startdate.getTime();
|
||
|
|
|
||
|
|
if (config.embed) {
|
||
|
|
VMM.fireEvent(global, config.events.headline, _date.headline);
|
||
|
|
}
|
||
|
|
|
||
|
|
_dates.unshift(_date);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CUSTOM SORT
|
||
|
|
================================================== */
|
||
|
|
if (data.type != "storify") {
|
||
|
|
_dates.sort(function(a, b){
|
||
|
|
return a.fulldate - b.fulldate
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
onDatesProcessed();
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.Timeline.Config = {};
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Timeline.TimeNav.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* TimeNav
|
||
|
|
This class handles the bottom timeline navigation.
|
||
|
|
It requires the VMM.Util class and VMM.Date class
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
if(typeof VMM.Timeline != 'undefined' && typeof VMM.Timeline.TimeNav == 'undefined') {
|
||
|
|
|
||
|
|
VMM.Timeline.TimeNav = function(parent, content_width, content_height) {
|
||
|
|
trace("VMM.Timeline.TimeNav");
|
||
|
|
|
||
|
|
var $timenav, $content, $time, $timeintervalminor, $timeinterval, $timeintervalmajor, $timebackground,
|
||
|
|
$timeintervalbackground, $timenavline, $timenavindicator, $timeintervalminor_minor, $toolbar, $zoomin, $zoomout, $dragslide,
|
||
|
|
config = VMM.Timeline.Config,
|
||
|
|
row_height,
|
||
|
|
events = {},
|
||
|
|
timespan = {},
|
||
|
|
layout = parent,
|
||
|
|
data = [],
|
||
|
|
era_markers = [],
|
||
|
|
markers = [],
|
||
|
|
interval_array = [],
|
||
|
|
interval_major_array = [],
|
||
|
|
tags = [],
|
||
|
|
current_marker = 0,
|
||
|
|
_active = false,
|
||
|
|
eras,
|
||
|
|
content,
|
||
|
|
timeouts = {
|
||
|
|
interval_position: ""
|
||
|
|
},
|
||
|
|
timenav_pos = {
|
||
|
|
left: "",
|
||
|
|
visible: {
|
||
|
|
left: "",
|
||
|
|
right: ""
|
||
|
|
}
|
||
|
|
},
|
||
|
|
timelookup = {
|
||
|
|
day: 24,
|
||
|
|
month: 12,
|
||
|
|
year: 10,
|
||
|
|
hour: 60,
|
||
|
|
minute: 60,
|
||
|
|
second: 1000,
|
||
|
|
decade: 10,
|
||
|
|
century: 100,
|
||
|
|
millenium: 1000,
|
||
|
|
age: 1000000,
|
||
|
|
epoch: 10000000,
|
||
|
|
era: 100000000,
|
||
|
|
eon: 500000000,
|
||
|
|
week: 4.34812141,
|
||
|
|
days_in_month: 30.4368499,
|
||
|
|
days_in_week: 7,
|
||
|
|
weeks_in_month: 4.34812141,
|
||
|
|
weeks_in_year: 52.177457,
|
||
|
|
days_in_year: 365.242199,
|
||
|
|
hours_in_day: 24
|
||
|
|
},
|
||
|
|
dateFractionBrowser = {
|
||
|
|
day: 86400000,
|
||
|
|
week: 7,
|
||
|
|
month: 30.4166666667,
|
||
|
|
year: 12,
|
||
|
|
hour: 24,
|
||
|
|
minute: 1440,
|
||
|
|
second: 86400,
|
||
|
|
decade: 10,
|
||
|
|
century: 100,
|
||
|
|
millenium: 1000,
|
||
|
|
age: 1000000,
|
||
|
|
epoch: 10000000,
|
||
|
|
era: 100000000,
|
||
|
|
eon: 500000000
|
||
|
|
},
|
||
|
|
interval = {
|
||
|
|
type: "year",
|
||
|
|
number: 10,
|
||
|
|
first: 1970,
|
||
|
|
last: 2011,
|
||
|
|
multiplier: 100,
|
||
|
|
classname: "_idd",
|
||
|
|
interval_type: "interval"
|
||
|
|
},
|
||
|
|
interval_major = {
|
||
|
|
type: "year",
|
||
|
|
number: 10,
|
||
|
|
first: 1970,
|
||
|
|
last: 2011,
|
||
|
|
multiplier: 100,
|
||
|
|
classname: "major",
|
||
|
|
interval_type: "interval major"
|
||
|
|
},
|
||
|
|
interval_macro = {
|
||
|
|
type: "year",
|
||
|
|
number: 10,
|
||
|
|
first: 1970,
|
||
|
|
last: 2011,
|
||
|
|
multiplier: 100,
|
||
|
|
classname: "_dd_minor",
|
||
|
|
interval_type: "interval minor"
|
||
|
|
},
|
||
|
|
interval_calc = {
|
||
|
|
day: {},
|
||
|
|
month: {},
|
||
|
|
year: {},
|
||
|
|
hour: {},
|
||
|
|
minute: {},
|
||
|
|
second: {},
|
||
|
|
decade: {},
|
||
|
|
century: {},
|
||
|
|
millenium: {},
|
||
|
|
week: {},
|
||
|
|
age: {},
|
||
|
|
epoch: {},
|
||
|
|
era: {},
|
||
|
|
eon: {}
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
/* ADD to Config
|
||
|
|
================================================== */
|
||
|
|
row_height = config.nav.marker.height/2;
|
||
|
|
config.nav.rows = {
|
||
|
|
full: [1, row_height*2, row_height*4],
|
||
|
|
half: [1, row_height, row_height*2, row_height*3, row_height*4, row_height*5],
|
||
|
|
current: []
|
||
|
|
}
|
||
|
|
|
||
|
|
if (content_width != null && content_width != "") {
|
||
|
|
config.nav.width = content_width;
|
||
|
|
}
|
||
|
|
if (content_height != null && content_height != "") {
|
||
|
|
config.nav.height = content_height;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* INIT
|
||
|
|
================================================== */
|
||
|
|
this.init = function(d,e) {
|
||
|
|
trace('VMM.Timeline.TimeNav init');
|
||
|
|
// need to evaluate d
|
||
|
|
// some function to determine type of data and prepare it
|
||
|
|
if(typeof d != 'undefined') {
|
||
|
|
this.setData(d, e);
|
||
|
|
} else {
|
||
|
|
trace("WAITING ON DATA");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/* GETTERS AND SETTERS
|
||
|
|
================================================== */
|
||
|
|
this.setData = function(d,e) {
|
||
|
|
if(typeof d != 'undefined') {
|
||
|
|
data = {};
|
||
|
|
data = d;
|
||
|
|
eras = e;
|
||
|
|
build();
|
||
|
|
} else{
|
||
|
|
trace("NO DATA");
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
this.setSize = function(w, h) {
|
||
|
|
if (w != null) {config.width = w};
|
||
|
|
if (h != null) {config.height = h};
|
||
|
|
if (_active) {
|
||
|
|
reSize();
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
this.setMarker = function(n, ease, duration, fast) {
|
||
|
|
goToMarker(n, ease, duration);
|
||
|
|
}
|
||
|
|
|
||
|
|
this.getCurrentNumber = function() {
|
||
|
|
return current_marker;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ON EVENT
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
function onConfigSet() {
|
||
|
|
trace("onConfigSet");
|
||
|
|
};
|
||
|
|
|
||
|
|
function reSize(firstrun) {
|
||
|
|
config.nav.constraint.left = (config.width/2);
|
||
|
|
config.nav.constraint.right = config.nav.constraint.right_min - (config.width/2);
|
||
|
|
$dragslide.updateConstraint(config.nav.constraint);
|
||
|
|
|
||
|
|
VMM.Lib.css($timenavline, "left", Math.round(config.width/2)+2);
|
||
|
|
VMM.Lib.css($timenavindicator, "left", Math.round(config.width/2)-8);
|
||
|
|
goToMarker(config.current_slide, config.ease, config.duration, true, firstrun);
|
||
|
|
};
|
||
|
|
|
||
|
|
function upDate() {
|
||
|
|
VMM.fireEvent(layout, "UPDATE");
|
||
|
|
}
|
||
|
|
|
||
|
|
function onZoomIn() {
|
||
|
|
|
||
|
|
$dragslide.cancelSlide();
|
||
|
|
if (config.nav.multiplier.current > config.nav.multiplier.min) {
|
||
|
|
if (config.nav.multiplier.current <= 1) {
|
||
|
|
config.nav.multiplier.current = config.nav.multiplier.current - .25;
|
||
|
|
} else {
|
||
|
|
if (config.nav.multiplier.current > 5) {
|
||
|
|
if (config.nav.multiplier.current > 16) {
|
||
|
|
config.nav.multiplier.current = Math.round(config.nav.multiplier.current - 10);
|
||
|
|
} else {
|
||
|
|
config.nav.multiplier.current = Math.round(config.nav.multiplier.current - 4);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
config.nav.multiplier.current = Math.round(config.nav.multiplier.current - 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
if (config.nav.multiplier.current <= 0) {
|
||
|
|
config.nav.multiplier.current = config.nav.multiplier.min;
|
||
|
|
}
|
||
|
|
refreshTimeline();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function onZoomOut() {
|
||
|
|
$dragslide.cancelSlide();
|
||
|
|
if (config.nav.multiplier.current < config.nav.multiplier.max) {
|
||
|
|
if (config.nav.multiplier.current > 4) {
|
||
|
|
if (config.nav.multiplier.current > 16) {
|
||
|
|
config.nav.multiplier.current = Math.round(config.nav.multiplier.current + 10);
|
||
|
|
} else {
|
||
|
|
config.nav.multiplier.current = Math.round(config.nav.multiplier.current + 4);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
config.nav.multiplier.current = Math.round(config.nav.multiplier.current + 1);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (config.nav.multiplier.current >= config.nav.multiplier.max) {
|
||
|
|
config.nav.multiplier.current = config.nav.multiplier.max;
|
||
|
|
}
|
||
|
|
refreshTimeline();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function onBackHome(e) {
|
||
|
|
$dragslide.cancelSlide();
|
||
|
|
goToMarker(0);
|
||
|
|
upDate();
|
||
|
|
}
|
||
|
|
|
||
|
|
function onMouseScroll(e) {
|
||
|
|
var delta = 0,
|
||
|
|
scroll_to = 0;
|
||
|
|
if (!e) {
|
||
|
|
e = window.event;
|
||
|
|
}
|
||
|
|
if (e.originalEvent) {
|
||
|
|
e = e.originalEvent;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Browsers unable to differntiate between up/down and left/right scrolling
|
||
|
|
/*
|
||
|
|
if (e.wheelDelta) {
|
||
|
|
delta = e.wheelDelta/6;
|
||
|
|
} else if (e.detail) {
|
||
|
|
delta = -e.detail*12;
|
||
|
|
}
|
||
|
|
*/
|
||
|
|
|
||
|
|
// Webkit and browsers able to differntiate between up/down and left/right scrolling
|
||
|
|
if (typeof e.wheelDeltaX != 'undefined' ) {
|
||
|
|
delta = e.wheelDeltaY/6;
|
||
|
|
if (Math.abs(e.wheelDeltaX) > Math.abs(e.wheelDeltaY)) {
|
||
|
|
delta = e.wheelDeltaX/6;
|
||
|
|
} else {
|
||
|
|
//delta = e.wheelDeltaY/6;
|
||
|
|
delta = 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (delta) {
|
||
|
|
if (e.preventDefault) {
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
e.returnValue = false;
|
||
|
|
}
|
||
|
|
// Stop from scrolling too far
|
||
|
|
scroll_to = VMM.Lib.position($timenav).left + delta;
|
||
|
|
|
||
|
|
if (scroll_to > config.nav.constraint.left) {
|
||
|
|
scroll_to = config.width/2;
|
||
|
|
} else if (scroll_to < config.nav.constraint.right) {
|
||
|
|
scroll_to = config.nav.constraint.right;
|
||
|
|
}
|
||
|
|
|
||
|
|
//VMM.Lib.stop($timenav);
|
||
|
|
//VMM.Lib.animate($timenav, config.duration/2, "linear", {"left": scroll_to});
|
||
|
|
VMM.Lib.css($timenav, "left", scroll_to);
|
||
|
|
}
|
||
|
|
|
||
|
|
function refreshTimeline() {
|
||
|
|
trace("config.nav.multiplier " + config.nav.multiplier.current);
|
||
|
|
positionMarkers(true);
|
||
|
|
positionEras(true);
|
||
|
|
positionInterval($timeinterval, interval_array, true, true);
|
||
|
|
positionInterval($timeintervalmajor, interval_major_array, true);
|
||
|
|
config.nav.constraint.left = (config.width/2);
|
||
|
|
config.nav.constraint.right = config.nav.constraint.right_min - (config.width/2);
|
||
|
|
$dragslide.updateConstraint(config.nav.constraint);
|
||
|
|
};
|
||
|
|
|
||
|
|
/* MARKER EVENTS
|
||
|
|
================================================== */
|
||
|
|
function onMarkerClick(e) {
|
||
|
|
$dragslide.cancelSlide();
|
||
|
|
goToMarker(e.data.number);
|
||
|
|
upDate();
|
||
|
|
};
|
||
|
|
|
||
|
|
function onMarkerHover(e) {
|
||
|
|
VMM.Lib.toggleClass(e.data.elem, "zFront");
|
||
|
|
};
|
||
|
|
|
||
|
|
function goToMarker(n, ease, duration, fast, firstrun) {
|
||
|
|
trace("GO TO MARKER");
|
||
|
|
var _ease = config.ease,
|
||
|
|
_duration = config.duration,
|
||
|
|
is_last = false,
|
||
|
|
is_first = false;
|
||
|
|
|
||
|
|
current_marker = n;
|
||
|
|
|
||
|
|
timenav_pos.left = (config.width/2) - markers[current_marker].pos_left
|
||
|
|
timenav_pos.visible.left = Math.abs(timenav_pos.left) - 100;
|
||
|
|
timenav_pos.visible.right = Math.abs(timenav_pos.left) + config.width + 100;
|
||
|
|
|
||
|
|
if (current_marker == 0) {
|
||
|
|
is_first = true;
|
||
|
|
}
|
||
|
|
if (current_marker +1 == markers.length) {
|
||
|
|
is_last = true
|
||
|
|
}
|
||
|
|
if (ease != null && ease != "") {_ease = ease};
|
||
|
|
if (duration != null && duration != "") {_duration = duration};
|
||
|
|
|
||
|
|
// set marker style
|
||
|
|
for(var i = 0; i < markers.length; i++) {
|
||
|
|
VMM.Lib.removeClass(markers[i].marker, "active");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (config.start_page && markers[0].type == "start") {
|
||
|
|
VMM.Lib.visible(markers[0].marker, false);
|
||
|
|
VMM.Lib.addClass(markers[0].marker, "start");
|
||
|
|
}
|
||
|
|
|
||
|
|
VMM.Lib.addClass(markers[current_marker].marker, "active");
|
||
|
|
|
||
|
|
// ANIMATE MARKER
|
||
|
|
VMM.Lib.stop($timenav);
|
||
|
|
VMM.Lib.animate($timenav, _duration, _ease, {"left": timenav_pos.left});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TOUCH EVENTS
|
||
|
|
================================================== */
|
||
|
|
function onTouchUpdate(e, b) {
|
||
|
|
VMM.Lib.animate($timenav, b.time/2, config.ease, {"left": b.left});
|
||
|
|
};
|
||
|
|
|
||
|
|
/* CALCULATIONS
|
||
|
|
================================================== */
|
||
|
|
function averageMarkerPositionDistance() {
|
||
|
|
var last_pos = 0,
|
||
|
|
pos = 0,
|
||
|
|
pos_dif = 0,
|
||
|
|
mp_diff = [],
|
||
|
|
i = 0;
|
||
|
|
|
||
|
|
for(i = 0; i < markers.length; i++) {
|
||
|
|
if (data[i].type == "start") {
|
||
|
|
|
||
|
|
} else {
|
||
|
|
var _pos = positionOnTimeline(interval, markers[i].relative_pos),
|
||
|
|
last_pos = pos;
|
||
|
|
pos = _pos.begin;
|
||
|
|
pos_dif = pos - last_pos;
|
||
|
|
mp_diff.push(pos_dif);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return VMM.Util.average(mp_diff).mean;
|
||
|
|
}
|
||
|
|
|
||
|
|
function averageDateDistance() {
|
||
|
|
var last_dd = 0,
|
||
|
|
dd = 0,
|
||
|
|
_dd = "",
|
||
|
|
date_dif = 0,
|
||
|
|
date_diffs = [],
|
||
|
|
is_first_date = true,
|
||
|
|
i = 0;
|
||
|
|
|
||
|
|
for(i = 0; i < data.length; i++) {
|
||
|
|
if (data[i].type == "start") {
|
||
|
|
trace("DATA DATE IS START")
|
||
|
|
} else {
|
||
|
|
_dd = data[i].startdate;
|
||
|
|
last_dd = dd;
|
||
|
|
dd = _dd;
|
||
|
|
date_dif = dd - last_dd;
|
||
|
|
date_diffs.push(date_dif);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return VMM.Util.average(date_diffs);
|
||
|
|
}
|
||
|
|
|
||
|
|
function calculateMultiplier() {
|
||
|
|
var temp_multiplier = config.nav.multiplier.current,
|
||
|
|
i = 0;
|
||
|
|
|
||
|
|
for(i = 0; i < temp_multiplier; i++) {
|
||
|
|
if (averageMarkerPositionDistance() < 75) {
|
||
|
|
if (config.nav.multiplier.current > 1) {
|
||
|
|
config.nav.multiplier.current = (config.nav.multiplier.current - 1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function calculateInterval() {
|
||
|
|
// NEED TO REWRITE ALL OF THIS
|
||
|
|
var _first = getDateFractions(data[0].startdate),
|
||
|
|
_last = getDateFractions(data[data.length - 1].enddate);
|
||
|
|
|
||
|
|
// EON
|
||
|
|
interval_calc.eon.type = "eon";
|
||
|
|
interval_calc.eon.first = _first.eons;
|
||
|
|
interval_calc.eon.base = Math.floor(_first.eons);
|
||
|
|
interval_calc.eon.last = _last.eons;
|
||
|
|
interval_calc.eon.number = timespan.eons;
|
||
|
|
interval_calc.eon.multiplier = timelookup.eons;
|
||
|
|
interval_calc.eon.minor = timelookup.eons;
|
||
|
|
|
||
|
|
// ERA
|
||
|
|
interval_calc.era.type = "era";
|
||
|
|
interval_calc.era.first = _first.eras;
|
||
|
|
interval_calc.era.base = Math.floor(_first.eras);
|
||
|
|
interval_calc.era.last = _last.eras;
|
||
|
|
interval_calc.era.number = timespan.eras;
|
||
|
|
interval_calc.era.multiplier = timelookup.eras;
|
||
|
|
interval_calc.era.minor = timelookup.eras;
|
||
|
|
|
||
|
|
// EPOCH
|
||
|
|
interval_calc.epoch.type = "epoch";
|
||
|
|
interval_calc.epoch.first = _first.epochs;
|
||
|
|
interval_calc.epoch.base = Math.floor(_first.epochs);
|
||
|
|
interval_calc.epoch.last = _last.epochs;
|
||
|
|
interval_calc.epoch.number = timespan.epochs;
|
||
|
|
interval_calc.epoch.multiplier = timelookup.epochs;
|
||
|
|
interval_calc.epoch.minor = timelookup.epochs;
|
||
|
|
|
||
|
|
// AGE
|
||
|
|
interval_calc.age.type = "age";
|
||
|
|
interval_calc.age.first = _first.ages;
|
||
|
|
interval_calc.age.base = Math.floor(_first.ages);
|
||
|
|
interval_calc.age.last = _last.ages;
|
||
|
|
interval_calc.age.number = timespan.ages;
|
||
|
|
interval_calc.age.multiplier = timelookup.ages;
|
||
|
|
interval_calc.age.minor = timelookup.ages;
|
||
|
|
|
||
|
|
// MILLENIUM
|
||
|
|
interval_calc.millenium.type = "millenium";
|
||
|
|
interval_calc.millenium.first = _first.milleniums;
|
||
|
|
interval_calc.millenium.base = Math.floor(_first.milleniums);
|
||
|
|
interval_calc.millenium.last = _last.milleniums;
|
||
|
|
interval_calc.millenium.number = timespan.milleniums;
|
||
|
|
interval_calc.millenium.multiplier = timelookup.millenium;
|
||
|
|
interval_calc.millenium.minor = timelookup.millenium;
|
||
|
|
|
||
|
|
// CENTURY
|
||
|
|
interval_calc.century.type = "century";
|
||
|
|
interval_calc.century.first = _first.centuries;
|
||
|
|
interval_calc.century.base = Math.floor(_first.centuries);
|
||
|
|
interval_calc.century.last = _last.centuries;
|
||
|
|
interval_calc.century.number = timespan.centuries;
|
||
|
|
interval_calc.century.multiplier = timelookup.century;
|
||
|
|
interval_calc.century.minor = timelookup.century;
|
||
|
|
|
||
|
|
// DECADE
|
||
|
|
interval_calc.decade.type = "decade";
|
||
|
|
interval_calc.decade.first = _first.decades;
|
||
|
|
interval_calc.decade.base = Math.floor(_first.decades);
|
||
|
|
interval_calc.decade.last = _last.decades;
|
||
|
|
interval_calc.decade.number = timespan.decades;
|
||
|
|
interval_calc.decade.multiplier = timelookup.decade;
|
||
|
|
interval_calc.decade.minor = timelookup.decade;
|
||
|
|
|
||
|
|
// YEAR
|
||
|
|
interval_calc.year.type = "year";
|
||
|
|
interval_calc.year.first = _first.years;
|
||
|
|
interval_calc.year.base = Math.floor(_first.years);
|
||
|
|
interval_calc.year.last = _last.years;
|
||
|
|
interval_calc.year.number = timespan.years;
|
||
|
|
interval_calc.year.multiplier = 1;
|
||
|
|
interval_calc.year.minor = timelookup.month;
|
||
|
|
|
||
|
|
// MONTH
|
||
|
|
interval_calc.month.type = "month";
|
||
|
|
interval_calc.month.first = _first.months;
|
||
|
|
interval_calc.month.base = Math.floor(_first.months);
|
||
|
|
interval_calc.month.last = _last.months;
|
||
|
|
interval_calc.month.number = timespan.months;
|
||
|
|
interval_calc.month.multiplier = 1;
|
||
|
|
interval_calc.month.minor = Math.round(timelookup.week);
|
||
|
|
|
||
|
|
// WEEK
|
||
|
|
// NOT DONE
|
||
|
|
interval_calc.week.type = "week";
|
||
|
|
interval_calc.week.first = _first.weeks;
|
||
|
|
interval_calc.week.base = Math.floor(_first.weeks);
|
||
|
|
interval_calc.week.last = _last.weeks;
|
||
|
|
interval_calc.week.number = timespan.weeks;
|
||
|
|
interval_calc.week.multiplier = 1;
|
||
|
|
interval_calc.week.minor = 7;
|
||
|
|
|
||
|
|
// DAY
|
||
|
|
interval_calc.day.type = "day";
|
||
|
|
interval_calc.day.first = _first.days;
|
||
|
|
interval_calc.day.base = Math.floor(_first.days);
|
||
|
|
interval_calc.day.last = _last.days;
|
||
|
|
interval_calc.day.number = timespan.days;
|
||
|
|
interval_calc.day.multiplier = 1;
|
||
|
|
interval_calc.day.minor = 24;
|
||
|
|
|
||
|
|
// HOUR
|
||
|
|
interval_calc.hour.type = "hour";
|
||
|
|
interval_calc.hour.first = _first.hours;
|
||
|
|
interval_calc.hour.base = Math.floor(_first.hours);
|
||
|
|
interval_calc.hour.last = _last.hours;
|
||
|
|
interval_calc.hour.number = timespan.hours;
|
||
|
|
interval_calc.hour.multiplier = 1;
|
||
|
|
interval_calc.hour.minor = 60;
|
||
|
|
|
||
|
|
// MINUTE
|
||
|
|
interval_calc.minute.type = "minute";
|
||
|
|
interval_calc.minute.first = _first.minutes;
|
||
|
|
interval_calc.minute.base = Math.floor(_first.minutes);
|
||
|
|
interval_calc.minute.last = _last.minutes;
|
||
|
|
interval_calc.minute.number = timespan.minutes;
|
||
|
|
interval_calc.minute.multiplier = 1;
|
||
|
|
interval_calc.minute.minor = 60;
|
||
|
|
|
||
|
|
// SECOND
|
||
|
|
interval_calc.second.type = "decade";
|
||
|
|
interval_calc.second.first = _first.seconds;
|
||
|
|
interval_calc.second.base = Math.floor(_first.seconds);
|
||
|
|
interval_calc.second.last = _last.seconds;
|
||
|
|
interval_calc.second.number = timespan.seconds;
|
||
|
|
interval_calc.second.multiplier = 1;
|
||
|
|
interval_calc.second.minor = 10;
|
||
|
|
}
|
||
|
|
|
||
|
|
function getDateFractions(the_date, is_utc) {
|
||
|
|
|
||
|
|
var _time = {};
|
||
|
|
_time.days = the_date / dateFractionBrowser.day;
|
||
|
|
_time.weeks = _time.days / dateFractionBrowser.week;
|
||
|
|
_time.months = _time.days / dateFractionBrowser.month;
|
||
|
|
_time.years = _time.months / dateFractionBrowser.year;
|
||
|
|
_time.hours = _time.days * dateFractionBrowser.hour;
|
||
|
|
_time.minutes = _time.days * dateFractionBrowser.minute;
|
||
|
|
_time.seconds = _time.days * dateFractionBrowser.second;
|
||
|
|
_time.decades = _time.years / dateFractionBrowser.decade;
|
||
|
|
_time.centuries = _time.years / dateFractionBrowser.century;
|
||
|
|
_time.milleniums = _time.years / dateFractionBrowser.millenium;
|
||
|
|
_time.ages = _time.years / dateFractionBrowser.age;
|
||
|
|
_time.epochs = _time.years / dateFractionBrowser.epoch;
|
||
|
|
_time.eras = _time.years / dateFractionBrowser.era;
|
||
|
|
_time.eons = _time.years / dateFractionBrowser.eon;
|
||
|
|
|
||
|
|
/*
|
||
|
|
trace("AGES " + _time.ages);
|
||
|
|
trace("EPOCHS " + _time.epochs);
|
||
|
|
trace("MILLENIUMS " + _time.milleniums);
|
||
|
|
trace("CENTURIES " + _time.centuries);
|
||
|
|
trace("DECADES " + _time.decades);
|
||
|
|
trace("YEARS " + _time.years);
|
||
|
|
trace("MONTHS " + _time.months);
|
||
|
|
trace("WEEKS " + _time.weeks);
|
||
|
|
trace("DAYS " + _time.days);
|
||
|
|
trace("HOURS " + _time.hours);
|
||
|
|
trace("MINUTES " + _time.minutes);
|
||
|
|
trace("SECONDS " + _time.seconds);
|
||
|
|
*/
|
||
|
|
return _time;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* POSITION
|
||
|
|
Positions elements on the timeline based on date
|
||
|
|
relative to the calculated interval
|
||
|
|
================================================== */
|
||
|
|
function positionRelative(_interval, first, last) {
|
||
|
|
var _first,
|
||
|
|
_last,
|
||
|
|
_type = _interval.type,
|
||
|
|
timerelative = {
|
||
|
|
start: "",
|
||
|
|
end: "",
|
||
|
|
type: _type
|
||
|
|
};
|
||
|
|
|
||
|
|
/* FIRST
|
||
|
|
================================================== */
|
||
|
|
_first = getDateFractions(first);
|
||
|
|
timerelative.start = first.months;
|
||
|
|
|
||
|
|
if (_type == "eon") {
|
||
|
|
timerelative.start = _first.eons;
|
||
|
|
} else if (_type == "era") {
|
||
|
|
timerelative.start = _first.eras;
|
||
|
|
} else if (_type == "epoch") {
|
||
|
|
timerelative.start = _first.epochs;
|
||
|
|
} else if (_type == "age") {
|
||
|
|
timerelative.start = _first.ages;
|
||
|
|
} else if (_type == "millenium") {
|
||
|
|
timerelative.start = first.milleniums;
|
||
|
|
} else if (_type == "century") {
|
||
|
|
timerelative.start = _first.centuries;
|
||
|
|
} else if (_type == "decade") {
|
||
|
|
timerelative.start = _first.decades;
|
||
|
|
} else if (_type == "year") {
|
||
|
|
timerelative.start = _first.years;
|
||
|
|
} else if (_type == "month") {
|
||
|
|
timerelative.start = _first.months;
|
||
|
|
} else if (_type == "week") {
|
||
|
|
timerelative.start = _first.weeks;
|
||
|
|
} else if (_type == "day") {
|
||
|
|
timerelative.start = _first.days;
|
||
|
|
} else if (_type == "hour") {
|
||
|
|
timerelative.start = _first.hours;
|
||
|
|
} else if (_type == "minute") {
|
||
|
|
timerelative.start = _first.minutes;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* LAST
|
||
|
|
================================================== */
|
||
|
|
if (type.of(last) == "date") {
|
||
|
|
|
||
|
|
_last = getDateFractions(last);
|
||
|
|
timerelative.end = last.months;
|
||
|
|
|
||
|
|
if (_type == "eon") {
|
||
|
|
timerelative.end = _last.eons;
|
||
|
|
} else if (_type == "era") {
|
||
|
|
timerelative.end = _last.eras;
|
||
|
|
} else if (_type == "epoch") {
|
||
|
|
timerelative.end = _last.epochs;
|
||
|
|
} else if (_type == "age") {
|
||
|
|
timerelative.end = _last.ages;
|
||
|
|
} else if (_type == "millenium") {
|
||
|
|
timerelative.end = last.milleniums;
|
||
|
|
} else if (_type == "century") {
|
||
|
|
timerelative.end = _last.centuries;
|
||
|
|
} else if (_type == "decade") {
|
||
|
|
timerelative.end = _last.decades;
|
||
|
|
} else if (_type == "year") {
|
||
|
|
timerelative.end = _last.years;
|
||
|
|
} else if (_type == "month") {
|
||
|
|
timerelative.end = _last.months;
|
||
|
|
} else if (_type == "week") {
|
||
|
|
timerelative.end = _last.weeks;
|
||
|
|
} else if (_type == "day") {
|
||
|
|
timerelative.end = _last.days;
|
||
|
|
} else if (_type == "hour") {
|
||
|
|
timerelative.end = _last.hours;
|
||
|
|
} else if (_type == "minute") {
|
||
|
|
timerelative.end = _last.minutes;
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
timerelative.end = timerelative.start;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
return timerelative
|
||
|
|
}
|
||
|
|
|
||
|
|
function positionOnTimeline(the_interval, timerelative) {
|
||
|
|
return {
|
||
|
|
begin: (timerelative.start - interval.base) * (config.nav.interval_width / config.nav.multiplier.current),
|
||
|
|
end: (timerelative.end - interval.base) * (config.nav.interval_width / config.nav.multiplier.current)
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function positionMarkers(is_animated) {
|
||
|
|
|
||
|
|
var row = 2,
|
||
|
|
previous_pos = 0,
|
||
|
|
pos_offset = -2,
|
||
|
|
row_depth = 0,
|
||
|
|
row_depth_sub = 0,
|
||
|
|
line_last_height_pos = 150,
|
||
|
|
line_height = 6,
|
||
|
|
cur_mark = 0,
|
||
|
|
in_view_margin = config.width,
|
||
|
|
pos_cache_array = [],
|
||
|
|
pos_cache_obj = {id: i, pos: 0, row: 0, marker: 0},
|
||
|
|
pos_cache_max = 6,
|
||
|
|
in_view = {
|
||
|
|
left: timenav_pos.visible.left - in_view_margin,
|
||
|
|
right: timenav_pos.visible.right + in_view_margin
|
||
|
|
},
|
||
|
|
i = 0,
|
||
|
|
k = 0;
|
||
|
|
|
||
|
|
config.nav.minor_width = config.width;
|
||
|
|
|
||
|
|
VMM.Lib.removeClass(".flag", "row1");
|
||
|
|
VMM.Lib.removeClass(".flag", "row2");
|
||
|
|
VMM.Lib.removeClass(".flag", "row3");
|
||
|
|
|
||
|
|
for(i = 0; i < markers.length; i++) {
|
||
|
|
|
||
|
|
var line,
|
||
|
|
marker = markers[i],
|
||
|
|
pos = positionOnTimeline(interval, markers[i].relative_pos),
|
||
|
|
row_pos = 0,
|
||
|
|
is_in_view = false,
|
||
|
|
|
||
|
|
pos_cache_close = 0;
|
||
|
|
|
||
|
|
|
||
|
|
// COMPENSATE FOR DATES BEING POITIONED IN THE MIDDLE
|
||
|
|
pos.begin = Math.round(pos.begin + pos_offset);
|
||
|
|
pos.end = Math.round(pos.end + pos_offset);
|
||
|
|
line = Math.round(pos.end - pos.begin);
|
||
|
|
marker.pos_left = pos.begin;
|
||
|
|
|
||
|
|
if (current_marker == i) {
|
||
|
|
timenav_pos.left = (config.width/2) - pos;
|
||
|
|
timenav_pos.visible.left = Math.abs(timenav_pos.left);
|
||
|
|
timenav_pos.visible.right = Math.abs(timenav_pos.left) + config.width;
|
||
|
|
in_view.left = timenav_pos.visible.left - in_view_margin;
|
||
|
|
in_view.right = timenav_pos.visible.right + in_view_margin;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (Math.abs(pos.begin) >= in_view.left && Math.abs(pos.begin) <= in_view.right ) {
|
||
|
|
is_in_view = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
// APPLY POSITION TO MARKER
|
||
|
|
if (is_animated) {
|
||
|
|
VMM.Lib.stop(marker.marker);
|
||
|
|
VMM.Lib.animate(marker.marker, config.duration/2, config.ease, {"left": pos.begin});
|
||
|
|
} else {
|
||
|
|
VMM.Lib.stop(marker.marker);
|
||
|
|
VMM.Lib.css(marker.marker, "left", pos.begin);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (i == current_marker) {
|
||
|
|
cur_mark = pos.begin;
|
||
|
|
}
|
||
|
|
|
||
|
|
// EVENT LENGTH LINE
|
||
|
|
if (line > 5) {
|
||
|
|
VMM.Lib.css(marker.lineevent, "height", line_height);
|
||
|
|
VMM.Lib.css(marker.lineevent, "top", line_last_height_pos);
|
||
|
|
if (is_animated) {
|
||
|
|
VMM.Lib.animate(marker.lineevent, config.duration/2, config.ease, {"width": line});
|
||
|
|
} else {
|
||
|
|
VMM.Lib.css(marker.lineevent, "width", line);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// CONTROL ROW POSITION
|
||
|
|
if (tags.length > 0) {
|
||
|
|
var need_half_row = false,
|
||
|
|
half_row_number = 0;
|
||
|
|
|
||
|
|
for (k = 0; k < tags.length; k++) {
|
||
|
|
if (k < config.nav.rows.current.length) {
|
||
|
|
if (marker.tag == tags[k]) {
|
||
|
|
row = k;
|
||
|
|
if (k == config.nav.rows.current.length - 1) {
|
||
|
|
trace("ON LAST ROW");
|
||
|
|
VMM.Lib.addClass(marker.flag, "flag-small-last");
|
||
|
|
}
|
||
|
|
|
||
|
|
// Experimental, to try and avoid too much stacking on tagged flags
|
||
|
|
if (pos.begin - previous_pos.begin < 5) {
|
||
|
|
if (pos_cache_obj.row == row) {
|
||
|
|
trace("TAGGED FLAG TOO CLOSE ON SAME ROW");
|
||
|
|
trace(pos_cache_obj.row);
|
||
|
|
trace(row);
|
||
|
|
VMM.Lib.addClass(marker.flag, "flag-small");
|
||
|
|
VMM.Lib.addClass(pos_cache_obj.marker.flag, "flag-small");
|
||
|
|
|
||
|
|
if (row < config.nav.rows.half.length - 1) {
|
||
|
|
//row ++;
|
||
|
|
half_row_number = (row *2) + 1;
|
||
|
|
need_half_row = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
VMM.Lib.removeClass(marker.flag, "flag-small");
|
||
|
|
}
|
||
|
|
// END Experimental
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (need_half_row) {
|
||
|
|
row_pos = config.nav.rows.half[half_row_number];
|
||
|
|
} else {
|
||
|
|
row_pos = config.nav.rows.current[row];
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
|
||
|
|
if (pos.begin - previous_pos.begin < (config.nav.marker.width + config.spacing)) {
|
||
|
|
if (row < config.nav.rows.current.length - 1) {
|
||
|
|
row ++;
|
||
|
|
|
||
|
|
} else {
|
||
|
|
row = 0;
|
||
|
|
row_depth ++;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
row_depth = 1;
|
||
|
|
row = 1;
|
||
|
|
}
|
||
|
|
row_pos = config.nav.rows.current[row];
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// SET LAST MARKER POSITION
|
||
|
|
previous_pos = pos;
|
||
|
|
|
||
|
|
// POSITION CACHE
|
||
|
|
pos_cache_obj.pos = pos;
|
||
|
|
pos_cache_obj.row = row;
|
||
|
|
pos_cache_obj.marker = marker;
|
||
|
|
|
||
|
|
pos_cache_array.push(pos_cache_obj);
|
||
|
|
if (pos_cache_array.length > pos_cache_max) {
|
||
|
|
pos_cache_array.remove(0);
|
||
|
|
}
|
||
|
|
|
||
|
|
//if (is_animated && is_in_view) {
|
||
|
|
if (is_animated) {
|
||
|
|
VMM.Lib.stop(marker.flag);
|
||
|
|
VMM.Lib.animate(marker.flag, config.duration, config.ease, {"top": row_pos});
|
||
|
|
} else {
|
||
|
|
VMM.Lib.stop(marker.flag);
|
||
|
|
VMM.Lib.css(marker.flag, "top", row_pos);
|
||
|
|
}
|
||
|
|
|
||
|
|
// IS THE MARKER A REPRESENTATION OF A START SCREEN?
|
||
|
|
if (config.start_page && markers[i].type == "start") {
|
||
|
|
VMM.Lib.visible(marker.marker, false);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if (pos > config.nav.minor_width) {
|
||
|
|
config.nav.minor_width = pos;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (pos < config.nav.minor_left) {
|
||
|
|
config.nav.minor_left = pos;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// ANIMATE THE TIMELINE TO ADJUST TO CHANGES
|
||
|
|
if (is_animated) {
|
||
|
|
VMM.Lib.stop($timenav);
|
||
|
|
VMM.Lib.animate($timenav, config.duration/2, config.ease, {"left": (config.width/2) - (cur_mark)});
|
||
|
|
} else {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//VMM.Lib.delay_animate(config.duration, $timenav, config.duration/2, config.ease, {"left": (config.width/2) - (cur_mark)});
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function positionEras(is_animated) {
|
||
|
|
var i = 0,
|
||
|
|
p = 0;
|
||
|
|
|
||
|
|
for(i = 0; i < era_markers.length; i++) {
|
||
|
|
var era = era_markers[i],
|
||
|
|
pos = positionOnTimeline(interval, era.relative_pos),
|
||
|
|
row_pos = 0,
|
||
|
|
row = 0,
|
||
|
|
era_height = config.nav.marker.height * config.nav.rows.full.length,
|
||
|
|
era_length = pos.end - pos.begin;
|
||
|
|
|
||
|
|
// CONTROL ROW POSITION
|
||
|
|
if (era.tag != "") {
|
||
|
|
era_height = (config.nav.marker.height * config.nav.rows.full.length) / config.nav.rows.current.length;
|
||
|
|
for (p = 0; p < tags.length; p++) {
|
||
|
|
if (p < config.nav.rows.current.length) {
|
||
|
|
if (era.tag == tags[p]) {
|
||
|
|
row = p;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
row_pos = config.nav.rows.current[row];
|
||
|
|
|
||
|
|
} else {
|
||
|
|
row_pos = -1;
|
||
|
|
}
|
||
|
|
|
||
|
|
// APPLY POSITION TO MARKER
|
||
|
|
if (is_animated) {
|
||
|
|
VMM.Lib.stop(era.content);
|
||
|
|
VMM.Lib.stop(era.text_content);
|
||
|
|
VMM.Lib.animate(era.content, config.duration/2, config.ease, {"top": row_pos, "left": pos.begin, "width": era_length, "height":era_height});
|
||
|
|
VMM.Lib.animate(era.text_content, config.duration/2, config.ease, {"left": pos.begin});
|
||
|
|
} else {
|
||
|
|
VMM.Lib.stop(era.content);
|
||
|
|
VMM.Lib.stop(era.text_content);
|
||
|
|
VMM.Lib.css(era.content, "left", pos.begin);
|
||
|
|
VMM.Lib.css(era.content, "width", era_length);
|
||
|
|
VMM.Lib.css(era.content, "height", era_height);
|
||
|
|
VMM.Lib.css(era.content, "top", row_pos);
|
||
|
|
VMM.Lib.css(era.text_content, "left", pos.begin);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function positionInterval(the_main_element, the_intervals, is_animated, is_minor) {
|
||
|
|
|
||
|
|
var last_position = 0,
|
||
|
|
last_position_major = 0,
|
||
|
|
//in_view_margin = (config.nav.minor_width/config.nav.multiplier.current)/2,
|
||
|
|
in_view_margin = config.width,
|
||
|
|
in_view = {
|
||
|
|
left: timenav_pos.visible.left - in_view_margin,
|
||
|
|
right: timenav_pos.visible.right + in_view_margin
|
||
|
|
}
|
||
|
|
not_too_many = true,
|
||
|
|
i = 0;
|
||
|
|
|
||
|
|
config.nav.minor_left = 0;
|
||
|
|
|
||
|
|
if (the_intervals.length > 100) {
|
||
|
|
not_too_many = false;
|
||
|
|
trace("TOO MANY " + the_intervals.length);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
for(i = 0; i < the_intervals.length; i++) {
|
||
|
|
var _interval = the_intervals[i].element,
|
||
|
|
_interval_date = the_intervals[i].date,
|
||
|
|
_interval_visible = the_intervals[i].visible,
|
||
|
|
_pos = positionOnTimeline(interval, the_intervals[i].relative_pos),
|
||
|
|
pos = _pos.begin,
|
||
|
|
_animation = the_intervals[i].animation,
|
||
|
|
is_visible = true,
|
||
|
|
is_in_view = false,
|
||
|
|
pos_offset = 50;
|
||
|
|
|
||
|
|
|
||
|
|
_animation.pos = pos;
|
||
|
|
_animation.animate = false;
|
||
|
|
|
||
|
|
if (Math.abs(pos) >= in_view.left && Math.abs(pos) <= in_view.right ) {
|
||
|
|
is_in_view = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (true) {
|
||
|
|
|
||
|
|
// CONDENSE WHAT IS DISPLAYED
|
||
|
|
if (config.nav.multiplier.current > 16 && is_minor) {
|
||
|
|
is_visible = false;
|
||
|
|
} else {
|
||
|
|
if ((pos - last_position) < 65 ) {
|
||
|
|
if ((pos - last_position) < 35 ) {
|
||
|
|
if (i%4 == 0) {
|
||
|
|
if (pos == 0) {
|
||
|
|
is_visible = false;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
is_visible = false;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (!VMM.Util.isEven(i)) {
|
||
|
|
is_visible = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (is_visible) {
|
||
|
|
if (the_intervals[i].is_detached) {
|
||
|
|
VMM.Lib.append(the_main_element, _interval);
|
||
|
|
the_intervals[i].is_detached = false;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
the_intervals[i].is_detached = true;
|
||
|
|
VMM.Lib.detach(_interval);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (_interval_visible) {
|
||
|
|
if (!is_visible) {
|
||
|
|
_animation.opacity = "0";
|
||
|
|
if (is_animated && not_too_many) {
|
||
|
|
_animation.animate = true;
|
||
|
|
}
|
||
|
|
the_intervals[i].interval_visible = false;
|
||
|
|
} else {
|
||
|
|
_animation.opacity = "100";
|
||
|
|
if (is_animated && is_in_view) {
|
||
|
|
_animation.animate = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
_animation.opacity = "100";
|
||
|
|
if (is_visible) {
|
||
|
|
if (is_animated && not_too_many) {
|
||
|
|
_animation.animate = true;
|
||
|
|
} else {
|
||
|
|
if (is_animated && is_in_view) {
|
||
|
|
_animation.animate = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
the_intervals[i].interval_visible = true;
|
||
|
|
} else {
|
||
|
|
if (is_animated && not_too_many) {
|
||
|
|
_animation.animate = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
last_position = pos;
|
||
|
|
|
||
|
|
if (pos > config.nav.minor_width) {
|
||
|
|
config.nav.minor_width = pos;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (pos < config.nav.minor_left) {
|
||
|
|
config.nav.minor_left = pos;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if (_animation.animate) {
|
||
|
|
VMM.Lib.animate(_interval, config.duration/2, config.ease, {opacity: _animation.opacity, left: _animation.pos});
|
||
|
|
} else {
|
||
|
|
VMM.Lib.css(_interval, "opacity", _animation.opacity);
|
||
|
|
VMM.Lib.css(_interval, "left", pos);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
config.nav.constraint.right_min = -(config.nav.minor_width)+(config.width);
|
||
|
|
config.nav.constraint.right = config.nav.constraint.right_min + (config.width/2);
|
||
|
|
|
||
|
|
VMM.Lib.css($timeintervalminor_minor, "left", config.nav.minor_left - (config.width)/2);
|
||
|
|
VMM.Lib.width($timeintervalminor_minor, (config.nav.minor_width)+(config.width) + Math.abs(config.nav.minor_left) );
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Interval Elements
|
||
|
|
================================================== */
|
||
|
|
function createIntervalElements(_interval, _array, _element_parent) {
|
||
|
|
|
||
|
|
var inc_time = 0,
|
||
|
|
_first_run = true,
|
||
|
|
_last_pos = 0,
|
||
|
|
_largest_pos = 0,
|
||
|
|
_timezone_offset,
|
||
|
|
_first_date,
|
||
|
|
_last_date,
|
||
|
|
int_number = Math.ceil(_interval.number) + 2,
|
||
|
|
firefox = {
|
||
|
|
flag: false,
|
||
|
|
offset: 0
|
||
|
|
},
|
||
|
|
i = 0;
|
||
|
|
|
||
|
|
VMM.attachElement(_element_parent, "");
|
||
|
|
|
||
|
|
_interval.date = new Date(data[0].startdate.getFullYear(), 0, 1, 0,0,0);
|
||
|
|
_timezone_offset = _interval.date.getTimezoneOffset();
|
||
|
|
|
||
|
|
for(i = 0; i < int_number; i++) {
|
||
|
|
trace(_interval.type);
|
||
|
|
var _is_year = false,
|
||
|
|
int_obj = {
|
||
|
|
element: VMM.appendAndGetElement(_element_parent, "<div>", _interval.classname),
|
||
|
|
date: new Date(data[0].startdate.getFullYear(), 0, 1, 0,0,0),
|
||
|
|
visible: false,
|
||
|
|
date_string: "",
|
||
|
|
type: _interval.interval_type,
|
||
|
|
relative_pos: 0,
|
||
|
|
is_detached: false,
|
||
|
|
animation: {
|
||
|
|
animate: false,
|
||
|
|
pos: "",
|
||
|
|
opacity: "100"
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
if (_interval.type == "eon") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = Math.floor(data[0].startdate.getFullYear() / 500000000) * 500000000;
|
||
|
|
}
|
||
|
|
int_obj.date.setFullYear(_first_date + (inc_time * 500000000));
|
||
|
|
_is_year = true;
|
||
|
|
} else if (_interval.type == "era") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = Math.floor(data[0].startdate.getFullYear() / 100000000) * 100000000;
|
||
|
|
}
|
||
|
|
int_obj.date.setFullYear(_first_date + (inc_time * 100000000));
|
||
|
|
_is_year = true;
|
||
|
|
} else if (_interval.type == "epoch") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = Math.floor(data[0].startdate.getFullYear() / 10000000) * 10000000
|
||
|
|
}
|
||
|
|
int_obj.date.setFullYear(_first_date + (inc_time * 10000000));
|
||
|
|
_is_year = true;
|
||
|
|
} else if (_interval.type == "age") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = Math.floor(data[0].startdate.getFullYear() / 1000000) * 1000000
|
||
|
|
}
|
||
|
|
int_obj.date.setFullYear(_first_date + (inc_time * 1000000));
|
||
|
|
_is_year = true;
|
||
|
|
} else if (_interval.type == "millenium") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = Math.floor(data[0].startdate.getFullYear() / 1000) * 1000;
|
||
|
|
}
|
||
|
|
int_obj.date.setFullYear(_first_date + (inc_time * 1000));
|
||
|
|
_is_year = true;
|
||
|
|
} else if (_interval.type == "century") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = Math.floor(data[0].startdate.getFullYear() / 100) * 100
|
||
|
|
}
|
||
|
|
int_obj.date.setFullYear(_first_date + (inc_time * 100));
|
||
|
|
_is_year = true;
|
||
|
|
} else if (_interval.type == "decade") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = Math.floor(data[0].startdate.getFullYear() / 10) * 10;
|
||
|
|
}
|
||
|
|
int_obj.date.setFullYear(_first_date + (inc_time * 10));
|
||
|
|
_is_year = true;
|
||
|
|
} else if (_interval.type == "year") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = data[0].startdate.getFullYear();
|
||
|
|
}
|
||
|
|
int_obj.date.setFullYear(_first_date + inc_time);
|
||
|
|
_is_year = true;
|
||
|
|
} else if (_interval.type == "month") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = data[0].startdate.getMonth();
|
||
|
|
}
|
||
|
|
int_obj.date.setMonth(_first_date + inc_time);
|
||
|
|
} else if (_interval.type == "week") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = data[0].startdate.getMonth();
|
||
|
|
}
|
||
|
|
int_obj.date.setMonth(data[0].startdate.getMonth());
|
||
|
|
int_obj.date.setDate(_first_date + (inc_time * 7) );
|
||
|
|
} else if (_interval.type == "day") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = data[0].startdate.getDate();
|
||
|
|
}
|
||
|
|
int_obj.date.setMonth(data[0].startdate.getMonth());
|
||
|
|
int_obj.date.setDate(_first_date + inc_time);
|
||
|
|
} else if (_interval.type == "hour") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = data[0].startdate.getHours();
|
||
|
|
}
|
||
|
|
int_obj.date.setMonth(data[0].startdate.getMonth());
|
||
|
|
int_obj.date.setDate(data[0].startdate.getDate());
|
||
|
|
int_obj.date.setHours(_first_date + inc_time);
|
||
|
|
} else if (_interval.type == "minute") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = data[0].startdate.getMinutes();
|
||
|
|
}
|
||
|
|
int_obj.date.setMonth(data[0].startdate.getMonth());
|
||
|
|
int_obj.date.setDate(data[0].startdate.getDate());
|
||
|
|
int_obj.date.setHours(data[0].startdate.getHours());
|
||
|
|
int_obj.date.setMinutes(_first_date + inc_time);
|
||
|
|
} else if (_interval.type == "second") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = data[0].startdate.getSeconds();
|
||
|
|
}
|
||
|
|
int_obj.date.setMonth(data[0].startdate.getMonth());
|
||
|
|
int_obj.date.setDate(data[0].startdate.getDate());
|
||
|
|
int_obj.date.setHours(data[0].startdate.getHours());
|
||
|
|
int_obj.date.setMinutes(data[0].startdate.getMinutes());
|
||
|
|
int_obj.date.setSeconds(_first_date + inc_time);
|
||
|
|
} else if (_interval.type == "millisecond") {
|
||
|
|
if (_first_run) {
|
||
|
|
_first_date = data[0].startdate.getMilliseconds();
|
||
|
|
}
|
||
|
|
int_obj.date.setMonth(data[0].startdate.getMonth());
|
||
|
|
int_obj.date.setDate(data[0].startdate.getDate());
|
||
|
|
int_obj.date.setHours(data[0].startdate.getHours());
|
||
|
|
int_obj.date.setMinutes(data[0].startdate.getMinutes());
|
||
|
|
int_obj.date.setSeconds(data[0].startdate.getSeconds());
|
||
|
|
int_obj.date.setMilliseconds(_first_date + inc_time);
|
||
|
|
}
|
||
|
|
|
||
|
|
// FIX WEIRD FIREFOX BUG FOR GMT TIME FORMATTING
|
||
|
|
if (VMM.Browser.browser == "Firefox") {
|
||
|
|
if (int_obj.date.getFullYear() == "1970" && int_obj.date.getTimezoneOffset() != _timezone_offset) {
|
||
|
|
|
||
|
|
trace("FIREFOX 1970 TIMEZONE OFFSET " + int_obj.date.getTimezoneOffset() + " SHOULD BE " + _timezone_offset);
|
||
|
|
trace(_interval.type + " " + _interval.date);
|
||
|
|
|
||
|
|
// try and fix firefox bug, if not the flag will catch it
|
||
|
|
firefox.offset = (int_obj.date.getTimezoneOffset()/60);
|
||
|
|
firefox.flag = true;
|
||
|
|
int_obj.date.setHours(int_obj.date.getHours() + firefox.offset );
|
||
|
|
|
||
|
|
} else if (firefox.flag) {
|
||
|
|
// catch the bug the second time around
|
||
|
|
firefox.flag = false;
|
||
|
|
int_obj.date.setHours(int_obj.date.getHours() + firefox.offset );
|
||
|
|
if (_is_year) {
|
||
|
|
firefox.flag = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if (_is_year) {
|
||
|
|
if ( int_obj.date.getFullYear() < 0 ) {
|
||
|
|
int_obj.date_string = Math.abs( int_obj.date.getFullYear() ).toString() + " B.C.";
|
||
|
|
} else {
|
||
|
|
int_obj.date_string = int_obj.date.getFullYear();
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
int_obj.date_string = VMM.Date.prettyDate(int_obj.date, true);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Increment Time
|
||
|
|
inc_time = inc_time + 1;
|
||
|
|
|
||
|
|
// No longer first run
|
||
|
|
_first_run = false;
|
||
|
|
|
||
|
|
int_obj.relative_pos = positionRelative(interval, int_obj.date);
|
||
|
|
_last_pos = int_obj.relative_pos.begin;
|
||
|
|
if (int_obj.relative_pos.begin > _largest_pos) {
|
||
|
|
_largest_pos = int_obj.relative_pos.begin;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Add the time string to the element and position it.
|
||
|
|
VMM.appendElement(int_obj.element, int_obj.date_string);
|
||
|
|
VMM.Lib.css(int_obj.element, "text-indent", -(VMM.Lib.width(int_obj.element)/2));
|
||
|
|
VMM.Lib.css(int_obj.element, "opacity", "0");
|
||
|
|
|
||
|
|
// add the interval element to the array
|
||
|
|
_array.push(int_obj);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
VMM.Lib.width($timeintervalminor_minor, _largest_pos);
|
||
|
|
|
||
|
|
positionInterval(_element_parent, _array);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* BUILD
|
||
|
|
================================================== */
|
||
|
|
function build() {
|
||
|
|
var i = 0,
|
||
|
|
j = 0;
|
||
|
|
|
||
|
|
VMM.attachElement(layout, "");
|
||
|
|
|
||
|
|
$timenav = VMM.appendAndGetElement(layout, "<div>", "timenav");
|
||
|
|
$content = VMM.appendAndGetElement($timenav, "<div>", "content");
|
||
|
|
$time = VMM.appendAndGetElement($timenav, "<div>", "time");
|
||
|
|
$timeintervalminor = VMM.appendAndGetElement($time, "<div>", "time-interval-minor");
|
||
|
|
$timeintervalminor_minor = VMM.appendAndGetElement($timeintervalminor, "<div>", "minor");
|
||
|
|
$timeintervalmajor = VMM.appendAndGetElement($time, "<div>", "time-interval-major");
|
||
|
|
$timeinterval = VMM.appendAndGetElement($time, "<div>", "time-interval");
|
||
|
|
$timebackground = VMM.appendAndGetElement(layout, "<div>", "timenav-background");
|
||
|
|
$timenavline = VMM.appendAndGetElement($timebackground, "<div>", "timenav-line");
|
||
|
|
$timenavindicator = VMM.appendAndGetElement($timebackground, "<div>", "timenav-indicator");
|
||
|
|
$timeintervalbackground = VMM.appendAndGetElement($timebackground, "<div>", "timenav-interval-background", "<div class='top-highlight'></div>");
|
||
|
|
$toolbar = VMM.appendAndGetElement(layout, "<div>", "vco-toolbar");
|
||
|
|
|
||
|
|
|
||
|
|
buildInterval();
|
||
|
|
buildMarkers();
|
||
|
|
buildEras();
|
||
|
|
calculateMultiplier();
|
||
|
|
positionMarkers(false);
|
||
|
|
positionEras();
|
||
|
|
|
||
|
|
positionInterval($timeinterval, interval_array, false, true);
|
||
|
|
positionInterval($timeintervalmajor, interval_major_array);
|
||
|
|
|
||
|
|
|
||
|
|
if (config.start_page) {
|
||
|
|
$backhome = VMM.appendAndGetElement($toolbar, "<div>", "back-home", "<div class='icon'></div>");
|
||
|
|
VMM.bindEvent(".back-home", onBackHome, "click");
|
||
|
|
VMM.Lib.attribute($backhome, "title", VMM.master_config.language.messages.return_to_title);
|
||
|
|
VMM.Lib.attribute($backhome, "rel", "timeline-tooltip");
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// MAKE TIMELINE DRAGGABLE/TOUCHABLE
|
||
|
|
$dragslide = new VMM.DragSlider;
|
||
|
|
$dragslide.createPanel(layout, $timenav, config.nav.constraint, config.touch);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
if (config.touch && config.start_page) {
|
||
|
|
VMM.Lib.addClass($toolbar, "touch");
|
||
|
|
VMM.Lib.css($toolbar, "top", 55);
|
||
|
|
VMM.Lib.css($toolbar, "left", 10);
|
||
|
|
} else {
|
||
|
|
if (config.start_page) {
|
||
|
|
VMM.Lib.css($toolbar, "top", 27);
|
||
|
|
}
|
||
|
|
$zoomin = VMM.appendAndGetElement($toolbar, "<div>", "zoom-in", "<div class='icon'></div>");
|
||
|
|
$zoomout = VMM.appendAndGetElement($toolbar, "<div>", "zoom-out", "<div class='icon'></div>");
|
||
|
|
// ZOOM EVENTS
|
||
|
|
VMM.bindEvent($zoomin, onZoomIn, "click");
|
||
|
|
VMM.bindEvent($zoomout, onZoomOut, "click");
|
||
|
|
// TOOLTIP
|
||
|
|
VMM.Lib.attribute($zoomin, "title", VMM.master_config.language.messages.expand_timeline);
|
||
|
|
VMM.Lib.attribute($zoomin, "rel", "timeline-tooltip");
|
||
|
|
VMM.Lib.attribute($zoomout, "title", VMM.master_config.language.messages.contract_timeline);
|
||
|
|
VMM.Lib.attribute($zoomout, "rel", "timeline-tooltip");
|
||
|
|
$toolbar.tooltip({selector: "div[rel=timeline-tooltip]", placement: "right"});
|
||
|
|
|
||
|
|
|
||
|
|
// MOUSE EVENTS
|
||
|
|
VMM.bindEvent(layout, onMouseScroll, 'DOMMouseScroll');
|
||
|
|
VMM.bindEvent(layout, onMouseScroll, 'mousewheel');
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// USER CONFIGURABLE ADJUSTMENT TO DEFAULT ZOOM
|
||
|
|
if (config.nav.zoom.adjust != 0) {
|
||
|
|
if (config.nav.zoom.adjust < 0) {
|
||
|
|
for(i = 0; i < Math.abs(config.nav.zoom.adjust); i++) {
|
||
|
|
onZoomOut();
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
for(j = 0; j < config.nav.zoom.adjust; j++) {
|
||
|
|
onZoomIn();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//VMM.fireEvent(layout, "LOADED");
|
||
|
|
_active = true;
|
||
|
|
|
||
|
|
reSize(true);
|
||
|
|
VMM.fireEvent(layout, "LOADED");
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
function buildInterval() {
|
||
|
|
var i = 0,
|
||
|
|
j = 0;
|
||
|
|
// CALCULATE INTERVAL
|
||
|
|
timespan = getDateFractions((data[data.length - 1].enddate) - (data[0].startdate), true);
|
||
|
|
trace(timespan);
|
||
|
|
calculateInterval();
|
||
|
|
|
||
|
|
/* DETERMINE DEFAULT INTERVAL TYPE
|
||
|
|
millenium, ages, epoch, era and eon are not optimized yet. They may never be.
|
||
|
|
================================================== */
|
||
|
|
/*
|
||
|
|
if (timespan.eons > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.eon;
|
||
|
|
interval_major = interval_calc.eon;
|
||
|
|
interval_macro = interval_calc.era;
|
||
|
|
} else if (timespan.eras > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.era;
|
||
|
|
interval_major = interval_calc.eon;
|
||
|
|
interval_macro = interval_calc.epoch;
|
||
|
|
} else if (timespan.epochs > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.epoch;
|
||
|
|
interval_major = interval_calc.era;
|
||
|
|
interval_macro = interval_calc.age;
|
||
|
|
} else if (timespan.ages > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.ages;
|
||
|
|
interval_major = interval_calc.epoch;
|
||
|
|
interval_macro = interval_calc.millenium;
|
||
|
|
} else if (timespan.milleniums > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.millenium;
|
||
|
|
interval_major = interval_calc.age;
|
||
|
|
interval_macro = interval_calc.century;
|
||
|
|
} else
|
||
|
|
*/
|
||
|
|
if (timespan.centuries > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.century;
|
||
|
|
interval_major = interval_calc.millenium;
|
||
|
|
interval_macro = interval_calc.decade;
|
||
|
|
} else if (timespan.decades > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.decade;
|
||
|
|
interval_major = interval_calc.century;
|
||
|
|
interval_macro = interval_calc.year;
|
||
|
|
} else if (timespan.years > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.year;
|
||
|
|
interval_major = interval_calc.decade;
|
||
|
|
interval_macro = interval_calc.month;
|
||
|
|
} else if (timespan.months > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.month;
|
||
|
|
interval_major = interval_calc.year;
|
||
|
|
interval_macro = interval_calc.day;
|
||
|
|
} else if (timespan.days > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.day;
|
||
|
|
interval_major = interval_calc.month;
|
||
|
|
interval_macro = interval_calc.hour;
|
||
|
|
} else if (timespan.hours > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.hour;
|
||
|
|
interval_major = interval_calc.day;
|
||
|
|
interval_macro = interval_calc.minute;
|
||
|
|
} else if (timespan.minutes > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.minute;
|
||
|
|
interval_major = interval_calc.hour;
|
||
|
|
interval_macro = interval_calc.second;
|
||
|
|
} else if (timespan.seconds > data.length / config.nav.density) {
|
||
|
|
interval = interval_calc.second;
|
||
|
|
interval_major = interval_calc.minute;
|
||
|
|
interval_macro = interval_calc.second;
|
||
|
|
} else {
|
||
|
|
trace("NO IDEA WHAT THE TYPE SHOULD BE");
|
||
|
|
interval = interval_calc.day;
|
||
|
|
interval_major = interval_calc.month;
|
||
|
|
interval_macro = interval_calc.hour;
|
||
|
|
}
|
||
|
|
|
||
|
|
trace("INTERVAL TYPE: " + interval.type);
|
||
|
|
trace("INTERVAL MAJOR TYPE: " + interval_major.type);
|
||
|
|
|
||
|
|
// OVERRIDE INTERVAL USING CONFIG
|
||
|
|
if (config.nav.interval_override) {
|
||
|
|
trace("INTERVAL OVERRIDE");
|
||
|
|
if (config.nav.interval_override == "centuries") {
|
||
|
|
interval = interval_calc.century;
|
||
|
|
interval_major = interval_calc.millenium;
|
||
|
|
interval_macro = interval_calc.decade;
|
||
|
|
} else if (config.nav.interval_override == "decades") {
|
||
|
|
interval = interval_calc.decade;
|
||
|
|
interval_major = interval_calc.century;
|
||
|
|
interval_macro = interval_calc.year;
|
||
|
|
} else if (config.nav.interval_override == "years") {
|
||
|
|
interval = interval_calc.year;
|
||
|
|
interval_major = interval_calc.decade;
|
||
|
|
interval_macro = interval_calc.month;
|
||
|
|
} else if (config.nav.interval_override == "months") {
|
||
|
|
interval = interval_calc.month;
|
||
|
|
interval_major = interval_calc.year;
|
||
|
|
interval_macro = interval_calc.day;
|
||
|
|
} else if (config.nav.interval_override == "days") {
|
||
|
|
interval = interval_calc.day;
|
||
|
|
interval_major = interval_calc.month;
|
||
|
|
interval_macro = interval_calc.hour;
|
||
|
|
} else if (config.nav.interval_override == "hours") {
|
||
|
|
interval = interval_calc.hour;
|
||
|
|
interval_major = interval_calc.day;
|
||
|
|
interval_macro = interval_calc.minute;
|
||
|
|
} else if (config.nav.interval_override == "minutes") {
|
||
|
|
interval = interval_calc.minute;
|
||
|
|
interval_major = interval_calc.hour;
|
||
|
|
interval_macro = interval_calc.second;
|
||
|
|
} else if (config.nav.interval_override == "seconds") {
|
||
|
|
interval = interval_calc.second;
|
||
|
|
interval_major = interval_calc.minute;
|
||
|
|
interval_macro = interval_calc.second;
|
||
|
|
} else {
|
||
|
|
trace("NO IDEA WHAT THE TYPE SHOULD BE");
|
||
|
|
interval = interval_calc.day;
|
||
|
|
interval_major = interval_calc.month;
|
||
|
|
interval_macro = interval_calc.hour;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
createIntervalElements(interval, interval_array, $timeinterval);
|
||
|
|
createIntervalElements(interval_major, interval_major_array, $timeintervalmajor);
|
||
|
|
|
||
|
|
// Cleanup duplicate interval elements between normal and major
|
||
|
|
for(i = 0; i < interval_array.length; i++) {
|
||
|
|
for(j = 0; j < interval_major_array.length; j++) {
|
||
|
|
if (interval_array[i].date_string == interval_major_array[j].date_string) {
|
||
|
|
VMM.attachElement(interval_array[i].element, "");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function buildMarkers() {
|
||
|
|
|
||
|
|
var row = 2,
|
||
|
|
lpos = 0,
|
||
|
|
row_depth = 0,
|
||
|
|
i = 0,
|
||
|
|
k = 0,
|
||
|
|
l = 0;
|
||
|
|
|
||
|
|
|
||
|
|
markers = [];
|
||
|
|
era_markers = [];
|
||
|
|
|
||
|
|
for(i = 0; i < data.length; i++) {
|
||
|
|
|
||
|
|
var _marker,
|
||
|
|
_marker_flag,
|
||
|
|
_marker_content,
|
||
|
|
_marker_dot,
|
||
|
|
_marker_line,
|
||
|
|
_marker_line_event,
|
||
|
|
_marker_obj,
|
||
|
|
_marker_title = "",
|
||
|
|
has_title = false;
|
||
|
|
|
||
|
|
|
||
|
|
_marker = VMM.appendAndGetElement($content, "<div>", "marker");
|
||
|
|
_marker_flag = VMM.appendAndGetElement(_marker, "<div>", "flag");
|
||
|
|
_marker_content = VMM.appendAndGetElement(_marker_flag, "<div>", "flag-content");
|
||
|
|
_marker_dot = VMM.appendAndGetElement(_marker, "<div>", "dot");
|
||
|
|
_marker_line = VMM.appendAndGetElement(_marker, "<div>", "line");
|
||
|
|
_marker_line_event = VMM.appendAndGetElement(_marker_line, "<div>", "event-line");
|
||
|
|
_marker_relative_pos = positionRelative(interval, data[i].startdate, data[i].enddate);
|
||
|
|
_marker_thumb = "";
|
||
|
|
|
||
|
|
// THUMBNAIL
|
||
|
|
trace(data[i].asset);
|
||
|
|
trace(data[i].asset.thumbnail);
|
||
|
|
if (data[i].asset != null && data[i].asset != "") {
|
||
|
|
if (data[i].asset.thumbnail != null && data[i].asset.thumbnail != "") {
|
||
|
|
trace("HAS THUMBNAIL");
|
||
|
|
VMM.appendElement(_marker_content, VMM.MediaElement.thumbnail(data[i].asset, 24, 24, data[i].uniqueid));
|
||
|
|
} else {
|
||
|
|
VMM.appendElement(_marker_content, VMM.MediaElement.thumbnail(data[i].asset, 24, 24, data[i].uniqueid));
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
VMM.appendElement(_marker_content, "<div style='margin-right:7px;height:50px;width:2px;float:left;'></div>");
|
||
|
|
}
|
||
|
|
|
||
|
|
// ADD DATE AND TITLE
|
||
|
|
if (data[i].title == "" || data[i].title == " " ) {
|
||
|
|
trace("TITLE NOTHING")
|
||
|
|
if (typeof data[i].slug != 'undefined' && data[i].slug != "") {
|
||
|
|
trace("SLUG")
|
||
|
|
_marker_title = VMM.Util.untagify(data[i].slug);
|
||
|
|
has_title = true;
|
||
|
|
} else {
|
||
|
|
var m = VMM.MediaType(data[i].asset.media);
|
||
|
|
if (m.type == "quote" || m.type == "unknown") {
|
||
|
|
_marker_title = VMM.Util.untagify(m.id);
|
||
|
|
has_title = true;
|
||
|
|
} else {
|
||
|
|
has_title = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else if (data[i].title != "" || data[i].title != " ") {
|
||
|
|
trace(data[i].title)
|
||
|
|
_marker_title = VMM.Util.untagify(data[i].title);
|
||
|
|
has_title = true;
|
||
|
|
} else {
|
||
|
|
trace("TITLE SLUG NOT FOUND " + data[i].slug)
|
||
|
|
}
|
||
|
|
|
||
|
|
if (has_title) {
|
||
|
|
VMM.appendElement(_marker_content, "<h3>" + _marker_title + "</h3>");
|
||
|
|
} else {
|
||
|
|
VMM.appendElement(_marker_content, "<h3>" + _marker_title + "</h3>");
|
||
|
|
VMM.appendElement(_marker_content, "<h3 id='marker_content_" + data[i].uniqueid + "'>" + _marker_title + "</h3>");
|
||
|
|
}
|
||
|
|
|
||
|
|
// ADD ID
|
||
|
|
VMM.Lib.attr(_marker, "id", ( "marker_" + data[i].uniqueid).toString() );
|
||
|
|
|
||
|
|
// MARKER CLICK
|
||
|
|
VMM.bindEvent(_marker_flag, onMarkerClick, "", {number: i});
|
||
|
|
VMM.bindEvent(_marker_flag, onMarkerHover, "mouseenter mouseleave", {number: i, elem:_marker_flag});
|
||
|
|
|
||
|
|
_marker_obj = {
|
||
|
|
marker: _marker,
|
||
|
|
flag: _marker_flag,
|
||
|
|
lineevent: _marker_line_event,
|
||
|
|
type: "marker",
|
||
|
|
full: true,
|
||
|
|
relative_pos: _marker_relative_pos,
|
||
|
|
tag: data[i].tag,
|
||
|
|
pos_left: 0
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
if (data[i].type == "start") {
|
||
|
|
trace("BUILD MARKER HAS START PAGE");
|
||
|
|
config.start_page = true;
|
||
|
|
_marker_obj.type = "start";
|
||
|
|
}
|
||
|
|
|
||
|
|
if (data[i].type == "storify") {
|
||
|
|
_marker_obj.type = "storify";
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (data[i].tag) {
|
||
|
|
tags.push(data[i].tag);
|
||
|
|
}
|
||
|
|
|
||
|
|
markers.push(_marker_obj);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// CREATE TAGS
|
||
|
|
tags = VMM.Util.deDupeArray(tags);
|
||
|
|
if (tags.length > 3) {
|
||
|
|
config.nav.rows.current = config.nav.rows.half;
|
||
|
|
} else {
|
||
|
|
config.nav.rows.current = config.nav.rows.full;
|
||
|
|
}
|
||
|
|
for(k = 0; k < tags.length; k++) {
|
||
|
|
if (k < config.nav.rows.current.length) {
|
||
|
|
var tag_element = VMM.appendAndGetElement($timebackground, "<div>", "timenav-tag");
|
||
|
|
VMM.Lib.addClass(tag_element, "timenav-tag-row-" + (k+1));
|
||
|
|
if (tags.length > 3) {
|
||
|
|
VMM.Lib.addClass(tag_element, "timenav-tag-size-half");
|
||
|
|
} else {
|
||
|
|
VMM.Lib.addClass(tag_element, "timenav-tag-size-full");
|
||
|
|
}
|
||
|
|
VMM.appendElement(tag_element, "<div><h3>" + tags[k] + "</h3></div>");
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
// RESIZE FLAGS IF NEEDED
|
||
|
|
if (tags.length > 3) {
|
||
|
|
for(l = 0; l < markers.length; l++) {
|
||
|
|
VMM.Lib.addClass(markers[l].flag, "flag-small");
|
||
|
|
markers[l].full = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
function buildEras() {
|
||
|
|
var number_of_colors = 6,
|
||
|
|
current_color = 0,
|
||
|
|
j = 0;
|
||
|
|
// CREATE ERAS
|
||
|
|
for(j = 0; j < eras.length; j++) {
|
||
|
|
var era = {
|
||
|
|
content: VMM.appendAndGetElement($content, "<div>", "era"),
|
||
|
|
text_content: VMM.appendAndGetElement($timeinterval, "<div>", "era"),
|
||
|
|
startdate: VMM.Date.parse(eras[j].startDate),
|
||
|
|
enddate: VMM.Date.parse(eras[j].endDate),
|
||
|
|
title: eras[j].headline,
|
||
|
|
uniqueid: VMM.Util.unique_ID(6),
|
||
|
|
tag: "",
|
||
|
|
relative_pos: ""
|
||
|
|
},
|
||
|
|
st = VMM.Date.prettyDate(era.startdate),
|
||
|
|
en = VMM.Date.prettyDate(era.enddate),
|
||
|
|
era_text = "<div> </div>";
|
||
|
|
|
||
|
|
if (typeof eras[j].tag != "undefined") {
|
||
|
|
era.tag = eras[j].tag;
|
||
|
|
}
|
||
|
|
|
||
|
|
era.relative_pos = positionRelative(interval, era.startdate, era.enddate);
|
||
|
|
|
||
|
|
VMM.Lib.attr(era.content, "id", era.uniqueid);
|
||
|
|
VMM.Lib.attr(era.text_content, "id", era.uniqueid + "_text");
|
||
|
|
|
||
|
|
// Background Color
|
||
|
|
VMM.Lib.addClass(era.content, "era"+(current_color+1));
|
||
|
|
VMM.Lib.addClass(era.text_content, "era"+(current_color+1));
|
||
|
|
|
||
|
|
if (current_color < number_of_colors) {
|
||
|
|
current_color++;
|
||
|
|
} else {
|
||
|
|
current_color = 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
VMM.appendElement(era.content, era_text);
|
||
|
|
VMM.appendElement(era.text_content, VMM.Util.unlinkify(era.title));
|
||
|
|
|
||
|
|
era_markers.push(era);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* **********************************************
|
||
|
|
Begin VMM.Timeline.DataObj.js
|
||
|
|
********************************************** */
|
||
|
|
|
||
|
|
/* TIMELINE SOURCE DATA PROCESSOR
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
if (typeof VMM.Timeline !== 'undefined' && typeof VMM.Timeline.DataObj == 'undefined') {
|
||
|
|
VMM.Timeline.DataObj = {
|
||
|
|
data_obj: {},
|
||
|
|
model_array: [],
|
||
|
|
getData: function (raw_data) {
|
||
|
|
VMM.Timeline.DataObj.data_obj = {};
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, VMM.Timeline.Config.language.messages.loading_timeline);
|
||
|
|
if (type.of(raw_data) == "object") {
|
||
|
|
trace("DATA SOURCE: JSON OBJECT");
|
||
|
|
VMM.Timeline.DataObj.parseJSON(raw_data);
|
||
|
|
} else if (type.of(raw_data) == "string") {
|
||
|
|
if (raw_data.match("%23")) {
|
||
|
|
trace("DATA SOURCE: TWITTER SEARCH");
|
||
|
|
VMM.Timeline.DataObj.model.tweets.getData("%23medill");
|
||
|
|
} else if ( raw_data.match("spreadsheet") ) {
|
||
|
|
trace("DATA SOURCE: GOOGLE SPREADSHEET");
|
||
|
|
VMM.Timeline.DataObj.model.googlespreadsheet.getData(raw_data);
|
||
|
|
} else if (raw_data.match("storify.com")) {
|
||
|
|
trace("DATA SOURCE: STORIFY");
|
||
|
|
VMM.Timeline.DataObj.model.storify.getData(raw_data);
|
||
|
|
//http://api.storify.com/v1/stories/number10gov/g8-and-nato-chicago-summit
|
||
|
|
} else if (raw_data.match("\.jsonp")) {
|
||
|
|
trace("DATA SOURCE: JSONP");
|
||
|
|
LoadLib.js(raw_data, VMM.Timeline.DataObj.onJSONPLoaded);
|
||
|
|
} else {
|
||
|
|
trace("DATA SOURCE: JSON");
|
||
|
|
var req = "";
|
||
|
|
if (raw_data.indexOf("?") > -1) {
|
||
|
|
req = raw_data + "&callback=onJSONP_Data";
|
||
|
|
} else {
|
||
|
|
req = raw_data + "?callback=onJSONP_Data";
|
||
|
|
}
|
||
|
|
VMM.getJSON(req, VMM.Timeline.DataObj.parseJSON);
|
||
|
|
}
|
||
|
|
} else if (type.of(raw_data) == "html") {
|
||
|
|
trace("DATA SOURCE: HTML");
|
||
|
|
VMM.Timeline.DataObj.parseHTML(raw_data);
|
||
|
|
} else {
|
||
|
|
trace("DATA SOURCE: UNKNOWN");
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
onJSONPLoaded: function() {
|
||
|
|
trace("JSONP IS LOADED");
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.data_ready, storyjs_jsonp_data);
|
||
|
|
},
|
||
|
|
|
||
|
|
parseHTML: function (d) {
|
||
|
|
trace("parseHTML");
|
||
|
|
trace("WARNING: THIS IS STILL ALPHA AND WILL NOT WORK WITH ID's other than #timeline");
|
||
|
|
var _data_obj = VMM.Timeline.DataObj.data_template_obj;
|
||
|
|
|
||
|
|
/* Timeline start slide
|
||
|
|
================================================== */
|
||
|
|
if (VMM.Lib.find("#timeline section", "time")[0]) {
|
||
|
|
_data_obj.timeline.startDate = VMM.Lib.html(VMM.Lib.find("#timeline section", "time")[0]);
|
||
|
|
_data_obj.timeline.headline = VMM.Lib.html(VMM.Lib.find("#timeline section", "h2"));
|
||
|
|
_data_obj.timeline.text = VMM.Lib.html(VMM.Lib.find("#timeline section", "article"));
|
||
|
|
|
||
|
|
var found_main_media = false;
|
||
|
|
|
||
|
|
if (VMM.Lib.find("#timeline section", "figure img").length != 0) {
|
||
|
|
found_main_media = true;
|
||
|
|
_data_obj.timeline.asset.media = VMM.Lib.attr(VMM.Lib.find("#timeline section", "figure img"), "src");
|
||
|
|
} else if (VMM.Lib.find("#timeline section", "figure a").length != 0) {
|
||
|
|
found_main_media = true;
|
||
|
|
_data_obj.timeline.asset.media = VMM.Lib.attr(VMM.Lib.find("#timeline section", "figure a"), "href");
|
||
|
|
} else {
|
||
|
|
//trace("NOT FOUND");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (found_main_media) {
|
||
|
|
if (VMM.Lib.find("#timeline section", "cite").length != 0) {
|
||
|
|
_data_obj.timeline.asset.credit = VMM.Lib.html(VMM.Lib.find("#timeline section", "cite"));
|
||
|
|
}
|
||
|
|
if (VMM.Lib.find(this, "figcaption").length != 0) {
|
||
|
|
_data_obj.timeline.asset.caption = VMM.Lib.html(VMM.Lib.find("#timeline section", "figcaption"));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Timeline Date Slides
|
||
|
|
================================================== */
|
||
|
|
VMM.Lib.each("#timeline li", function(i, elem){
|
||
|
|
|
||
|
|
var valid_date = false;
|
||
|
|
|
||
|
|
var _date = {
|
||
|
|
"type":"default",
|
||
|
|
"startDate":"",
|
||
|
|
"headline":"",
|
||
|
|
"text":"",
|
||
|
|
"asset":
|
||
|
|
{
|
||
|
|
"media":"",
|
||
|
|
"credit":"",
|
||
|
|
"caption":""
|
||
|
|
},
|
||
|
|
"tags":"Optional"
|
||
|
|
};
|
||
|
|
|
||
|
|
if (VMM.Lib.find(this, "time") != 0) {
|
||
|
|
|
||
|
|
valid_date = true;
|
||
|
|
|
||
|
|
_date.startDate = VMM.Lib.html(VMM.Lib.find(this, "time")[0]);
|
||
|
|
|
||
|
|
if (VMM.Lib.find(this, "time")[1]) {
|
||
|
|
_date.endDate = VMM.Lib.html(VMM.Lib.find(this, "time")[1]);
|
||
|
|
}
|
||
|
|
|
||
|
|
_date.headline = VMM.Lib.html(VMM.Lib.find(this, "h3"));
|
||
|
|
|
||
|
|
_date.text = VMM.Lib.html(VMM.Lib.find(this, "article"));
|
||
|
|
|
||
|
|
var found_media = false;
|
||
|
|
if (VMM.Lib.find(this, "figure img").length != 0) {
|
||
|
|
found_media = true;
|
||
|
|
_date.asset.media = VMM.Lib.attr(VMM.Lib.find(this, "figure img"), "src");
|
||
|
|
} else if (VMM.Lib.find(this, "figure a").length != 0) {
|
||
|
|
found_media = true;
|
||
|
|
_date.asset.media = VMM.Lib.attr(VMM.Lib.find(this, "figure a"), "href");
|
||
|
|
} else {
|
||
|
|
//trace("NOT FOUND");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (found_media) {
|
||
|
|
if (VMM.Lib.find(this, "cite").length != 0) {
|
||
|
|
_date.asset.credit = VMM.Lib.html(VMM.Lib.find(this, "cite"));
|
||
|
|
}
|
||
|
|
if (VMM.Lib.find(this, "figcaption").length != 0) {
|
||
|
|
_date.asset.caption = VMM.Lib.html(VMM.Lib.find(this, "figcaption"));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
trace(_date);
|
||
|
|
_data_obj.timeline.date.push(_date);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.data_ready, _data_obj);
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
parseJSON: function(d) {
|
||
|
|
trace("parseJSON");
|
||
|
|
if (d.timeline.type == "default") {
|
||
|
|
trace("DATA SOURCE: JSON STANDARD TIMELINE");
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.data_ready, d);
|
||
|
|
} else if (d.timeline.type == "twitter") {
|
||
|
|
trace("DATA SOURCE: JSON TWEETS");
|
||
|
|
VMM.Timeline.DataObj.model_Tweets.buildData(d);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
trace("DATA SOURCE: UNKNOWN JSON");
|
||
|
|
trace(type.of(d.timeline));
|
||
|
|
};
|
||
|
|
},
|
||
|
|
|
||
|
|
/* MODEL OBJECTS
|
||
|
|
New Types of Data can be formatted for the timeline here
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
model: {
|
||
|
|
|
||
|
|
googlespreadsheet: {
|
||
|
|
|
||
|
|
getData: function(raw) {
|
||
|
|
var getjsondata, key, worksheet, url, timeout, tries = 0;
|
||
|
|
|
||
|
|
key = VMM.Util.getUrlVars(raw)["key"];
|
||
|
|
worksheet = VMM.Util.getUrlVars(raw)["worksheet"];
|
||
|
|
if (typeof worksheet == "undefined") worksheet = "od6";
|
||
|
|
|
||
|
|
url = "https://spreadsheets.google.com/feeds/list/" + key + "/" + worksheet + "/public/values?alt=json";
|
||
|
|
|
||
|
|
timeout = setTimeout(function() {
|
||
|
|
trace("Google Docs timeout " + url);
|
||
|
|
trace(url);
|
||
|
|
if (tries < 3) {
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Still waiting on Google Docs, trying again " + tries);
|
||
|
|
tries ++;
|
||
|
|
getjsondata.abort()
|
||
|
|
requestJsonData();
|
||
|
|
} else {
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Google Docs is not responding");
|
||
|
|
}
|
||
|
|
}, 16000);
|
||
|
|
|
||
|
|
function requestJsonData() {
|
||
|
|
getjsondata = VMM.getJSON(url, function(d) {
|
||
|
|
clearTimeout(timeout);
|
||
|
|
VMM.Timeline.DataObj.model.googlespreadsheet.buildData(d);
|
||
|
|
})
|
||
|
|
.error(function(jqXHR, textStatus, errorThrown) {
|
||
|
|
trace("Google Docs ERROR");
|
||
|
|
trace("Google Docs ERROR: " + textStatus + " " + jqXHR.responseText);
|
||
|
|
})
|
||
|
|
.success(function(d) {
|
||
|
|
clearTimeout(timeout);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
requestJsonData();
|
||
|
|
},
|
||
|
|
|
||
|
|
buildData: function(d) {
|
||
|
|
var data_obj = VMM.Timeline.DataObj.data_template_obj,
|
||
|
|
is_valid = false;
|
||
|
|
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Parsing Google Doc Data");
|
||
|
|
|
||
|
|
function getGVar(v) {
|
||
|
|
if (typeof v != 'undefined') {
|
||
|
|
return v.$t;
|
||
|
|
} else {
|
||
|
|
return "";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (typeof d.feed.entry != 'undefined') {
|
||
|
|
is_valid = true;
|
||
|
|
|
||
|
|
for(var i = 0; i < d.feed.entry.length; i++) {
|
||
|
|
var dd = d.feed.entry[i],
|
||
|
|
dd_type = "";
|
||
|
|
|
||
|
|
if (typeof dd.gsx$type != 'undefined') {
|
||
|
|
dd_type = dd.gsx$type.$t;
|
||
|
|
} else if (typeof dd.gsx$titleslide != 'undefined') {
|
||
|
|
dd_type = dd.gsx$titleslide.$t;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (dd_type.match("start") || dd_type.match("title") ) {
|
||
|
|
data_obj.timeline.startDate = getGVar(dd.gsx$startdate);
|
||
|
|
data_obj.timeline.headline = getGVar(dd.gsx$headline);
|
||
|
|
data_obj.timeline.asset.media = getGVar(dd.gsx$media);
|
||
|
|
data_obj.timeline.asset.caption = getGVar(dd.gsx$mediacaption);
|
||
|
|
data_obj.timeline.asset.credit = getGVar(dd.gsx$mediacredit);
|
||
|
|
data_obj.timeline.text = getGVar(dd.gsx$text);
|
||
|
|
data_obj.timeline.type = "google spreadsheet";
|
||
|
|
} else if (dd_type.match("era")) {
|
||
|
|
var era = {
|
||
|
|
startDate: getGVar(dd.gsx$startdate),
|
||
|
|
endDate: getGVar(dd.gsx$enddate),
|
||
|
|
headline: getGVar(dd.gsx$headline),
|
||
|
|
text: getGVar(dd.gsx$text),
|
||
|
|
tag: getGVar(dd.gsx$tag)
|
||
|
|
}
|
||
|
|
data_obj.timeline.era.push(era);
|
||
|
|
} else {
|
||
|
|
var date = {
|
||
|
|
type: "google spreadsheet",
|
||
|
|
startDate: getGVar(dd.gsx$startdate),
|
||
|
|
endDate: getGVar(dd.gsx$enddate),
|
||
|
|
headline: getGVar(dd.gsx$headline),
|
||
|
|
text: getGVar(dd.gsx$text),
|
||
|
|
tag: getGVar(dd.gsx$tag),
|
||
|
|
asset: {
|
||
|
|
media: getGVar(dd.gsx$media),
|
||
|
|
credit: getGVar(dd.gsx$mediacredit),
|
||
|
|
caption: getGVar(dd.gsx$mediacaption),
|
||
|
|
thumbnail: getGVar(dd.gsx$mediathumbnail)
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
data_obj.timeline.date.push(date);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
} else {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
if (is_valid) {
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Finished Parsing Data");
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.data_ready, data_obj);
|
||
|
|
} else {
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, VMM.Language.messages.loading + " Google Doc Data (cells)");
|
||
|
|
trace("There may be too many entries. Still trying to load data. Now trying to load cells to avoid Googles limitation on cells");
|
||
|
|
VMM.Timeline.DataObj.model.googlespreadsheet.getDataCells(d.feed.link[0].href);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
getDataCells: function(raw) {
|
||
|
|
var getjsondata, key, url, timeout, tries = 0;
|
||
|
|
|
||
|
|
key = VMM.Util.getUrlVars(raw)["key"];
|
||
|
|
url = "https://spreadsheets.google.com/feeds/cells/" + key + "/od6/public/values?alt=json";
|
||
|
|
|
||
|
|
timeout = setTimeout(function() {
|
||
|
|
trace("Google Docs timeout " + url);
|
||
|
|
trace(url);
|
||
|
|
if (tries < 3) {
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Still waiting on Google Docs, trying again " + tries);
|
||
|
|
tries ++;
|
||
|
|
getjsondata.abort()
|
||
|
|
requestJsonData();
|
||
|
|
} else {
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Google Docs is not responding");
|
||
|
|
}
|
||
|
|
}, 16000);
|
||
|
|
|
||
|
|
function requestJsonData() {
|
||
|
|
getjsondata = VMM.getJSON(url, function(d) {
|
||
|
|
clearTimeout(timeout);
|
||
|
|
VMM.Timeline.DataObj.model.googlespreadsheet.buildDataCells(d);
|
||
|
|
})
|
||
|
|
.error(function(jqXHR, textStatus, errorThrown) {
|
||
|
|
trace("Google Docs ERROR");
|
||
|
|
trace("Google Docs ERROR: " + textStatus + " " + jqXHR.responseText);
|
||
|
|
})
|
||
|
|
.success(function(d) {
|
||
|
|
clearTimeout(timeout);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
requestJsonData();
|
||
|
|
},
|
||
|
|
|
||
|
|
buildDataCells: function(d) {
|
||
|
|
var data_obj = VMM.Timeline.DataObj.data_template_obj,
|
||
|
|
is_valid = false,
|
||
|
|
cellnames = ["timeline"],
|
||
|
|
list = [],
|
||
|
|
max_row = 0,
|
||
|
|
i = 0,
|
||
|
|
k = 0;
|
||
|
|
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, VMM.Language.messages.loading_timeline + " Parsing Google Doc Data (cells)");
|
||
|
|
|
||
|
|
function getGVar(v) {
|
||
|
|
if (typeof v != 'undefined') {
|
||
|
|
return v.$t;
|
||
|
|
} else {
|
||
|
|
return "";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof d.feed.entry != 'undefined') {
|
||
|
|
is_valid = true;
|
||
|
|
|
||
|
|
// DETERMINE NUMBER OF ROWS
|
||
|
|
for(i = 0; i < d.feed.entry.length; i++) {
|
||
|
|
var dd = d.feed.entry[i];
|
||
|
|
|
||
|
|
if (parseInt(dd.gs$cell.row) > max_row) {
|
||
|
|
max_row = parseInt(dd.gs$cell.row);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// CREATE OBJECT FOR EACH ROW
|
||
|
|
for(var i = 0; i < max_row + 1; i++) {
|
||
|
|
var date = {
|
||
|
|
type: "",
|
||
|
|
startDate: "",
|
||
|
|
endDate: "",
|
||
|
|
headline: "",
|
||
|
|
text: "",
|
||
|
|
tag: "",
|
||
|
|
asset: {
|
||
|
|
media: "",
|
||
|
|
credit: "",
|
||
|
|
caption: "",
|
||
|
|
thumbnail: ""
|
||
|
|
}
|
||
|
|
};
|
||
|
|
list.push(date);
|
||
|
|
}
|
||
|
|
|
||
|
|
// PREP GOOGLE DOC CELL DATA TO EVALUATE
|
||
|
|
for(i = 0; i < d.feed.entry.length; i++) {
|
||
|
|
var dd = d.feed.entry[i],
|
||
|
|
dd_type = "",
|
||
|
|
column_name = "",
|
||
|
|
cell = {
|
||
|
|
content: getGVar(dd.gs$cell),
|
||
|
|
col: dd.gs$cell.col,
|
||
|
|
row: dd.gs$cell.row,
|
||
|
|
name: ""
|
||
|
|
};
|
||
|
|
|
||
|
|
//trace(cell);
|
||
|
|
|
||
|
|
if (cell.row == 1) {
|
||
|
|
if (cell.content == "Start Date") {
|
||
|
|
column_name = "startDate";
|
||
|
|
} else if (cell.content == "End Date") {
|
||
|
|
column_name = "endDate";
|
||
|
|
} else if (cell.content == "Headline") {
|
||
|
|
column_name = "headline";
|
||
|
|
} else if (cell.content == "Text") {
|
||
|
|
column_name = "text";
|
||
|
|
} else if (cell.content == "Media") {
|
||
|
|
column_name = "media";
|
||
|
|
} else if (cell.content == "Media Credit") {
|
||
|
|
column_name = "credit";
|
||
|
|
} else if (cell.content == "Media Caption") {
|
||
|
|
column_name = "caption";
|
||
|
|
} else if (cell.content == "Media Thumbnail") {
|
||
|
|
column_name = "thumbnail";
|
||
|
|
} else if (cell.content == "Type") {
|
||
|
|
column_name = "type";
|
||
|
|
} else if (cell.content == "Tag") {
|
||
|
|
column_name = "tag";
|
||
|
|
}
|
||
|
|
|
||
|
|
cellnames.push(column_name);
|
||
|
|
|
||
|
|
} else {
|
||
|
|
cell.name = cellnames[cell.col];
|
||
|
|
list[cell.row][cell.name] = cell.content;
|
||
|
|
}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
for(i = 0; i < list.length; i++) {
|
||
|
|
var date = list[i];
|
||
|
|
|
||
|
|
if (date.type.match("start") || date.type.match("title") ) {
|
||
|
|
data_obj.timeline.startDate = date.startDate;
|
||
|
|
data_obj.timeline.headline = date.headline;
|
||
|
|
data_obj.timeline.asset.media = date.media;
|
||
|
|
data_obj.timeline.asset.caption = date.caption;
|
||
|
|
data_obj.timeline.asset.credit = date.credit;
|
||
|
|
data_obj.timeline.text = date.text;
|
||
|
|
data_obj.timeline.type = "google spreadsheet";
|
||
|
|
} else if (date.type.match("era")) {
|
||
|
|
var era = {
|
||
|
|
startDate: date.startDate,
|
||
|
|
endDate: date.endDate,
|
||
|
|
headline: date.headline,
|
||
|
|
text: date.text,
|
||
|
|
tag: date.tag
|
||
|
|
}
|
||
|
|
data_obj.timeline.era.push(era);
|
||
|
|
} else {
|
||
|
|
var date = {
|
||
|
|
type: "google spreadsheet",
|
||
|
|
startDate: date.startDate,
|
||
|
|
endDate: date.endDate,
|
||
|
|
headline: date.headline,
|
||
|
|
text: date.text,
|
||
|
|
tag: date.tag,
|
||
|
|
asset: {
|
||
|
|
media: date.media,
|
||
|
|
credit: date.credit,
|
||
|
|
caption: date.caption,
|
||
|
|
thumbnail: date.thumbnail
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
data_obj.timeline.date.push(date);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
//trace(cellnames);
|
||
|
|
//trace(max_row);
|
||
|
|
//trace(list);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
if (is_valid) {
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Finished Parsing Data");
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.data_ready, data_obj);
|
||
|
|
} else {
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Unable to load Google Doc data source");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
storify: {
|
||
|
|
|
||
|
|
getData: function(raw) {
|
||
|
|
var key, url, storify_timeout;
|
||
|
|
//http://storify.com/number10gov/g8-and-nato-chicago-summit
|
||
|
|
//http://api.storify.com/v1/stories/number10gov/g8-and-nato-chicago-summit
|
||
|
|
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Loading Storify...");
|
||
|
|
|
||
|
|
key = raw.split("storify.com\/")[1];
|
||
|
|
url = "http://api.storify.com/v1/stories/" + key + "?per_page=300&callback=?";
|
||
|
|
|
||
|
|
storify_timeout = setTimeout(function() {
|
||
|
|
trace("STORIFY timeout");
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Storify is not responding");
|
||
|
|
}, 6000);
|
||
|
|
|
||
|
|
VMM.getJSON(url, VMM.Timeline.DataObj.model.storify.buildData)
|
||
|
|
.error(function(jqXHR, textStatus, errorThrown) {
|
||
|
|
trace("STORIFY error");
|
||
|
|
trace("STORIFY ERROR: " + textStatus + " " + jqXHR.responseText);
|
||
|
|
})
|
||
|
|
.success(function(d) {
|
||
|
|
clearTimeout(storify_timeout);
|
||
|
|
});
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
buildData: function(d) {
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.messege, "Parsing Data");
|
||
|
|
var _data_obj = VMM.Timeline.DataObj.data_template_obj;
|
||
|
|
|
||
|
|
_data_obj.timeline.startDate = new Date(d.content.date.created);;
|
||
|
|
_data_obj.timeline.headline = d.content.title;
|
||
|
|
|
||
|
|
trace(d);
|
||
|
|
//d.permalink
|
||
|
|
var tt = "";
|
||
|
|
var t_name = d.content.author.username;
|
||
|
|
var t_nickname = "";
|
||
|
|
if (typeof d.content.author.name != 'undefined') {
|
||
|
|
t_name = d.content.author.name;
|
||
|
|
t_nickname = d.content.author.username + " ";
|
||
|
|
}
|
||
|
|
if (typeof d.content.description != 'undefined' && d.content.description != null) {
|
||
|
|
tt += d.content.description;
|
||
|
|
}
|
||
|
|
|
||
|
|
tt += "<div class='storify'>"
|
||
|
|
//tt += " <a href='" + d.content.permalink + "' target='_blank' alt='link to original story' title='link to original story'>" + "<span class='created-at'></span>" + " </a>";
|
||
|
|
|
||
|
|
tt += "<div class='vcard author'><a class='screen-name url' href='" + d.content.author.permalink + "' target='_blank'>";
|
||
|
|
|
||
|
|
tt += "<span class='avatar'><img src='" + d.content.author.avatar + "' style='max-width: 32px; max-height: 32px;'></span>"
|
||
|
|
tt += "<span class='fn'>" + t_name + "</span>";
|
||
|
|
tt += "<span class='nickname'>" + t_nickname + "<span class='thumbnail-inline'></span></span>";
|
||
|
|
tt += "</a>";
|
||
|
|
//tt += "<span class='nickname'>" + d.content.author.stats.stories + " Stories</span>";
|
||
|
|
//tt += "<span class='nickname'>" + d.content.author.stats.subscribers + " Subscribers</span>";
|
||
|
|
tt += "</div>"
|
||
|
|
tt += "</div>";
|
||
|
|
|
||
|
|
_data_obj.timeline.text = tt;
|
||
|
|
_data_obj.timeline.asset.media = d.content.thumbnail;
|
||
|
|
|
||
|
|
//_data_obj.timeline.asset.media = dd.gsx$media.$t;
|
||
|
|
//_data_obj.timeline.asset.caption = dd.gsx$mediacaption.$t;
|
||
|
|
//_data_obj.timeline.asset.credit = dd.gsx$mediacredit.$t;
|
||
|
|
_data_obj.timeline.type = "storify";
|
||
|
|
|
||
|
|
for(var i = 0; i < d.content.elements.length; i++) {
|
||
|
|
var dd = d.content.elements[i];
|
||
|
|
var is_text = false;
|
||
|
|
var d_date = new Date(dd.posted_at);
|
||
|
|
//trace(tempdat);
|
||
|
|
trace(dd.type);
|
||
|
|
//trace(dd);
|
||
|
|
var _date = {
|
||
|
|
"type": "storify",
|
||
|
|
"startDate": dd.posted_at,
|
||
|
|
"endDate": dd.posted_at,
|
||
|
|
"headline": " ",
|
||
|
|
"slug": "",
|
||
|
|
"text": "",
|
||
|
|
"asset": {
|
||
|
|
"media": "",
|
||
|
|
"credit": "",
|
||
|
|
"caption": ""
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
/* MEDIA
|
||
|
|
================================================== */
|
||
|
|
if (dd.type == "image") {
|
||
|
|
|
||
|
|
if (typeof dd.source.name != 'undefined') {
|
||
|
|
if (dd.source.name == "flickr") {
|
||
|
|
_date.asset.media = "http://flickr.com/photos/" + dd.meta.pathalias + "/" + dd.meta.id + "/";
|
||
|
|
_date.asset.credit = "<a href='" + _date.asset.media + "'>" + dd.attribution.name + "</a>";
|
||
|
|
_date.asset.credit += " on <a href='" + dd.source.href + "'>" + dd.source.name + "</a>";
|
||
|
|
} else if (dd.source.name == "instagram") {
|
||
|
|
_date.asset.media = dd.permalink;
|
||
|
|
_date.asset.credit = "<a href='" + dd.permalink + "'>" + dd.attribution.name + "</a>";
|
||
|
|
_date.asset.credit += " on <a href='" + dd.source.href + "'>" + dd.source.name + "</a>";
|
||
|
|
} else {
|
||
|
|
_date.asset.credit = "<a href='" + dd.permalink + "'>" + dd.attribution.name + "</a>";
|
||
|
|
|
||
|
|
if (typeof dd.source.href != 'undefined') {
|
||
|
|
_date.asset.credit += " on <a href='" + dd.source.href + "'>" + dd.source.name + "</a>";
|
||
|
|
}
|
||
|
|
|
||
|
|
_date.asset.media = dd.data.image.src;
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
_date.asset.credit = "<a href='" + dd.permalink + "'>" + dd.attribution.name + "</a>";
|
||
|
|
_date.asset.media = dd.data.image.src;
|
||
|
|
}
|
||
|
|
|
||
|
|
_date.slug = dd.attribution.name;
|
||
|
|
if (typeof dd.data.image.caption != 'undefined') {
|
||
|
|
if (dd.data.image.caption != 'undefined') {
|
||
|
|
_date.asset.caption = dd.data.image.caption;
|
||
|
|
_date.slug = dd.data.image.caption;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
} else if (dd.type == "quote") {
|
||
|
|
if (dd.permalink.match("twitter")) {
|
||
|
|
_date.asset.media = dd.permalink;
|
||
|
|
_date.slug = VMM.Util.untagify(dd.data.quote.text);
|
||
|
|
} else if (dd.permalink.match("storify")) {
|
||
|
|
is_text = true;
|
||
|
|
_date.asset.media = "<blockquote>" + dd.data.quote.text.replace(/<\s*\/?\s*b\s*.*?>/g,"") + "</blockquote>";
|
||
|
|
}
|
||
|
|
} else if (dd.type == "link") {
|
||
|
|
_date.headline = dd.data.link.title;
|
||
|
|
_date.text = dd.data.link.description;
|
||
|
|
if (dd.data.link.thumbnail != 'undefined' && dd.data.link.thumbnail != '') {
|
||
|
|
_date.asset.media = dd.data.link.thumbnail;
|
||
|
|
} else {
|
||
|
|
_date.asset.media = dd.permalink;
|
||
|
|
}
|
||
|
|
//_date.asset.media = dd.permalink;
|
||
|
|
_date.asset.caption = "<a href='" + dd.permalink + "' target='_blank'>" + dd.data.link.title + "</a>"
|
||
|
|
_date.slug = dd.data.link.title;
|
||
|
|
|
||
|
|
} else if (dd.type == "text") {
|
||
|
|
if (dd.permalink.match("storify")) {
|
||
|
|
is_text = true;
|
||
|
|
var d_name = d.content.author.username;
|
||
|
|
var d_nickname = "";
|
||
|
|
if (typeof dd.attribution.name != 'undefined') {
|
||
|
|
t_name = dd.attribution.name;
|
||
|
|
t_nickname = dd.attribution.username + " ";
|
||
|
|
}
|
||
|
|
|
||
|
|
var asset_text = "<div class='storify'>"
|
||
|
|
asset_text += "<blockquote><p>" + dd.data.text.replace(/<\s*\/?\s*b\s*.*?>/g,"") + "</p></blockquote>";
|
||
|
|
//asset_text += " <a href='" + dd.attribution.href + "' target='_blank' alt='link to author' title='link to author'>" + "<span class='created-at'></span>" + " </a>";
|
||
|
|
|
||
|
|
asset_text += "<div class='vcard author'><a class='screen-name url' href='" + dd.attribution.href + "' target='_blank'>";
|
||
|
|
asset_text += "<span class='avatar'><img src='" + dd.attribution.thumbnail + "' style='max-width: 32px; max-height: 32px;'></span>"
|
||
|
|
asset_text += "<span class='fn'>" + t_name + "</span>";
|
||
|
|
asset_text += "<span class='nickname'>" + t_nickname + "<span class='thumbnail-inline'></span></span>";
|
||
|
|
asset_text += "</a></div></div>";
|
||
|
|
_date.text = asset_text;
|
||
|
|
|
||
|
|
// Try and put it before the element where it is expected on storify
|
||
|
|
if ( (i+1) >= d.content.elements.length ) {
|
||
|
|
_date.startDate = d.content.elements[i-1].posted_at;
|
||
|
|
|
||
|
|
} else {
|
||
|
|
if (d.content.elements[i+1].type == "text" && d.content.elements[i+1].permalink.match("storify")) {
|
||
|
|
if ( (i+2) >= d.content.elements.length ) {
|
||
|
|
_date.startDate = d.content.elements[i-1].posted_at;
|
||
|
|
} else {
|
||
|
|
if (d.content.elements[i+2].type == "text" && d.content.elements[i+2].permalink.match("storify")) {
|
||
|
|
if ( (i+3) >= d.content.elements.length ) {
|
||
|
|
_date.startDate = d.content.elements[i-1].posted_at;
|
||
|
|
} else {
|
||
|
|
if (d.content.elements[i+3].type == "text" && d.content.elements[i+3].permalink.match("storify")) {
|
||
|
|
_date.startDate = d.content.elements[i-1].posted_at;
|
||
|
|
} else {
|
||
|
|
trace("LEVEL 3");
|
||
|
|
_date.startDate = d.content.elements[i+3].posted_at;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
trace("LEVEL 2");
|
||
|
|
_date.startDate = d.content.elements[i+2].posted_at;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
trace("LEVEL 1");
|
||
|
|
_date.startDate = d.content.elements[i+1].posted_at;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
_date.endDate = _date.startDate
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
} else if (dd.type == "video") {
|
||
|
|
_date.headline = dd.data.video.title;
|
||
|
|
_date.asset.caption = dd.data.video.description;
|
||
|
|
_date.asset.caption = dd.source.username;
|
||
|
|
_date.asset.media = dd.data.video.src;
|
||
|
|
} else {
|
||
|
|
trace("NO MATCH ");
|
||
|
|
trace(dd);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (is_text) {
|
||
|
|
_date.slug = VMM.Util.untagify(dd.data.text);
|
||
|
|
}
|
||
|
|
|
||
|
|
_data_obj.timeline.date.push(_date);
|
||
|
|
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.data_ready, _data_obj);
|
||
|
|
}
|
||
|
|
|
||
|
|
},
|
||
|
|
|
||
|
|
tweets: {
|
||
|
|
|
||
|
|
type: "twitter",
|
||
|
|
|
||
|
|
buildData: function(raw_data) {
|
||
|
|
VMM.bindEvent(global, VMM.Timeline.DataObj.model.tweets.onTwitterDataReady, "TWEETSLOADED");
|
||
|
|
VMM.ExternalAPI.twitter.getTweets(raw_data.timeline.tweets);
|
||
|
|
},
|
||
|
|
|
||
|
|
getData: function(raw_data) {
|
||
|
|
VMM.bindEvent(global, VMM.Timeline.DataObj.model.tweets.onTwitterDataReady, "TWEETSLOADED");
|
||
|
|
VMM.ExternalAPI.twitter.getTweetSearch(raw_data);
|
||
|
|
},
|
||
|
|
|
||
|
|
onTwitterDataReady: function(e, d) {
|
||
|
|
var _data_obj = VMM.Timeline.DataObj.data_template_obj;
|
||
|
|
|
||
|
|
for(var i = 0; i < d.tweetdata.length; i++) {
|
||
|
|
|
||
|
|
var _date = {
|
||
|
|
"type":"tweets",
|
||
|
|
"startDate":"",
|
||
|
|
"headline":"",
|
||
|
|
"text":"",
|
||
|
|
"asset":
|
||
|
|
{
|
||
|
|
"media":"",
|
||
|
|
"credit":"",
|
||
|
|
"caption":""
|
||
|
|
},
|
||
|
|
"tags":"Optional"
|
||
|
|
};
|
||
|
|
// pass in the 'created_at' string returned from twitter //
|
||
|
|
// stamp arrives formatted as Tue Apr 07 22:52:51 +0000 2009 //
|
||
|
|
|
||
|
|
//var twit_date = VMM.ExternalAPI.twitter.parseTwitterDate(d.tweetdata[i].raw.created_at);
|
||
|
|
//trace(twit_date);
|
||
|
|
|
||
|
|
_date.startDate = d.tweetdata[i].raw.created_at;
|
||
|
|
|
||
|
|
if (type.of(d.tweetdata[i].raw.from_user_name)) {
|
||
|
|
_date.headline = d.tweetdata[i].raw.from_user_name + " (<a href='https://twitter.com/" + d.tweetdata[i].raw.from_user + "'>" + "@" + d.tweetdata[i].raw.from_user + "</a>)" ;
|
||
|
|
} else {
|
||
|
|
_date.headline = d.tweetdata[i].raw.user.name + " (<a href='https://twitter.com/" + d.tweetdata[i].raw.user.screen_name + "'>" + "@" + d.tweetdata[i].raw.user.screen_name + "</a>)" ;
|
||
|
|
}
|
||
|
|
|
||
|
|
_date.asset.media = d.tweetdata[i].content;
|
||
|
|
_data_obj.timeline.date.push(_date);
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
VMM.fireEvent(global, VMM.Timeline.Config.events.data_ready, _data_obj);
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
|
||
|
|
/* TEMPLATE OBJECTS
|
||
|
|
================================================== */
|
||
|
|
data_template_obj: { "timeline": { "headline":"", "description":"", "asset": { "media":"", "credit":"", "caption":"" }, "date": [], "era":[] } },
|
||
|
|
date_obj: {"startDate":"2012,2,2,11,30", "headline":"", "text":"", "asset": {"media":"http://youtu.be/vjVfu8-Wp6s", "credit":"", "caption":"" }, "tags":"Optional"}
|
||
|
|
|
||
|
|
};
|
||
|
|
|
||
|
|
}
|