/ * V e r i t e
* Verite JS Master
* Version : 0.6
* Date : April 26 , 2012
* Copyright 2012 Verite unless part of Verite Timeline ,
* if part of Timeline then it inherits Timeline ' s license .
* Designed and built by Zach Wise digitalartwork . net
* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- - * /
/ * S i m p l e J a v a S c r i p t I n h e r i t a n c e
* 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 ;
} ;
} ) ( ) ;
/ * A c c e s s t o t h e G l o b a l O b j e c t
* access the global object without hard - coding the identifier window
=== === === === === === === === === === === === === === === === == * /
var global = ( function ( ) {
return this || ( 1 , eval ) ( 'this' ) ;
} ( ) ) ;
/ * V M M
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM == 'undefined' ) {
/ * M a i n S c o p e C o n t a i n e r
=== === === === === === === === === === === === === === === === == * /
//var VMM = {};
var VMM = Class . extend ( { } ) ;
/ * D e b u g
=== === === === === === === === === === === === === === === === == * /
VMM . debug = true ;
/ * M a s t e r C o n f i g
=== === === === === === === === === === === === === === === === == * /
VMM . master _config = ( {
init : function ( ) {
return this ;
} ,
vp : "Pellentesque nibh felis, eleifend id, commodo in, interdum vitae, leo" ,
keys : {
flickr : "RAIvxHY4hE/Elm5cieh4X5ptMyDpj7MYIxziGxi0WGCcy1s+yr7rKQ==" ,
google : "jwNGnYw4hE9lmAez4ll0QD+jo6SKBJFknkopLS4FrSAuGfIwyj57AusuR0s8dAo="
} ,
youtube : {
active : false ,
array : [ ] ,
api _loaded : false ,
que : [ ]
} ,
googlemaps : {
active : false ,
map _active : false ,
places _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 += " " + 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 ) ;
}
} ;
}
/ * T r a c e ( c o n s o l e . l o g )
=== === === === === === === === === === === === === === === === == * /
function trace ( msg ) {
if ( VMM . debug ) {
if ( window . console ) {
console . log ( msg ) ;
} else if ( typeof ( jsTrace ) != 'undefined' ) {
jsTrace . send ( msg ) ;
} else {
//alert(msg);
}
}
}
/ * E x t e n d i n g D a t e t o i n c l u d e W e e k
=== === === === === === === === === === === === === === === === == * /
Date . prototype . getWeek = function ( ) {
var onejan = new Date ( this . getFullYear ( ) , 0 , 1 ) ;
return Math . ceil ( ( ( ( this - onejan ) / 86400000 ) + onejan . getDay ( ) + 1 ) / 7 ) ;
}
/ * E x t e n d i n g D a t e t o i n c l u d e D a y o f Y e a r
=== === === === === === === === === === === === === === === === == * /
Date . prototype . getDayOfYear = function ( ) {
var onejan = new Date ( this . getFullYear ( ) , 0 , 1 ) ;
return Math . ceil ( ( this - onejan ) / 86400000 ) ;
}
/ * A M O R E S P E C I F I C T Y P E O F ( ) ;
// 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 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"
/ * T O O L T I P P U B L I C C L A S S D E F I N I T I O N
* === === === === === === === === === === = * /
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 ( '.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' ] ( )
}
}
/ * T O O L T I P P L U G I N D E F I N I T I O N
* === === === === === === === === = * /
$ . 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="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
}
} ( window . 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 2 D 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 2 D 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 + 07 FF 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 VMM . Library . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * L I B R A R Y A B S T R A C T I O N
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' ) {
//VMM.attachElement(element, content);
VMM . attachElement = function ( element , content ) {
if ( typeof ( jQuery ) != 'undefined' ) {
$ ( element ) . html ( content ) ;
}
} ;
//VMM.appendElement(element, content);
VMM . appendElement = function ( element , content ) {
if ( typeof ( jQuery ) != 'undefined' ) {
$ ( element ) . append ( content ) ;
}
} ;
VMM . getHTML = function ( element ) {
var e ;
if ( typeof ( jQuery ) != 'undefined' ) {
e = jQuery ( element ) . html ( ) ;
return e ;
}
} ;
//VMM.getElement(element);
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(element, the_handler, the_event_type, event_data);
//VMM.bindEvent(window, the_handler, "event type", {event_data});
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(window, the_handler, "event type");
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(element, "resize", [data]);
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(url, the_function);
VMM . getJSON = function ( url , data , callback ) {
if ( typeof ( jQuery ) != 'undefined' ) {
/ * C H E C K F O R I E A N D U S E U s e M i c r o s o f t X D R
=== === === === === === === === === === === === === === === === == * /
if ( VMM . Browser . browser == "Explorer" && parseInt ( VMM . Browser . version , 10 ) >= 7 && window . XDomainRequest ) {
trace ( "it's ie" ) ;
var ie _url = url ;
if ( ie _url . match ( '^http://' ) ) {
trace ( "RUNNING GET JSON" )
ie _url = ie _url . replace ( "http://" , "//" ) ;
return jQuery . getJSON ( url , data , callback ) ;
} else if ( ie _url . match ( '^https://' ) ) {
trace ( "RUNNING XDR" ) ;
ie _url = ie _url . replace ( "https://" , "http://" ) ;
var xdr = new XDomainRequest ( ) ;
xdr . open ( "get" , ie _url ) ;
xdr . onload = function ( ) {
var ie _json = VMM . parseJSON ( xdr . responseText ) ;
trace ( xdr . responseText ) ;
if ( type . of ( ie _json ) == "null" || type . of ( ie _json ) == "undefined" ) {
trace ( "IE JSON ERROR" )
} else {
return data ( ie _json )
}
}
xdr . send ( ) ;
} else {
return jQuery . getJSON ( url , data , callback ) ;
}
} else {
//$.getJSON(url, data);
trace ( "getJSON" ) ;
return jQuery . getJSON ( url , data , callback ) ;
}
}
}
// VMM.parseJSON(the_json);
VMM . parseJSON = function ( the _json ) {
if ( typeof ( jQuery ) != 'undefined' ) {
return jQuery . parseJSON ( the _json ) ;
}
}
// ADD ELEMENT AND RETURN IT
// VMM.appendAndGetElement(append_to_element, tag, cName, content, [attrib]);
VMM . appendAndGetElement = function ( append _to _element , tag , cName , content ) {
var e ;
var _tag = "<div>" ;
var _class = "" ;
var _content = "" ;
if ( tag != null && tag != "" ) {
_tag = tag ;
}
if ( cName != null && cName != "" ) {
_class = cName ;
}
if ( content != null && content != "" ) {
_content = content ;
}
if ( typeof ( jQuery ) != 'undefined' ) {
e = $ ( tag ) ;
e . addClass ( _class ) ;
e . html ( _content ) ;
jQuery ( append _to _element ) . append ( e ) ;
//$(e).appendTo(element);
}
return e ;
} ;
VMM . Element = ( {
init : function ( ) {
return this ;
} ,
// VMM.Element.hide(element);
hide : function ( element , duration ) {
if ( duration != null && duration != "" ) {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . hide ( duration ) ;
}
} else {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . hide ( ) ;
}
}
} ,
// VMM.Element.remove(element);
remove : function ( element ) {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . remove ( ) ;
}
} ,
// VMM.Element.detach(element);
detach : function ( element ) {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . detach ( ) ;
}
} ,
// VMM.Element.append(element, value);
append : function ( element , value ) {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . append ( value ) ;
}
} ,
// VMM.Element.show(element);
show : function ( element , duration ) {
if ( duration != null && duration != "" ) {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . show ( duration ) ;
}
} else {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . show ( ) ;
}
}
} ,
// VMM.Element.load(element, callback_function, event_data);
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 ) ;
}
} ,
//VMM.Element.addClass(element, cName);
addClass : function ( element , cName ) {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . addClass ( cName ) ;
}
} ,
//VMM.Element.removeClass(element, cName);
removeClass : function ( element , cName ) {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . removeClass ( cName ) ;
}
} ,
//VMM.Element.attr(element, aName, value);
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 ) ;
}
}
} ,
//VMM.Element.prop(element, aName, value);
prop : function ( element , aName , value ) {
if ( typeof jQuery == 'undefined' || ! /[1-9]\.[3-9].[1-9]/ . test ( $ . fn . jquery ) ) {
VMM . Element . attribute ( element , aName , value ) ;
} else {
jQuery ( element ) . prop ( aName , value ) ;
}
} ,
//VMM.Element.attribute(element, 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 ) ;
}
}
} ,
/ * S e t s o r g e t s t h e v i s a b i l i t y o f a d o m e l e m e n t
=== === === === === === === === === === === === === === === === == * /
//VMM.Element.visible(element, show);
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 ;
}
}
}
} ,
/ * S e t s a s t y l e f o r t h e s p e c i f i e d e l e m e n t o r g e t s t h e s t y l e
=== === === === === === === === === === === === === === === === == * /
//VMM.Element.css(element, prop, value);
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 ) ;
}
} ,
/ * G e t s o f f s e t
=== === === === === === === === === === === === === === === === == * /
//VMM.Element.offset(element);
offset : function ( element ) {
var p ;
if ( typeof ( jQuery ) != 'undefined' ) {
p = jQuery ( element ) . offset ( ) ;
}
return p ;
} ,
/ * G e t s p o s i t i o n
=== === === === === === === === === === === === === === === === == * /
//VMM.Element.position(element);
position : function ( element ) {
var p ;
if ( typeof ( jQuery ) != 'undefined' ) {
p = jQuery ( element ) . position ( ) ;
}
return p ;
} ,
/ * S e t s o r g e t s t h e w i d t h o f a d o m e l e m e n t
=== === === === === === === === === === === === === === === === == * /
//VMM.Element.width(element, s);
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 ( ) ;
}
}
} ,
/ * S e t s o r g e t s t h e w i d t h o f a d o m e l e m e n t
=== === === === === === === === === === === === === === === === == * /
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 ( ) ;
}
}
} ,
/ * T O G G L E C L A S S
=== === === === === === === === === === === === === === === === == * /
// VMM.Element.toggleClass(element, cName);
toggleClass : function ( element , cName ) {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . toggleClass ( cName ) ;
}
} ,
/ * E a c h
=== === === === === === === === === === === === === === === === == * /
// VMM.Element.each(element, return_function);
each : function ( element , return _function ) {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . each ( return _function ) ;
}
} ,
/ * E a c h
=== === === === === === === === === === === === === === === === == * /
// VMM.Element.html(element, str);
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 ;
}
}
} ,
/ * F i n d
=== === === === === === === === === === === === === === === === == * /
// VMM.Element.find(element, selec);
find : function ( element , selec ) {
if ( typeof ( jQuery ) != 'undefined' ) {
return jQuery ( element ) . find ( selec ) ;
}
} ,
/ * A n i m a t e
=== === === === === === === === === === === === === === === === == * /
// VMM.Element.stop(element);
stop : function ( element ) {
if ( typeof ( jQuery ) != 'undefined' ) {
jQuery ( element ) . stop ( ) ;
}
} ,
// VMM.Element.animate(element, duration, ease, att, callback_function);
animate : function ( element , duration , ease , att , callback _function ) {
var _ease = "easein" ;
var _duration = 1000 ;
var _att = { } ;
if ( duration != null ) {
if ( duration < 1 ) {
_duration = 1 ;
} else {
_duration = Math . round ( duration ) ;
}
}
if ( ease != null && ease != "" ) {
_ease = ease ;
}
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
var _ _duration = _tdd + 's' ;
VMM . Element . css ( element , '-webkit-transition' , 'all ' + _ _duration + ' ease' ) ;
VMM . Element . css ( element , '-moz-transition' , 'all ' + _ _duration + ' ease' ) ;
VMM . Element . css ( element , '-o-transition' , 'all ' + _ _duration + ' ease' ) ;
VMM . Element . css ( element , '-ms-transition' , 'all ' + _ _duration + ' ease' ) ;
VMM . Element . css ( element , 'transition' , 'all ' + _ _duration + ' ease' ) ;
VMM . Element . cssmultiple ( element , _att ) ;
//callback_function();
/ *
if ( typeof ( jQuery ) != 'undefined' ) {
if ( callback _function != null && callback _function != "" ) {
jQuery ( element ) . animate ( _att , { queue : false , duration : _duration , easing : _ease , complete : callback _function } ) ;
} else {
jQuery ( element ) . animate ( _att , { queue : false , duration : _duration , easing : _ease } ) ;
}
}
* /
} else {
if ( typeof ( jQuery ) != 'undefined' ) {
if ( callback _function != null && callback _function != "" ) {
jQuery ( element ) . animate ( _att , { queue : false , duration : _duration , easing : _ease , complete : callback _function } ) ;
} else {
jQuery ( element ) . animate ( _att , { queue : false , duration : _duration , easing : _ease } ) ;
}
}
}
/ *
VMM . Element . cssmultiple ( element , {
'-webkit-transition' : 'all 1s ease-in-out' ,
'-moz-transition' : 'all 1s ease-in-out' ,
'-o-transition' : 'all 1s ease-in-out' ,
'-ms-transition' : 'all 1s ease-in-out' ,
'transition' : 'all 1s ease-in-out' ,
} ) ;
* /
} ,
} ) . init ( ) ;
}
/ * j Q u e r y E a s i n g v 1 . 3
http : //gsgd.co.uk/sandbox/jquery/easing/
=== === === === === === === === === === === === === === === === == * /
if ( typeof ( jQuery ) != 'undefined' ) {
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
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * D E V I C E A N D B R O W S E R D E T E C T I O N
=== === === === === === === === === === === === === === === === == * /
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 ) {
if ( orientation == 0 || orientation == 180 ) {
return "portrait" ;
} else if ( orientation == 90 || orientation == - 90 ) {
return "landscape" ;
} else {
return "normal" ;
}
} ,
searchDevice : function ( d ) {
if ( d . match ( /Android/i ) || d . match ( /iPhone|iPod/i ) ) {
return "mobile" ;
} else if ( d . match ( /iPad/i ) ) {
return "tablet" ;
} else if ( d . match ( /BlackBerry/i ) || d . match ( /IEMobile/i ) ) {
return "other mobile" ;
} else {
return "desktop" ;
}
} ,
searchString : function ( data ) {
for ( var i = 0 ; i < data . length ; i ++ ) {
var dataString = data [ i ] . string ;
var 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 . MediaElement . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * M e d i a E l e m e n t
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . MediaElement == 'undefined' ) {
VMM . MediaElement = ( {
init : function ( ) {
return this ;
} ,
// somestring = VMM.MediaElement.thumbnail(data);
thumbnail : function ( data , w , h ) {
_w = 32 ;
_h = 32 ;
if ( w != null && w != "" ) {
_w = w ;
}
if ( h != null && h != "" ) {
_h = h ;
}
if ( data . media != null && data . media != "" ) {
_valid = true ;
var mediaElem = "" ;
var m = { } ;
// MEDIA TYPE
m = VMM . MediaType ( data . media ) ; //returns an object with .type and .id
// CREATE MEDIA CODE
if ( m . type == "image" ) {
mediaElem = "<div class='thumbnail'><img src='" + m . id + "' width='" + _w + "px' height='" + _h + "px'></div>" ;
return mediaElem ;
} else if ( m . type == "flickr" ) {
mediaElem = "<div class='thumbnail'><img id='flickr_" + m . id + "_thumb' width='" + _w + "px' height='" + _h + "px'></div>" ;
return mediaElem ;
} else if ( m . type == "youtube" ) {
mediaElem = "<div class='thumbnail youtube'></div>" ;
return mediaElem ;
} else if ( m . type == "googledoc" ) {
mediaElem = "" ;
} else if ( m . type == "vimeo" ) {
mediaElem = "<div class='thumbnail vimeo'></div>" ;
return mediaElem ;
} else if ( m . type == "twitter" ) {
mediaElem = "<div class='thumbnail twitter'></div>" ;
return mediaElem ;
} else if ( m . type == "twitter-ready" ) {
mediaElem = "<div class='thumbnail twitter'></div>" ;
return mediaElem ;
} else if ( m . type == "soundcloud" ) {
mediaElem = "<div class='thumbnail soundcloud'></div>" ;
return mediaElem ;
} else if ( m . type == "google-map" ) {
mediaElem = "<div class='thumbnail map'></div>" ;
return mediaElem ;
} else if ( m . type == "unknown" ) {
mediaElem = "" ;
return mediaElem ;
} else if ( m . type == "website" ) {
mediaElem = "<div class='thumbnail website'></div>" ;
//mediaElem = "<div class='thumbnail'><img src='http://api.snapito.com/free/sc?url=" + m.id + "' width='" + _w + "px' height='" + _h + "px'></div>";
return mediaElem ;
} else {
mediaElem = "<div class='thumbnail'></div>" ;
return mediaElem ;
}
}
} ,
//VMM.MediaElement.create(element, data, returntrue);
create : function ( element , data , _ _return , w , h ) {
_return = _ _return ;
_w = 500 ;
_h = 400 ;
$mediacontainer = element ;
//VMM.MediaElement.container = element;
var _valid = false ;
if ( w != null && w != "" ) {
_w = w ;
}
if ( h != null && h != "" ) {
_h = h ;
}
if ( data . media != null && data . media != "" ) {
_valid = true ;
var mediaElem = "" ;
var captionElem = "" ;
var creditElem = "" ;
var m = { } ;
var media _height = ( _h - 50 ) ;
var isTextMedia = false ;
// 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>" ;
}
// MEDIA TYPE
m = VMM . MediaType ( data . media ) ; //returns an object with .type and .id
// CREATE MEDIA CODE
if ( m . type == "image" ) {
mediaElem = "<img src='" + m . id + "'>" ;
} else if ( m . type == "flickr" ) {
var flickr _id = "flickr_" + m . id ;
mediaElem = "<a href='" + m . link + "' target='_blank'><img id='" + flickr _id + "_large" + "'></a>" ;
VMM . ExternalAPI . flickr . getPhoto ( m . id , "#" + flickr _id ) ;
} else if ( m . type == "googledoc" ) {
if ( m . id . match ( /docs.google.com/i ) ) {
mediaElem = "<iframe class='media-frame doc' frameborder='0' width='100%' height='100%' src='" + m . id + "&embedded=true'></iframe>" ;
} else {
mediaElem = "<iframe class='media-frame doc' frameborder='0' width='100%' height='100%' src='http://docs.google.com/viewer?url=" + m . id + "&embedded=true'></iframe>" ;
}
} else if ( m . type == "youtube" ) {
mediaElem = "<div class='media-frame video youtube' id='youtube_" + m . id + "'>Loading YouTube video...</div>" ;
VMM . ExternalAPI . youtube . init ( m . id ) ;
//mediaElem = "<iframe class='media-frame youtube' onload='timeline.iframeLoaded()' frameborder='0' width='100%' height='100%' src='http://www.youtube.com/embed/" + m.id + "?&rel=0&theme=light&showinfo=0&hd=1&autohide=0&color=white&enablejsapi=1' allowfullscreen></iframe>";
} else if ( m . type == "vimeo" ) {
mediaElem = "<iframe class='media-frame video vimeo' autostart='false' frameborder='0' width='100%' height='100%' src='http://player.vimeo.com/video/" + m . id + "?title=0&byline=0&portrait=0&color=ffffff'></iframe>" ;
} else if ( m . type == "twitter" ) {
mediaElem = "<div class='twitter' id='" + "twitter_" + m . id + "'>Loading Tweet</div>" ;
//VMM.ExternalAPI.twitter.getHTML(m.id);
trace ( "TWITTER" ) ;
VMM . ExternalAPI . twitter . prettyHTML ( m . id ) ;
isTextMedia = true ;
} else if ( m . type == "twitter-ready" ) {
mediaElem = m . id ;
} else if ( m . type == "soundcloud" ) {
var soundcloud _id = "soundcloud_" + VMM . Util . unique _ID ( 5 ) ;
mediaElem = "<div class='media-frame soundcloud' id='" + soundcloud _id + "'>Loading Sound</div>" ;
VMM . ExternalAPI . soundcloud . getSound ( m . id , soundcloud _id )
} else if ( m . type == "google-map" ) {
//mediaElem = "<iframe class='media-frame map' frameborder='0' width='100%' height='100%' scrolling='no' marginheight='0' marginwidth='0' src='" + m.id + "&output=embed'></iframe>"
var map _id = "googlemap_" + VMM . Util . unique _ID ( 7 ) ;
mediaElem = "<div class='media-frame map' id='" + map _id + "'>Loading Map...</div>" ;
VMM . ExternalAPI . googlemaps . getMap ( m . id , map _id ) ;
} else if ( m . type == "unknown" ) {
trace ( "NO KNOWN MEDIA TYPE FOUND TRYING TO JUST PLACE THE HTML" ) ;
mediaElem = VMM . Util . properQuotes ( m . id ) ;
} else if ( m . type == "website" ) {
mediaElem = "<iframe class='media-frame' frameborder='0' autostart='false' width='100%' height='100%' scrolling='yes' marginheight='0' marginwidth='0' src='" + m . id + "'></iframe>" ;
//mediaElem = "<a href='" + m.id + "' target='_blank'>" + "<img src='http://api.snapito.com/free/lc?url=" + m.id + "'></a>";
} else {
trace ( "NO KNOWN MEDIA TYPE FOUND" ) ;
trace ( m . type ) ;
}
// WRAP THE MEDIA ELEMENT
mediaElem = "<div class='media-container' >" + mediaElem + creditElem + captionElem + "</div>" ;
if ( _return ) {
if ( isTextMedia ) {
return "<div class='media text-media'><div class='media-wrapper'>" + mediaElem + "</div></div>" ;
} else {
return "<div class='media'><div class='media-wrapper'>" + mediaElem + "</div></div>" ;
}
} else {
VMM . appendElement ( $mediacontainer , mediaElem ) ;
VMM . appendElement ( $mediacontainer , creditElem ) ;
VMM . appendElement ( $mediacontainer , captionElem ) ;
}
} ;
} ,
} ) . init ( ) ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Begin VMM . MediaType . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * M e d i a T y p e
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . MediaType == 'undefined' ) {
//VMM.mediaType.youtube(d); //should return a true or false
// VMM.MediaType(url); //returns an object with .type and .id
VMM . MediaType = function ( d ) {
var success = false ;
var media = { } ;
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=' ) ) {
youtube _id = VMM . Util . getUrlVars ( d ) [ "v" ] ;
//youtube_id = d.split(/embed\//)[1].split('"')[0];
} else {
youtube _id = d . split ( /v\/|v=|youtu\.be\// ) [ 1 ] . split ( /[?&]/ ) [ 0 ] ;
}
//youtube_id = d.split(/v\/|v=|youtu\.be\//)[1].split(/[?&]/)[0];
// http://www.youtube.com/watch?feature=player_embedded&v=0l-ivcnLrSc
//http://www.youtube.com/watch?v=0l-ivcnLrSc
media . type = "youtube" ;
media . id = youtube _id ;
success = true ;
} else if ( d . match ( '(player.)?vimeo\.com' ) ) {
//vimeo_id = d.split(/video\/|http:\/\/vimeo\.com\//)[1].split(/[?&]/)[0];
vimeo _id = d . split ( /video\/|\/\/vimeo\.com\// ) [ 1 ] . split ( /[?&]/ ) [ 0 ] ;
media . type = "vimeo" ;
media . id = vimeo _id ;
success = true ;
} else if ( d . match ( '(player.)?soundcloud\.com' ) ) {
//soundcloud_url = unescape(d.split(/value="/)[1].split(/["]/)[0]);
//soundcloud_id = soundcloud_url.split(/tracks\//)[1].split(/[&"]/)[0];
media . type = "soundcloud" ;
media . id = d ;
success = true ;
} else if ( d . match ( '(www.)?twitter\.com' ) ) {
trace ( "TWITTER MATCH" ) ;
// https://twitter.com/#!/twitterapi/statuses/133640144317198338
// https://twitter.com/#!/DeliciousHot/status/23189589820702720
if ( d . match ( "status\/" ) ) {
twitter _id = d . split ( "status\/" ) [ 1 ] ;
} else if ( d . match ( "statuses\/" ) ) {
twitter _id = d . split ( "statuses\/" ) [ 1 ] ;
} else {
twitter _id = "" ;
}
media . type = "twitter" ;
media . id = twitter _id ;
success = true ;
} else if ( d . match ( "maps.google" ) && ! d . match ( "staticmap" ) ) {
//maps.google.com
media . type = "google-map" ;
media . id = d . split ( /src=['|"][^'|"]*?['|"]/gi ) ;
//trace("google map " + media.id);
success = true ;
} else if ( d . match ( "flickr.com/photos" ) ) {
media . type = "flickr" ;
//media.id = d.split('/photos/[^/]+/([0-9]+)/gi');
media . id = d . split ( "photos\/" ) [ 1 ] . split ( "/" ) [ 1 ] ;
media . link = d ;
//media.id = media.id.split("/")[1];
//trace("FLICKR " + media.id);
success = true ;
} else if ( d . match ( /jpg|jpeg|png|gif/i ) || d . match ( "staticmap" ) ) {
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 . indexOf ( 'http://' ) == 0 ) {
media . type = "website" ;
media . id = d ;
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 . Media . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * M e d i a
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . Media == 'undefined' ) {
// something = new VMM.Media(parent, w, h, {thedata});
VMM . Media = function ( parent , w , h , thedata ) {
/ * P R I V A T E V A R S
=== === === === === === === === === === === === === === === === == * /
var data = { } ; // HOLDS DATA
var _valid = false ;
var config = {
width : 720 ,
height : 400 ,
content _width : 720 ,
content _height : 400 ,
ease : "easeInOutExpo" ,
duration : 1000 ,
spacing : 15
} ;
/ * E L E M E N T S
=== === === === === === === === === === === === === === === === == * /
var $media = "" ;
var $container = "" ;
var $mediacontainer = "" ;
var $mediaelement = "" ;
var layout = parent ; // expecting media div
if ( w != null && w != "" ) { config . width = w } ;
if ( h != null && h != "" ) { config . height = h } ;
/ *
if ( typeof thedata != "undefined" ) {
data = thedata ;
this . init ( data ) ;
}
* /
/ * P U B L I C F U N C T I O N S
=== === === === === === === === === === === === === === === === == * /
this . init = function ( d ) {
if ( typeof d != 'undefined' ) {
this . setData ( d ) ;
} else {
trace ( "WAITING ON DATA" ) ;
}
} ;
var build = function ( media , caption , credit ) {
$media = VMM . appendAndGetElement ( layout , "<div>" , "media" ) ;
$container = VMM . appendAndGetElement ( $media , "<div>" , "container" ) ;
$mediacontainer = VMM . appendAndGetElement ( $container , "<div>" , "media-container" ) ;
if ( data . media != null && data . media != "" ) {
_valid = true ;
var m = { } ;
m = VMM . MediaType ( data . media ) ; //returns an object with .type and .id
if ( m . type == "image" ) {
VMM . appendElement ( $mediacontainer , "<img src='" + m . id + "'>" ) ;
} else if ( m . type == "youtube" ) {
VMM . appendElement ( $mediacontainer , "<iframe frameborder='0' src='http://www.youtube.com/embed/" + m . id + "?&rel=0&theme=light&showinfo=0&hd=1&autohide=0&color=white' allowfullscreen>" ) ;
} else if ( m . type == "vimeo" ) {
VMM . appendElement ( $mediacontainer , "<iframe frameborder='0' src='http://player.vimeo.com/video/" + m . id + "?title=0&byline=0&portrait=0&color=ffffff'>" ) ;
} else {
}
// CREDIT
if ( data . credit != null && data . credit != "" ) {
VMM . appendElement ( $container , VMM . createElement ( "div" , data . credit , "credit" ) ) ;
}
// CAPTION
if ( data . caption != null && data . caption != "" ) {
VMM . appendElement ( $container , VMM . createElement ( "div" , data . caption , "caption" ) ) ;
}
}
} ;
/ * G E T T E R S A N D S E T T E R S
=== === === === === === === === === === === === === === === === == * /
this . setData = function ( d ) {
if ( typeof d != 'undefined' ) {
data = d ;
build ( ) ;
} else {
trace ( "NO DATA" ) ;
}
} ;
/ * R E S I Z E
=== === === === === === === === === === === === === === === === == * /
function reSize ( ) {
}
}
// Less expensive to use prototype
VMM . Media . prototype . height = function ( h ) {
if ( h != null && h != "" ) {
config . height = h ;
reSize ( ) ;
} else {
return config . height ;
}
} ;
VMM . Media . prototype . width = function ( w ) {
if ( w != null && w != "" ) {
config . width = w ;
reSize ( ) ;
} else {
return config . width ;
}
} ;
/ * G E T T E R S A N D S E T T E R S
=== === === === === === === === === === === === === === === === == * /
VMM . Media . prototype . getData = function ( ) {
return data ;
} ;
VMM . Media . prototype . setConfig = function ( d ) {
if ( typeof d != 'undefined' ) {
config = d ;
} else {
trace ( "NO CONFIG DATA" ) ;
}
} ;
VMM . Media . prototype . getConfig = function ( ) {
return config ;
} ;
VMM . Media . prototype . setSize = function ( w , h ) {
if ( w != null ) { config . width = w } ;
if ( h != null ) { config . height = h } ;
if ( _active ) {
reSize ( ) ;
}
}
VMM . Media . prototype . active = function ( ) {
return _active ;
} ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Begin VMM . FileExtention . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * F i l e E x t e n t i o n
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . FileExtention == 'undefined' ) {
//VMM.FileExtention.googleDocType(url);
VMM . FileExtention = {
googleDocType : function ( url ) {
var fileName = url ;
var fileExtension = "" ;
//fileExtension = fileName.substr(5);
fileExtension = fileName . substr ( fileName . length - 5 , 5 ) ;
var validFileExtensions = [ "DOC" , "DOCX" , "XLS" , "XLSX" , "PPT" , "PPTX" , "PDF" , "PAGES" , "AI" , "PSD" , "TIFF" , "DXF" , "SVG" , "EPS" , "PS" , "TTF" , "XPS" , "ZIP" , "RAR" ] ;
var flag = false ;
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 . ExternalAPI . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * E x t e r n a l A P I
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . ExternalAPI == 'undefined' ) {
VMM . ExternalAPI = {
twitter : {
tweetArray : [ ] ,
// VMM.ExternalAPI.twitter.getHTML(id);
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 + "&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 ) ) ;
} ,
// VMM.ExternalAPI.twitter.parseTwitterDate(date);
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 . Util . date . prettyDate ( date , true ) ;
} ,
// VMM.ExternalAPI.twitter.getTweets(tweets_array);
getTweets : function ( tweets ) {
var tweetArray = [ ] ;
var number _of _tweets = tweets . length ;
for ( var i = 0 ; i < tweets . length ; i ++ ) {
var twitter _id = "" ;
/ * F I N D T H E T W I T T E R I D
=== === === === === === === === === === === === === === === === == * /
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 = "" ;
}
/ * F E T C H T H E D A T A
=== === === === === === === === === === === === === === === === == * /
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 = { }
/ * F O R M A T R E S P O N S E
=== === === === === === === === === === === === === === === === == * /
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 ) ;
/ * C H E C K I F T H A T S A L L O F T H E M
=== === === === === === === === === === === === === === === === == * /
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" ) ; } ) ;
}
} ,
// VMM.ExternalAPI.twitter.getTweetSearch(search string);
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 ) {
/ * F O R M A T R E S P O N S E
=== === === === === === === === === === === === === === === === == * /
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 ) ;
} ) ;
} ,
// VMM.ExternalAPI.twitter.prettyHTML(id);
prettyHTML : function ( id ) {
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=?" ;
trace ( "id " + id ) ;
var twitter _timeout = setTimeout ( VMM . ExternalAPI . twitter . notFoundError , 4000 , 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 ( ) {
clearTimeout ( twitter _timeout ) ;
} ) ;
} ,
notFoundError : function ( id ) {
trace ( "TWITTER JSON ERROR TIMEOUT " + id ) ;
VMM . attachElement ( "#twitter_" + id , "<p>TWEET NOT FOUND " + id + "</p>" ) ;
} ,
formatJSON : function ( d ) {
trace ( "TWITTER JSON LOADED F" ) ;
trace ( 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 + "' 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>" ;
twit += "</a>" ;
twit += "</div>" ;
VMM . attachElement ( "#twitter_" + id . toString ( ) , twit ) ;
}
} ,
//VMM.ExternalAPI.googlemaps.getMap()
googlemaps : {
/ *
//http://gsp2.apple.com/tile?api=1&style=slideshow&layers=default&lang=en_US&z={z}&x={x}&y={y}&v=9
http : //maps.google.com/maps?q=chicago&hl=en&sll=41.874961,-87.619054&sspn=0.159263,0.351906&t=t&hnear=Chicago,+Cook,+Illinois&z=11&output=kml
http : //maps.google.com/maps/ms?msid=215143221704623082244.0004a53ad1e3365113a32&msa=0
http : //maps.google.com/maps/ms?msid=215143221704623082244.0004a53ad1e3365113a32&msa=0&output=kml
http : //maps.google.com/maps/ms?msid=215143221704623082244.0004a21354b1a2f188082&msa=0&ll=38.719738,-9.142599&spn=0.04172,0.087976&iwloc=0004a214c0e99e2da91e0
http : //maps.google.com/maps?q=Bavaria&hl=en&ll=47.597829,9.398804&spn=1.010316,2.709503&sll=37.0625,-95.677068&sspn=73.579623,173.408203&hnear=Bavaria,+Germany&t=m&z=10&output=embed
http : //maps.google.com/maps?q=Zernikedreef+11,+Leiden,+Nederland&hl=en&sll=37.0625,-95.677068&sspn=45.957536,93.076172&oq=zernike&hnear=Zernikedreef+11,+Leiden,+Zuid-Holland,+The+Netherlands&t=m&z=16
* /
getMap : function ( url , id ) {
var map _vars = VMM . Util . getUrlVars ( url ) ;
trace ( map _vars ) ;
var map _url = "http://maps.googleapis.com/maps/api/js?key=" + Aes . Ctr . decrypt ( VMM . master _config . keys . google , VMM . master _config . vp , 256 ) + "&libraries=places&sensor=false&callback=VMM.ExternalAPI.googlemaps.onMapAPIReady" ;
var map = { url : url , vars : map _vars , id : id }
if ( VMM . master _config . googlemaps . active ) {
VMM . master _config . googlemaps . createMap ( map ) ;
} else {
VMM . master _config . googlemaps . que . push ( map ) ;
if ( VMM . master _config . googlemaps . api _loaded ) {
} else {
VMM . LoadLib . js ( map _url , function ( ) {
trace ( "Google Maps API Library Loaded" ) ;
} ) ;
}
}
} ,
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 ;
for ( var i = 0 ; i < VMM . master _config . googlemaps . que . length ; i ++ ) {
VMM . ExternalAPI . googlemaps . createMap ( VMM . master _config . googlemaps . que [ i ] ) ;
}
}
}
} ,
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"
}
} ,
createMap : function ( m ) {
/ * M A P P R O V I D E R S
Including Stamen Maps
http : //maps.stamen.com/
Except otherwise noted , each of these map tile sets are © Stamen Design , under a Creative Commons Attribution ( CC BY 3.0 ) license .
=== === === === === === === === === === === === === === === === == * /
var map _attribution = "" ;
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 ( "_" ) ;
/ * M a k e t h e M a p
=== === === === === === === === === === === === === === === === == * /
var layer ;
if ( type . of ( VMM . master _config . Timeline . maptype ) == "string" ) {
if ( VMM . ExternalAPI . googlemaps . defaultType ( VMM . master _config . Timeline . maptype ) ) {
layer = google . maps . MapTypeId [ VMM . master _config . Timeline . maptype . toUpperCase ( ) ] ;
} else {
layer = VMM . master _config . Timeline . maptype ;
}
} else {
layer = "toner" ;
}
var location = new google . maps . LatLng ( 41.875696 , - 87.624207 ) ;
var latlong ;
var zoom = 11 ;
var has _location = false ;
var has _zoom = false ;
var map _bounds ;
if ( type . of ( VMM . Util . getUrlVars ( m . url ) [ "ll" ] ) == "string" ) {
has _location = true ;
latlong = VMM . Util . getUrlVars ( m . url ) [ "ll" ] . split ( "," ) ;
location = new google . maps . LatLng ( parseFloat ( latlong [ 0 ] ) , parseFloat ( latlong [ 1 ] ) ) ;
} else if ( type . of ( VMM . Util . getUrlVars ( m . url ) [ "sll" ] ) == "string" ) {
latlong = VMM . Util . getUrlVars ( m . url ) [ "sll" ] . split ( "," ) ;
location = new google . maps . LatLng ( parseFloat ( latlong [ 0 ] ) , parseFloat ( latlong [ 1 ] ) ) ;
}
if ( type . of ( VMM . Util . getUrlVars ( m . url ) [ "z" ] ) == "string" ) {
has _zoom = true ;
zoom = parseFloat ( VMM . Util . getUrlVars ( m . url ) [ "z" ] ) ;
}
var map _options = {
zoom : zoom ,
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 ]
}
}
var unique _map _id = m . id . toString ( ) + "_gmap" ;
VMM . attachElement ( "#" + m . id , "<div class='google-map' id='" + unique _map _id + "' style='width=100%;height=100%;'></div>" ) ;
var map = new google . maps . Map ( document . getElementById ( unique _map _id ) , map _options ) ;
if ( VMM . ExternalAPI . googlemaps . defaultType ( VMM . master _config . Timeline . maptype ) ) {
} else {
map . mapTypes . set ( layer , new google . maps . VeriteMapType ( layer ) ) ;
// ATTRIBUTION
var map _attribution _html = "<div class='map-attribution'><div class='attribution-text'>" + map _attribution + "</div></div>" ;
VMM . appendElement ( "#" + unique _map _id , map _attribution _html ) ;
}
loadKML ( ) ;
// KML
function loadKML ( ) {
var kml _url = m . url + "&output=kml" ;
kml _url = kml _url . replace ( "&output=embed" , "" ) ;
var kml _layer = new google . maps . KmlLayer ( kml _url , { preserveViewport : true } ) ;
var infowindow = new google . maps . InfoWindow ( ) ;
kml _layer . setMap ( map ) ;
google . maps . event . addListenerOnce ( kml _layer , "defaultviewport_changed" , function ( ) {
map . fitBounds ( kml _layer . getDefaultViewport ( ) ) ;
if ( has _location ) {
map . panTo ( location ) ;
}
if ( has _zoom ) {
map . setZoom ( zoom ) ;
}
} ) ;
google . maps . event . addListener ( kml _layer , 'click' , function ( kmlEvent ) {
var text = kmlEvent . featureData . description ;
showInfoWindow ( text ) ;
function showInfoWindow ( c ) {
infowindow . setContent ( c ) ;
infowindow . open ( map ) ;
}
} ) ;
}
} ,
} ,
//VMM.ExternalAPI.flickr.getPhoto(mediaID, htmlID);
flickr : {
getPhoto : function ( mid , id ) {
// http://api.flickr.com/services/rest/?method=flickr.photos.getSizes&api_key=6d6f59d8d30d79f4f402a7644d5073e3&photo_id=6115056146&format=json&nojsoncallback=1
var the _url = "http://api.flickr.com/services/rest/?method=flickr.photos.getSizes&api_key=" + Aes . Ctr . decrypt ( VMM . master _config . keys . flickr , VMM . master _config . vp , 256 ) + "&photo_id=" + mid + "&format=json&jsoncallback=?" ;
VMM . getJSON ( the _url , VMM . ExternalAPI . flickr . setPhoto ) ;
} ,
setPhoto : function ( d ) {
var flickr _id = d . sizes . size [ 0 ] . url . split ( "photos\/" ) [ 1 ] . split ( "/" ) [ 1 ] ;
var id = "flickr_" + flickr _id ;
var flickr _large _id = id + "_large" ;
var flickr _thumb _id = id + "_thumb" ;
// FIND LARGE SIZE
var flickr _img _large ;
var flickr _large _found = false ;
for ( var i = 0 ; i < d . sizes . size . length ; i ++ ) {
if ( d . sizes . size [ i ] . label == "Large" ) {
flickr _large _found = true ;
flickr _img _large = d . sizes . size [ i ] . source ;
}
}
if ( ! flickr _large _found ) {
flickr _img _large = d . sizes . size [ d . sizes . size . length - 1 ] . source ;
}
var flickr _img _thumb = d . sizes . size [ 0 ] . source ;
VMM . Element . attr ( "#" + flickr _large _id , "src" , flickr _img _large ) ;
VMM . Element . attr ( "#" + flickr _thumb _id , "src" , flickr _img _thumb ) ;
}
} ,
soundcloud : {
// VMM.ExternalAPI.soundcloud.getSound(url, id)
/ *
REFORMAT TO USE API FOR CUSTOM PLAYERS
* /
getSound : function ( url , id ) {
// http://soundcloud.com/oembed?iframe=true&url=http://soundcloud.com/erasedtapes/olafur-arnalds-poland
var the _url = "http://soundcloud.com/oembed?url=" + url + "&format=js&callback=?" ;
VMM . getJSON ( the _url , function ( d ) {
VMM . attachElement ( "#" + id , d . html ) ;
} ) ;
} ,
} ,
// VMM.ExternalAPI.youtube.init(id);
youtube : {
init : function ( id ) {
if ( VMM . master _config . youtube . active ) {
VMM . master _config . youtube . createPlayer ( id ) ;
} else {
VMM . master _config . youtube . que . push ( id ) ;
if ( VMM . master _config . youtube . api _loaded ) {
} else {
VMM . LoadLib . js ( 'http://www.youtube.com/player_api' , function ( ) {
trace ( "YouTube API Library Loaded" ) ;
} ) ;
}
}
} ,
onAPIReady : function ( ) {
trace ( "YOUTUBE API READY" )
VMM . master _config . youtube . active = true ;
for ( var i = 0 ; i < VMM . master _config . youtube . que . length ; i ++ ) {
VMM . ExternalAPI . youtube . createPlayer ( VMM . master _config . youtube . que [ i ] ) ;
}
} ,
// VMM.ExternalAPI.youtube.createPlayer(id);
createPlayer : function ( id ) {
var p = {
active : false ,
player : { } ,
name : 'youtube_' + id ,
playing : false
} ;
p . player [ 'youtube_' + id ] = new YT . Player ( 'youtube_' + id , {
height : '390' ,
width : '640' ,
playerVars : {
enablejsapi : 1 ,
color : 'white' ,
showinfo : 0 ,
theme : 'light' ,
rel : 0 ,
origin : 'http://timeline.verite.co'
} ,
videoId : id ,
events : {
'onReady' : VMM . ExternalAPI . youtube . onPlayerReady ,
'onStateChange' : VMM . ExternalAPI . youtube . onStateChange
}
} ) ;
VMM . master _config . youtube . array . push ( p ) ;
} ,
//VMM.ExternalAPI.youtube.stopPlayers();
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 ;
}
}
}
} ,
onPlayerReady : function ( e ) {
}
}
}
}
/ * Y O U T U B E A P I R E A D Y
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 . TouchSlider . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * T O U C H S L I D E R
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . TouchSlider == 'undefined' ) {
// VMM.TouchSlider.createSlidePanel(touch_object, move_object, w, padding, vertical, h) ;
VMM . TouchSlider = {
createPanel : function ( touch _object , move _object , w , padding , vertical , h ) {
VMM . TouchSlider . vertical = false ;
VMM . TouchSlider . vertical = vertical ;
var x = padding ;
VMM . TouchSlider . width = w ;
VMM . TouchSlider . height = h ;
VMM . TouchSlider . makeTouchable ( touch _object , move _object ) ;
/ *
if ( sticky != null && sticky != "" ) {
VMM . TouchSlider . sticky = sticky ;
} else {
VMM . TouchSlider . sticky = false ;
}
* /
// VMM.TouchSlider.sticky = sticky;
} ,
removePanel : function ( touch _object ) {
VMM . unbindEvent ( touch _object , VMM . TouchSlider . onTouchStart , "touchstart" ) ;
VMM . unbindEvent ( touch _object , VMM . TouchSlider . onTouchMove , "touchmove" ) ;
VMM . unbindEvent ( touch _object , VMM . TouchSlider . onTouchEnd , "touchend" ) ;
} ,
makeTouchable : function ( touch _object , move _object ) {
VMM . bindEvent ( touch _object , VMM . TouchSlider . onTouchStart , "touchstart" , { element : move _object } ) ;
VMM . bindEvent ( touch _object , VMM . TouchSlider . onTouchMove , "touchmove" , { element : move _object } ) ;
VMM . bindEvent ( touch _object , VMM . TouchSlider . onTouchEnd , "touchend" , { element : move _object } ) ;
} ,
onTouchStart : function ( e ) {
VMM . TouchSlider . touchStart ( e . data . element , e ) ;
e . stopPropagation ( ) ;
return true ;
} ,
onTouchEnd : function ( e ) {
e . stopPropagation ( ) ;
if ( VMM . TouchSlider . sliding ) {
VMM . TouchSlider . sliding = false ;
VMM . TouchSlider . touchEnd ( e . data . element , e ) ;
return false ;
} else {
return true ;
}
} ,
onTouchMove : function ( e ) {
VMM . TouchSlider . touchMove ( e . data . element , e ) ;
e . preventDefault ( ) ;
e . stopPropagation ( ) ;
return false ;
} ,
getLeft : function ( elem ) {
return parseInt ( VMM . Element . css ( elem , 'left' ) . substring ( 0 , VMM . Element . css ( elem , 'left' ) . length - 2 ) , 10 ) ;
} ,
getTop : function ( elem ) {
return parseInt ( VMM . Element . css ( elem , 'top' ) . substring ( 0 , VMM . Element . css ( elem , 'top' ) . length - 2 ) , 10 ) ;
} ,
touchStart : function ( elem , e ) {
VMM . Element . css ( elem , '-webkit-transition-duration' , '0' ) ;
VMM . TouchSlider . startX = e . originalEvent . touches [ 0 ] . screenX ;
VMM . TouchSlider . startY = e . originalEvent . touches [ 0 ] . screenY ;
VMM . TouchSlider . startLeft = VMM . TouchSlider . getLeft ( elem ) ;
VMM . TouchSlider . startTop = VMM . TouchSlider . getTop ( elem ) ;
VMM . TouchSlider . touchStartTime = new Date ( ) . getTime ( ) ;
} ,
touchEnd : function ( elem , e ) {
if ( VMM . TouchSlider . getLeft ( elem ) > 0 ) {
//This means they dragged to the right past the first item
if ( VMM . TouchSlider . vertical ) {
VMM . Element . animate ( elem , 1000 , "" , { "top" : 0 } ) ;
} else {
VMM . Element . animate ( elem , 1000 , "" , { "left" : 0 } ) ;
}
VMM . TouchSlider . startX = null ;
VMM . TouchSlider . startY = null ;
VMM . fireEvent ( elem , "TOUCHUPDATE" , [ 0 ] ) ;
} else {
//This means they were just dragging within the bounds of the grid and we just need to handle the momentum and snap to the grid.
VMM . TouchSlider . slideMomentum ( elem , e ) ;
}
} ,
slideMomentum : function ( elem , e ) {
var slideAdjust = ( new Date ( ) . getTime ( ) - VMM . TouchSlider . touchStartTime ) * 10 ;
var timeAdjust = slideAdjust ;
var left = VMM . TouchSlider . getLeft ( elem ) ;
var top = VMM . TouchSlider . getTop ( elem ) ;
var changeX = 6000 * ( Math . abs ( VMM . TouchSlider . startLeft ) - Math . abs ( left ) ) ;
var changeY = 6000 * ( Math . abs ( VMM . TouchSlider . startTop ) - Math . abs ( top ) ) ;
slideAdjust = Math . round ( changeX / slideAdjust ) ;
slideAdjustY = Math . round ( changeY / slideAdjust ) ;
var newLeft = slideAdjust + left ;
var newTop = slideAdjustY + top ;
var y = newTop % VMM . TouchSlider . height ;
var t = newLeft % VMM . TouchSlider . width ;
var _r _object = {
top : Math . min ( 0 , newTop ) ,
left : Math . min ( 0 , newLeft ) ,
time : timeAdjust
}
VMM . fireEvent ( elem , "TOUCHUPDATE" , [ _r _object ] ) ;
/ *
if ( VMM . TouchSlider . sticky ) {
trace ( "sticky" ) ;
if ( ( Math . abs ( t ) ) > ( ( VMM . TouchSlider . width / 2 ) ) ) {
//Show the next cell
newLeft -= ( VMM . TouchSlider . width - Math . abs ( t ) ) ;
} else {
//Stay on the current cell
newLeft -= t ;
}
VMM . fireEvent ( elem , "TOUCHUPDATE" , [ Math . min ( 0 , newLeft ) ] ) ;
} else {
trace ( "not sticky" ) ;
//VMM.TouchSlider.doSlide(elem, Math.min(0, newLeft), '0.5s');
VMM . Element . animate ( elem , 500 , "" , { "left" : Math . min ( 0 , newLeft ) } ) ;
}
* /
VMM . TouchSlider . startX = null ;
VMM . TouchSlider . startY = null ;
} ,
doSlide : function ( elem , x , duration ) {
VMM . Element . css ( elem , '-webkit-transition-property' , 'left' ) ;
VMM . Element . css ( elem , '-webkit-transition-duration' , duration ) ;
VMM . Element . css ( elem , 'left' , x ) ;
} ,
touchMove : function ( elem , e ) {
if ( ! VMM . TouchSlider . sliding ) {
//elem.parent().addClass('sliding');
}
VMM . TouchSlider . sliding = true ;
if ( VMM . TouchSlider . vertical ) {
if ( VMM . TouchSlider . startY > e . originalEvent . touches [ 0 ] . screenY ) {
VMM . Element . css ( elem , 'top' , - ( VMM . TouchSlider . startY - e . originalEvent . touches [ 0 ] . screenY - VMM . TouchSlider . startTop ) ) ;
VMM . TouchSlider . slidingTop = true ;
} else {
var top = ( e . originalEvent . touches [ 0 ] . screenY - VMM . TouchSlider . startY + VMM . TouchSlider . startTop ) ;
VMM . Element . css ( elem , 'top' , - ( VMM . TouchSlider . startY - e . originalEvent . touches [ 0 ] . screenY - VMM . TouchSlider . startTop ) ) ;
VMM . TouchSlider . slidingTop = false ;
}
} else {
if ( VMM . TouchSlider . startX > e . originalEvent . touches [ 0 ] . screenX ) {
VMM . Element . css ( elem , 'left' , - ( VMM . TouchSlider . startX - e . originalEvent . touches [ 0 ] . screenX - VMM . TouchSlider . startLeft ) ) ;
VMM . TouchSlider . slidingLeft = true ;
} else {
var left = ( e . originalEvent . touches [ 0 ] . screenX - VMM . TouchSlider . startX + VMM . TouchSlider . startLeft ) ;
VMM . Element . css ( elem , 'left' , - ( VMM . TouchSlider . startX - e . originalEvent . touches [ 0 ] . screenX - VMM . TouchSlider . startLeft ) ) ;
VMM . TouchSlider . slidingLeft = false ;
}
}
}
}
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Begin VMM . DragSlider . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * D R A G S L I D E R
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . DragSlider == 'undefined' ) {
// VMM.DragSlider.createSlidePanel(drag_object, move_object, w, padding, sticky);
// VMM.DragSlider.cancelSlide();
VMM . DragSlider = {
createPanel : function ( drag _object , move _object , w , padding , sticky ) {
var x = padding ;
VMM . DragSlider . width = w ;
VMM . DragSlider . makeDraggable ( drag _object , move _object ) ;
VMM . DragSlider . drag _elem = drag _object ;
/ *
if ( sticky != null && sticky != "" ) {
VMM . TouchSlider . sticky = sticky ;
} else {
VMM . TouchSlider . sticky = false ;
}
* /
VMM . DragSlider . sticky = sticky ;
} ,
makeDraggable : function ( drag _object , move _object ) {
VMM . bindEvent ( drag _object , VMM . DragSlider . onDragStart , "mousedown" , { element : move _object , delement : drag _object } ) ;
//VMM.bindEvent(drag_object, VMM.DragSlider.onDragMove, "mousemove", {element: move_object});
VMM . bindEvent ( drag _object , VMM . DragSlider . onDragEnd , "mouseup" , { element : move _object , delement : drag _object } ) ;
VMM . bindEvent ( drag _object , VMM . DragSlider . onDragLeave , "mouseleave" , { element : move _object , delement : drag _object } ) ;
} ,
cancelSlide : function ( e ) {
VMM . unbindEvent ( VMM . DragSlider . drag _elem , VMM . DragSlider . onDragMove , "mousemove" ) ;
//VMM.DragSlider.drag_elem.preventDefault();
//VMM.DragSlider.drag_elem.stopPropagation();
return true ;
} ,
onDragLeave : function ( e ) {
VMM . unbindEvent ( e . data . delement , VMM . DragSlider . onDragMove , "mousemove" ) ;
e . preventDefault ( ) ;
e . stopPropagation ( ) ;
return true ;
} ,
onDragStart : function ( e ) {
VMM . DragSlider . dragStart ( e . data . element , e . data . delement , e ) ;
e . preventDefault ( ) ;
e . stopPropagation ( ) ;
return true ;
} ,
onDragEnd : function ( e ) {
e . preventDefault ( ) ;
e . stopPropagation ( ) ;
if ( VMM . DragSlider . sliding ) {
VMM . DragSlider . sliding = false ;
VMM . DragSlider . dragEnd ( e . data . element , e . data . delement , e ) ;
return false ;
} else {
return true ;
}
} ,
onDragMove : function ( e ) {
VMM . DragSlider . dragMove ( e . data . element , e ) ;
e . preventDefault ( ) ;
e . stopPropagation ( ) ;
return false ;
} ,
dragStart : function ( elem , delem , e ) {
VMM . DragSlider . startX = e . pageX ;
VMM . DragSlider . startLeft = VMM . DragSlider . getLeft ( elem ) ;
VMM . DragSlider . dragStartTime = new Date ( ) . getTime ( ) ;
VMM . DragSlider . dragWidth = VMM . Element . width ( delem ) ;
// CANCEL CURRENT ANIMATION IF ANIMATING
var _newx = Math . round ( VMM . DragSlider . startX - e . pageX - VMM . DragSlider . startLeft ) ;
VMM . Element . stop ( elem ) ;
VMM . bindEvent ( delem , VMM . DragSlider . onDragMove , "mousemove" , { element : elem } ) ;
} ,
dragEnd : function ( elem , delem , e ) {
VMM . unbindEvent ( delem , VMM . DragSlider . onDragMove , "mousemove" ) ;
//VMM.DragSlider.dragMomentum(elem, e);
if ( VMM . DragSlider . getLeft ( elem ) > 0 ) {
//(VMM.DragSlider.dragWidth/2)
//This means they dragged to the right past the first item
//VMM.Element.animate(elem, 1000, "linear", {"left": 0});
//VMM.fireEvent(elem, "DRAGUPDATE", [0]);
} else {
//This means they were just dragging within the bounds of the grid and we just need to handle the momentum and snap to the grid.
VMM . DragSlider . dragMomentum ( elem , e ) ;
}
} ,
dragMove : function ( elem , e ) {
if ( ! VMM . DragSlider . sliding ) {
//elem.parent().addClass('sliding');
}
VMM . DragSlider . sliding = true ;
if ( VMM . DragSlider . startX > e . pageX ) {
//Sliding to the left
VMM . Element . css ( elem , 'left' , - ( VMM . DragSlider . startX - e . pageX - VMM . DragSlider . startLeft ) ) ;
VMM . DragSlider . slidingLeft = true ;
} else {
//Sliding to the right
var left = ( e . pageX - VMM . DragSlider . startX + VMM . DragSlider . startLeft ) ;
VMM . Element . css ( elem , 'left' , - ( VMM . DragSlider . startX - e . pageX - VMM . DragSlider . startLeft ) ) ;
VMM . DragSlider . slidingLeft = false ;
}
} ,
dragMomentum : function ( elem , e ) {
var slideAdjust = ( new Date ( ) . getTime ( ) - VMM . DragSlider . dragStartTime ) * 10 ;
var timeAdjust = slideAdjust ;
var left = VMM . DragSlider . getLeft ( elem ) ;
var changeX = 6000 * ( Math . abs ( VMM . DragSlider . startLeft ) - Math . abs ( left ) ) ;
//var changeX = 6000 * (VMM.DragSlider.startLeft - left);
slideAdjust = Math . round ( changeX / slideAdjust ) ;
var newLeft = left + slideAdjust ;
var t = newLeft % VMM . DragSlider . width ;
//left: Math.min(0, newLeft),
var _r _object = {
left : Math . min ( newLeft ) ,
time : timeAdjust
}
VMM . fireEvent ( elem , "DRAGUPDATE" , [ _r _object ] ) ;
var _ease = "easeOutExpo" ;
if ( _r _object . time > 0 ) {
VMM . Element . animate ( elem , _r _object . time , _ease , { "left" : _r _object . left } ) ;
} ;
//VMM.DragSlider.startX = null;
} ,
getLeft : function ( elem ) {
return parseInt ( VMM . Element . css ( elem , 'left' ) . substring ( 0 , VMM . Element . css ( elem , 'left' ) . length - 2 ) , 10 ) ;
}
}
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Begin VMM . Slider . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * S l i d e r
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . Slider == 'undefined' ) {
VMM . Slider = function ( parent , parent _config ) {
/ * P R I V A T E V A R S
=== === === === === === === === === === === === === === === === == * /
var events = { } , config ;
// ARRAYS
var data = [ ] , slides = [ ] , slide _positions = [ ] ;
var slides _content = "" ;
var current _slide = 0 ;
var current _width = 960 ;
var touch = { move : false , x : 10 , y : 0 , off : 0 , dampen : 48 } ;
var content = "" ;
var _active = false ;
var layout = parent ;
// ELEMENTS
var $slider , $slider _mask , $slider _container , $slides _items ;
// NAVIGATION
var navigation = { nextBtn : "" , prevBtn : "" , nextDate : "" , prevDate : "" , nextTitle : "" , prevTitle : "" } ;
// CONFIG
if ( typeof VMM . Timeline != 'undefined' ) {
config = VMM . Timeline . Config ;
} else {
config = {
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 : 130
} ,
nav : {
width : 100 ,
height : 200
}
}
} ;
}
/ * P U B L I C V A R S
=== === === === === === === === === === === === === === === === == * /
this . ver = "0.6" ;
config . slider . width = config . width ;
config . slider . height = config . height ;
/ * P U B L I C F U N C T I O N S
=== === === === === === === === === === === === === === === === == * /
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 ;
}
}
/ * G E T T E R S A N D S E T T E R S
=== === === === === === === === === === === === === === === === == * /
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 ) ;
} ;
/ * O N E V E N T
=== === === === === === === === === === === === === === === === == * /
function onConfigSet ( ) {
trace ( "onConfigSet" ) ;
} ;
function reSize ( go _to _slide , from _start ) {
var _go _to _slide = true ;
var _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 . Element . height ( navigation . prevBtnContainer ) ;
config . slider . content . width = current _width - ( config . slider . content . padding * 2 ) ;
VMM . Element . width ( $slides _items , ( slides . length * config . slider . content . width ) ) ;
if ( _from _start ) {
var _pos = VMM . Element . position ( slides [ current _slide ] ) ;
VMM . Element . css ( $slider _container , "left" , _pos . left ) ;
}
// RESIZE SLIDES
sizeSlides ( ) ;
// POSITION SLIDES
positionSlides ( ) ;
// POSITION NAV
VMM . Element . css ( navigation . nextBtn , "left" , ( current _width - config . slider . nav . width ) ) ;
VMM . Element . height ( navigation . prevBtn , config . slider . height ) ;
VMM . Element . height ( navigation . nextBtn , config . slider . height ) ;
VMM . Element . css ( navigation . nextBtnContainer , "top" , ( ( config . slider . height / 2 ) - ( config . slider . nav . height / 2 ) ) ) ;
VMM . Element . css ( navigation . prevBtnContainer , "top" , ( ( config . slider . height / 2 ) - ( config . slider . nav . height / 2 ) ) ) ;
// Animate Changes
VMM . Element . height ( $slider _mask , config . slider . height ) ;
VMM . Element . width ( $slider _mask , current _width ) ;
if ( _go _to _slide ) {
goToSlide ( current _slide , "linear" , 1 ) ;
} ;
if ( current _slide == 0 ) {
VMM . Element . visible ( navigation . prevBtn , false ) ;
}
}
/ * N A V I G A T I O N
=== === === === === === === === === === === === === === === === == * /
function onNextClick ( e ) {
if ( current _slide == slides . length - 1 ) {
VMM . Element . animate ( $slider _container , config . duration , config . ease , { "left" : - ( VMM . Element . position ( slides [ current _slide ] ) . left ) } ) ;
} else {
goToSlide ( current _slide + 1 ) ;
upDate ( ) ;
}
}
function onPrevClick ( e ) {
if ( current _slide == 0 ) {
goToSlide ( current _slide ) ;
} 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 ++ ) {
var sp = VMM . Element . position ( slides [ i ] ) ;
slide _positions . push ( sp . left ) ;
}
}
if ( typeof b . left == "number" ) {
var _pos = b . left ;
if ( _pos < - ( VMM . Element . position ( slides [ current _slide ] ) . left ) - ( config . slider _width / 3 ) ) {
onNextClick ( ) ;
} else if ( _pos > - ( VMM . Element . position ( slides [ current _slide ] ) . left ) + ( config . slider _width / 3 ) ) {
onPrevClick ( ) ;
} else {
VMM . Element . animate ( $slider _container , config . duration , config . ease , { "left" : - ( VMM . Element . position ( slides [ current _slide ] ) . left ) } ) ;
}
} else {
VMM . Element . animate ( $slider _container , config . duration , config . ease , { "left" : - ( VMM . Element . position ( slides [ current _slide ] ) . left ) } ) ;
}
if ( typeof b . top == "number" ) {
VMM . Element . animate ( $slider _container , config . duration , config . ease , { "top" : - b . top } ) ;
//VMM.Element.animate(layout, _duration, _ease, {scrollTop: VMM.Element.prop(layout, "scrollHeight") + b.top });
//VMM.Element.animate(layout, _duration, _ease, {scrollTop: VMM.Element.prop(layout, "scrollHeight") + VMM.Element.height(layout) });
//VMM.Element.animate($slider_container, config.duration, config.ease, {"top": -400});
} else {
}
} ;
/ * U P D A T E
=== === === === === === === === === === === === === === === === == * /
function upDate ( ) {
config . current _slide = current _slide ;
VMM . fireEvent ( layout , "UPDATE" ) ;
} ;
/ * G E T D A T A
=== === === === === === === === === === === === === === === === == * /
var getData = function ( d ) {
data = d ;
} ;
/ * B U I L D S L I D E S
=== === === === === === === === === === === === === === === === == * /
var buildSlides = function ( d ) {
// Clear out existing content
VMM . attachElement ( $slides _items , "" ) ;
slides = [ ] ;
for ( var i = 0 ; i < d . length ; i ++ ) {
var bw = "" ;
var _slide ;
var _media ;
bw = VMM . createElement ( "div" , d [ i ] . content , "content" ) ;
_slide = VMM . appendAndGetElement ( $slides _items , "<div>" , "slider-item" , bw ) ;
slides . push ( _slide ) ;
}
}
/ * S I Z E S L I D E S
=== === === === === === === === === === === === === === === === == * /
var sizeSlides = function ( ) {
var layout _text _media = ".slider-item .layout-text-media .media .media-container " ;
var layout _media = ".slider-item .layout-media .media .media-container " ;
var layout _both = ".slider-item .media .media-container" ;
var mediasize = {
text _media : {
width : ( config . slider . content . width / 100 ) * 60 ,
height : config . slider . height - 60 ,
video : {
width : 0 ,
height : 0
}
} ,
media : {
width : config . slider . content . width ,
height : config . slider . height - 110 ,
video : {
width : 0 ,
height : 0
}
}
}
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 . Element . css ( ".slider-item" , "width" , config . slider . content . width ) ;
VMM . Element . height ( ".slider-item" , config . slider . height ) ;
// HANDLE SMALLER SIZES
var is _skinny = false ;
if ( current _width <= 650 ) {
is _skinny = true ;
} else if ( VMM . Browser . device == "mobile" && VMM . Browser . orientation == "portrait" ) {
is _skinny = true ;
} else if ( VMM . Browser . device == "tablet" && VMM . Browser . orientation == "portrait" ) {
//is_skinny = true;
}
if ( is _skinny ) {
mediasize . text _media . width = config . slider . content . width ;
mediasize . text _media . height = ( ( config . slider . height / 100 ) * 50 ) - 50 ;
//mediasize.media.height = ((config.slider.height/100) * 80 ) - 40;
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 . Element . css ( ".slider-item .layout-text-media .text" , "width" , "100%" ) ;
VMM . Element . css ( ".slider-item .layout-text-media .text" , "display" , "block" ) ;
VMM . Element . css ( ".slider-item .layout-text-media .text .container" , "display" , "block" ) ;
VMM . Element . css ( ".slider-item .layout-text-media .text .container" , "width" , config . slider . content . width ) ;
VMM . Element . css ( ".slider-item .layout-text-media .media" , "float" , "none" ) ;
VMM . Element . css ( ".slider-item .media blockquote p" , "line-height" , "18px" ) ;
VMM . Element . css ( ".slider-item .media blockquote p" , "font-size" , "16px" ) ;
VMM . Element . css ( ".slider-item" , "overflow-y" , "auto" ) ;
// MAINTAINS VERTICAL CENTER IF IT CAN
for ( var i = 0 ; i < slides . length ; i ++ ) {
if ( VMM . Element . height ( VMM . Element . find ( slides [ i ] , ".content" ) ) > config . slider . height ) {
VMM . Element . css ( slides [ i ] , "display" , "block" ) ;
} else {
VMM . Element . css ( slides [ i ] , "display" , "table" ) ;
}
}
} else {
VMM . Element . css ( ".slider-item .layout-text-media .text" , "width" , "40%" ) ;
VMM . Element . css ( ".slider-item .layout-text-media .text" , "display" , "table-cell" ) ;
VMM . Element . css ( ".slider-item .layout-text-media .text .container" , "display" , "table-cell" ) ;
VMM . Element . css ( ".slider-item .layout-text-media .text .container" , "width" , "auto" ) ;
VMM . Element . css ( ".slider-item .layout-text-media .media" , "float" , "left" ) ;
VMM . Element . css ( ".slider-item .layout-text-media" , "display" , "table" ) ;
VMM . Element . css ( ".slider-item .media blockquote p" , "line-height" , "36px" ) ;
VMM . Element . css ( ".slider-item .media blockquote p" , "font-size" , "28px" ) ;
VMM . Element . css ( ".slider-item" , "display" , "table" ) ;
VMM . Element . css ( ".slider-item" , "overflow-y" , "auto" ) ;
}
// MEDIA FRAME
VMM . Element . css ( layout _text _media + ".media-frame" , "max-width" , mediasize . text _media . width ) ;
VMM . Element . height ( layout _text _media + ".media-frame" , mediasize . text _media . height ) ;
VMM . Element . width ( layout _text _media + ".media-frame" , mediasize . text _media . width ) ;
// IMAGES
VMM . Element . css ( layout _text _media + "img" , "max-height" , mediasize . text _media . height ) ;
VMM . Element . css ( layout _media + "img" , "max-height" , mediasize . media . height ) ;
// FIX FOR NON-WEBKIT BROWSERS
VMM . Element . css ( layout _text _media + "img" , "max-width" , mediasize . text _media . width ) ;
VMM . Element . css ( layout _text _media + ".twitter .avatar img" , "max-width" , 32 ) ;
VMM . Element . css ( layout _text _media + ".twitter .avatar img" , "max-height" , 32 ) ;
VMM . Element . css ( layout _media + ".twitter .avatar img" , "max-width" , 32 ) ;
VMM . Element . css ( layout _media + ".twitter .avatar img" , "max-height" , 32 ) ;
// IFRAME FULL SIZE VIDEO
VMM . Element . width ( layout _text _media + ".media-frame" , mediasize . text _media . video . width ) ;
VMM . Element . height ( layout _text _media + ".media-frame" , mediasize . text _media . video . height ) ;
VMM . Element . width ( layout _media + ".media-frame" , mediasize . media . video . width ) ;
VMM . Element . height ( layout _media + ".media-frame" , mediasize . media . video . height ) ;
VMM . Element . css ( layout _media + ".media-frame" , "max-height" , mediasize . media . video . height ) ;
VMM . Element . css ( layout _media + ".media-frame" , "max-width" , mediasize . media . video . width ) ;
// SOUNDCLOUD
VMM . Element . height ( layout _media + ".soundcloud" , 168 ) ;
VMM . Element . height ( layout _text _media + ".soundcloud" , 168 ) ;
VMM . Element . width ( layout _media + ".soundcloud" , mediasize . media . width ) ;
VMM . Element . width ( layout _text _media + ".soundcloud" , mediasize . text _media . width ) ;
VMM . Element . css ( layout _both + ".soundcloud" , "max-height" , 168 ) ;
// MAPS
VMM . Element . height ( layout _text _media + ".map" , mediasize . text _media . height ) ;
VMM . Element . css ( layout _media + ".map" , "max-height" , mediasize . media . height ) ;
VMM . Element . width ( layout _media + ".map" , mediasize . media . width ) ;
// DOCS
VMM . Element . height ( layout _text _media + ".doc" , mediasize . text _media . height ) ;
VMM . Element . height ( layout _media + ".doc" , mediasize . media . height ) ;
trace ( mediasize ) ;
}
/ * P O S I T I O N S L I D E S
=== === === === === === === === === === === === === === === === == * /
var positionSlides = function ( ) {
var pos = 0 ;
for ( var i = 0 ; i < slides . length ; i ++ ) {
pos = i * ( config . slider . width + config . spacing ) ;
VMM . Element . css ( slides [ i ] , "left" , pos ) ;
}
}
/ * O P A C I T Y S L I D E S
=== === === === === === === === === === === === === === === === == * /
var opacitySlides = function ( n ) {
var _ease = "linear" ;
for ( var i = 0 ; i < slides . length ; i ++ ) {
if ( i == current _slide ) {
VMM . Element . animate ( slides [ i ] , config . duration , _ease , { "opacity" : 1 } ) ;
} else if ( i == current _slide - 1 ) {
VMM . Element . animate ( slides [ i ] , config . duration , _ease , { "opacity" : 0.1 } ) ;
} else if ( i == current _slide + 1 ) {
VMM . Element . animate ( slides [ i ] , config . duration , _ease , { "opacity" : 0.1 } ) ;
} else {
VMM . Element . css ( slides [ i ] , "opacity" , n ) ;
}
}
}
/ * G O T O S L I D E
goToSlide ( n , ease , duration ) ;
=== === === === === === === === === === === === === === === === == * /
var goToSlide = function ( n , ease , duration , fast , firstrun ) {
/ * S T O P A N Y V I D E O P L A Y E R S A C T I V E
=== === === === === === === === === === === === === === === === == * /
VMM . ExternalAPI . youtube . stopPlayers ( ) ;
// Set current slide
current _slide = n ;
var _ease = config . ease ;
var _duration = config . duration ;
var is _last = false ;
var is _first = false ;
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 } ;
/ * g e t s l i d e p o s i t i o n
=== === === === === === === === === === === === === === === === == * /
var _pos = VMM . Element . position ( slides [ current _slide ] ) ;
/ * s e t p r o p e r n a v t i t l e s a n d d a t e s e t c .
=== === === === === === === === === === === === === === === === == * /
if ( is _first ) {
VMM . Element . visible ( navigation . prevBtn , false ) ;
} else {
VMM . Element . visible ( navigation . prevBtn , true ) ;
if ( config . type == "timeline" ) {
VMM . attachElement ( navigation . prevDate , data [ current _slide - 1 ] . date ) ;
}
VMM . attachElement ( navigation . prevTitle , VMM . Util . unlinkify ( data [ current _slide - 1 ] . title ) ) ;
}
if ( is _last ) {
VMM . Element . visible ( navigation . nextBtn , false ) ;
} else {
VMM . Element . visible ( navigation . nextBtn , true ) ;
if ( config . type == "timeline" ) {
VMM . attachElement ( navigation . nextDate , data [ current _slide + 1 ] . date ) ;
}
VMM . attachElement ( navigation . nextTitle , VMM . Util . unlinkify ( data [ current _slide + 1 ] . title ) ) ;
}
/ * A N I M A T E S L I D E
=== === === === === === === === === === === === === === === === == * /
if ( fast ) {
VMM . Element . css ( $slider _container , "left" , - ( _pos . left - config . slider . content . padding ) ) ;
} else {
VMM . Element . stop ( $slider _container ) ;
VMM . Element . animate ( $slider _container , _duration , _ease , { "left" : - ( _pos . left - config . slider . content . padding ) } ) ;
}
if ( firstrun ) {
VMM . fireEvent ( layout , "LOADED" ) ;
}
/ * S E T V e r t i c a l S c o l l
=== === === === === === === === === === === === === === === === == * /
//opacitySlides(0.85);
if ( VMM . Element . height ( slides [ current _slide ] ) > config . slider _height ) {
VMM . Element . css ( ".slider" , "overflow-y" , "scroll" ) ;
} else {
VMM . Element . css ( layout , "overflow-y" , "hidden" ) ;
VMM . Element . animate ( layout , _duration , _ease , { scrollTop : VMM . Element . prop ( layout , "scrollHeight" ) - VMM . Element . height ( layout ) } ) ;
}
//VMM.Element.css(navigation.nextBtnContainer, "left", ( VMM.Element.width(navigation.nextBtnContainer) - config.slider.nav.width) );
}
/ * B U I L D N A V I G A T I O N
=== === === === === === === === === === === === === === === === == * /
var buildNavigation = function ( ) {
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" , "1957" ) ;
navigation . prevDate = VMM . appendAndGetElement ( navigation . prevBtnContainer , "<div>" , "date" , "1957" ) ;
}
navigation . nextTitle = VMM . appendAndGetElement ( navigation . nextBtnContainer , "<div>" , "title" , "Title Goes Here" ) ;
navigation . prevTitle = VMM . appendAndGetElement ( navigation . prevBtnContainer , "<div>" , "title" , "Title Goes Here" ) ;
VMM . bindEvent ( ".nav-next" , onNextClick ) ;
VMM . bindEvent ( ".nav-previous" , onPrevClick ) ;
VMM . bindEvent ( window , onKeypressNav , 'keydown' ) ;
}
/ * B U I L D
=== === === === === === === === === === === === === === === === == * /
var build = function ( ) {
// Clear out existing content
VMM . attachElement ( layout , "" ) ;
// Get DOM Objects to local objects
$slider = VMM . getElement ( "div.slider" ) ;
$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 ) ;
/ * M A K E S L I D E R T O U C H A B L E
=== === === === === === === === === === === === === === === === == * /
var _ _duration = 3000 ;
if ( VMM . Browser . device == "tablet" || VMM . Browser . device == "mobile" ) {
config . duration = 500 ;
_ _duration = 1000 ;
VMM . TouchSlider . createPanel ( $slider _container , $slider _container , VMM . Element . width ( slides [ 0 ] ) , config . spacing , true ) ;
VMM . bindEvent ( $slider _container , onTouchUpdate , "TOUCHUPDATE" ) ;
} else if ( VMM . Browser . device == "mobile" ) {
} else {
//VMM.DragSlider.createPanel($slider_container, $slider_container, VMM.Element.width(slides[0]), config.spacing, true);
}
reSize ( false , true ) ;
VMM . Element . visible ( navigation . prevBtn , false ) ;
// GO TO FIRST SLIDE
trace ( "config.current_slide " + config . current _slide ) ;
goToSlide ( config . current _slide , "easeOutExpo" , _ _duration , true , true ) ;
_active = true ;
} ;
} ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Begin VMM . Util . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * U t i l i t i e s a n d U s e f u l F u n c t i o n s
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . Util == 'undefined' ) {
VMM . Util = ( {
init : function ( ) {
return this ;
} ,
/ * R A N D O M B E T W E E N
=== === === === === === === === === === === === === === === === == * /
//VMM.Util.randomBetween(1, 3)
randomBetween : function ( min , max ) {
return Math . floor ( Math . random ( ) * ( max - min + 1 ) + min ) ;
} ,
/ * A V E R A G E
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 ;
} ,
/ * C U S T O M S O R T
=== === === === === === === === === === === === === === === === == * /
customSort : function ( a , b ) {
var a1 = a , b1 = b ;
if ( a1 == b1 ) return 0 ;
return a1 > b1 ? 1 : - 1 ;
} ,
/ * G i v e n a n i n t o r d e c i m a l , t u r n t h a t i n t o s t r i n g i n $ x x x , x x x . x x f o r m a t .
=== === === === === === === === === === === === === === === === == * /
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 ;
} ,
/ * R e t u r n s a w o r d c o u n t n u m b e r
=== === === === === === === === === === === === === === === === == * /
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 ) ;
}
}
} ,
date : {
dateformats : {
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>'" ,
} ,
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 . Util . date . dateformats = lang . dateformats ;
VMM . Util . date . month = lang . date . month ;
VMM . Util . date . month _abbr = lang . date . month _abbr ;
VMM . Util . date . day = lang . date . day ;
VMM . Util . 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 ) {
if ( type . of ( d ) == "date" ) {
return d ;
} else {
var _date = new Date ( 0 , 0 , 1 , 0 , 0 , 0 , 0 ) ;
var _d _array ; // DATE ARRAY
var _t _array ; // TIME ARRAY
if ( d . match ( /,/gi ) ) {
_d _array = d . split ( "," ) ;
for ( var i = 0 ; i < _d _array . length ; i ++ ) {
_d _array [ i ] = parseInt ( _d _array [ i ] ) ;
}
if ( _d _array [ 0 ] ) { _date . setFullYear ( _d _array [ 0 ] ) ; }
if ( _d _array [ 1 ] > 1 ) { _date . setMonth ( _d _array [ 1 ] - 1 ) ; }
if ( _d _array [ 2 ] > 1 ) { _date . setDate ( _d _array [ 2 ] ) ; }
if ( _d _array [ 3 ] > 1 ) { _date . setHours ( _d _array [ 3 ] ) ; }
if ( _d _array [ 4 ] > 1 ) { _date . setMinutes ( _d _array [ 4 ] ) ; }
if ( _d _array [ 5 ] > 1 ) { _date . setSeconds ( _d _array [ 5 ] ) ; }
if ( _d _array [ 6 ] > 1 ) { _date . setMilliseconds ( _d _array [ 6 ] ) ; }
} else if ( d . match ( "/" ) ) {
var _time _parse ;
var _times ;
if ( d . match ( " " ) ) {
_time _parse = d . split ( " " ) ;
if ( d . match ( ":" ) ) {
_t _array = _time _parse [ 1 ] . split ( ":" ) ;
if ( _t _array [ 0 ] >= 1 ) { _date . setHours ( _t _array [ 0 ] ) ; }
if ( _t _array [ 1 ] >= 1 ) { _date . setMinutes ( _t _array [ 1 ] ) ; }
if ( _t _array [ 2 ] >= 1 ) { _date . setSeconds ( _t _array [ 2 ] ) ; }
if ( _t _array [ 3 ] >= 1 ) { _date . setMilliseconds ( _t _array [ 3 ] ) ; }
}
_d _array = _time _parse [ 0 ] . split ( "/" ) ;
} else {
_d _array = d . split ( "/" ) ;
}
if ( _d _array [ 2 ] ) { _date . setFullYear ( _d _array [ 2 ] ) ; }
if ( _d _array [ 0 ] > 1 ) { _date . setMonth ( _d _array [ 0 ] - 1 ) ; }
if ( _d _array [ 1 ] > 1 ) { _date . setDate ( _d _array [ 1 ] ) ; }
} else if ( d . length < 5 ) {
_date . setFullYear ( parseInt ( d ) ) ;
_date . setMonth ( 0 ) ;
_date . setDate ( 1 ) ;
_date . setHours ( 0 ) ;
_date . setMinutes ( 0 ) ;
_date . setSeconds ( 0 ) ;
_date . setMilliseconds ( 0 ) ;
} else {
_date = new Date (
parseInt ( d . slice ( 0 , 4 ) ) ,
parseInt ( d . slice ( 4 , 6 ) ) - 1 ,
parseInt ( d . slice ( 6 , 8 ) ) ,
parseInt ( d . slice ( 8 , 10 ) ) ,
parseInt ( d . slice ( 10 , 12 ) )
) ;
}
return _date ;
}
} ,
//VMM.Util.date.prettyDate(d, is_abbr)
prettyDate : function ( d , is _abbr , date _type ) {
var _date ;
var bc _check ;
if ( type . of ( d ) == "date" ) {
if ( d . getMonth ( ) === 0 && d . getDate ( ) == 1 && d . getHours ( ) === 0 && d . getMinutes ( ) === 0 ) {
// trace("YEAR ONLY");
_date = dateFormat ( d , VMM . Util . date . dateformats . year ) ;
} else {
if ( d . getDate ( ) <= 1 && d . getHours ( ) === 0 && d . getMinutes ( ) === 0 ) {
// trace("YEAR MONTH");
if ( is _abbr ) {
_date = dateFormat ( d , VMM . Util . date . dateformats . month _short ) ;
} else {
_date = dateFormat ( d , VMM . Util . date . dateformats . month ) ;
}
} else if ( d . getHours ( ) === 0 && d . getMinutes ( ) === 0 ) {
// trace("YEAR MONTH DAY");
if ( is _abbr ) {
_date = dateFormat ( d , VMM . Util . date . dateformats . full _short ) ;
} else {
_date = dateFormat ( d , VMM . Util . date . dateformats . full ) ;
}
} else if ( d . getMinutes ( ) === 0 ) {
// trace("YEAR MONTH DAY HOUR");
if ( is _abbr ) {
_date = dateFormat ( d , VMM . Util . date . dateformats . time _no _seconds _short ) ;
} else {
_date = dateFormat ( d , VMM . Util . date . dateformats . time _no _seconds _small _date ) ;
}
} else {
// trace("YEAR MONTH DAY HOUR MINUTE");
if ( is _abbr ) {
_date = dateFormat ( d , VMM . Util . date . dateformats . time _no _seconds _short ) ;
} else {
_date = dateFormat ( d , VMM . Util . date . dateformats . full _long ) ;
}
}
}
bc _check = _date . split ( " " ) ;
for ( var i = 0 ; i < bc _check . length ; i ++ ) {
if ( parseInt ( bc _check [ i ] ) < 0 ) {
trace ( "YEAR IS BC" ) ;
var bc _original = bc _check [ i ] ;
var bc _number = Math . abs ( parseInt ( bc _check [ i ] ) ) ;
var bc _string = bc _number . toString ( ) + " B.C." ;
_date = _date . replace ( bc _original , bc _string ) ;
}
}
} else {
trace ( "NOT A VALID DATE?" ) ;
trace ( d ) ;
}
return _date ;
} ,
} ,
// VMM.Util.doubledigit(number).
doubledigit : function ( n ) {
return ( n < 10 ? '0' : '' ) + n ;
} ,
/ * R e t u r n s a t r u n c a t e d s e g e m e n t o f a l o n g s t r i n g o f b e t w e e n m i n a n d m a x w o r d s . I f p o s s i b l e , e n d s o n a p e r i o d ( o t h e r w i s e g o e s t o m a x ) .
=== === === === === === === === === === === === === === === === == * /
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 ( ' ' ) ) ;
} ,
/ * T u r n s p l a i n t e x t l i n k s i n t o r e a l l i n k s
=== === === === === === === === === === === === === === === === == * /
// VMM.Util.linkify();
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" 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 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/$2' target='_blank' onclick='void(0)'>$1</a>" )
. replace ( twitterSearchPattern , "<a href='http://twitter.com/#search?q=%23$2' target='_blank' 'void(0)'>$1</a>" ) ;
} ,
/ * T u r n s p l a i n t e x t l i n k s i n t o r e a l l i n k s
=== === === === === === === === === === === === === === === === == * /
// VMM.Util.unlinkify();
unlinkify : function ( text ) {
if ( ! text ) return text ;
text = text . replace ( /<a\b[^>]*>/i , "" ) ;
text = text . replace ( /<\/a>/i , "" ) ;
return text ;
} ,
/ * T K
=== === === === === === === === === === === === === === === === == * /
nl2br : function ( text ) {
return text . replace ( /(\r\n|[\r\n]|\\n|\\r)/g , "<br/>" ) ;
} ,
/ * G e n e r a t e a U n i q u e I D
=== === === === === === === === === === === === === === === === == * /
// 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 ) ;
} ,
/ * T e l l s y o u i f a n u m b e r i s e v e n o r n o t
=== === === === === === === === === === === === === === === === == * /
// VMM.Util.isEven(n)
isEven : function ( n ) {
return ( n % 2 === 0 ) ? true : false ;
} ,
/ * G e t U R L V a r i a b l e s
=== === === === === === === === === === === === === === === === == * /
// 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 ;
} ,
/ * C l e a n s u p s t r i n g s t o b e c o m e r e a l H T M L
=== === === === === === === === === === === === === === === === == * /
toHTML : function ( text ) {
text = this . nl2br ( text ) ;
text = this . linkify ( text ) ;
return text . replace ( /\s\s/g , " " ) ;
} ,
/ * R e t u r n s t e x t s t r i n g s a s C a m e l C a s e
=== === === === === === === === === === === === === === === === == * /
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 ( " " ) ;
} ,
/ * R e p l a c e s d u m b q u o t e m a r k s w i t h s m a r t o n e s
=== === === === === === === === === === === === === === === === == * /
properQuotes : function ( str ) {
return str . replace ( /\"([^\"]*)\"/gi , "“$1”" ) ;
} ,
/ * G i v e n a n i n t o r d e c i m a l , r e t u r n a s t r i n g w i t h p r e t t y c o m m a s i n t h e c o r r e c t s p o t .
=== === === === === === === === === === === === === === === === == * /
niceNumber : function ( n ) {
var amount = String ( Math . abs ( Number ( n ) ) ) ;
var leftOfDecimal = amount . split ( /\./g ) [ 0 ] ;
var rightOfDecimal = amount . split ( /\./g ) [ 1 ] ;
var formatted _text = '' ;
var num _a = leftOfDecimal . toArray ( ) ;
num _a . reverse ( ) ;
for ( var i = 1 ; i <= num _a . length ; i ++ ) {
if ( ( i % 3 == 0 ) && ( i < num _a . length ) ) {
formatted _text = "," + num _a [ i - 1 ] + formatted _text ;
} else {
formatted _text = num _a [ i - 1 ] + formatted _text ;
}
}
if ( rightOfDecimal != null && rightOfDecimal != '' && rightOfDecimal != undefined ) {
return formatted _text + "." + rightOfDecimal ;
} else {
return formatted _text ;
}
} ,
/ * T r a n s f o r m t e x t t o T i t l e C a s e
=== === === === === === === === === === === === === === === === == * /
toTitleCase : function ( t ) {
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])(.*)$/ ) ;
split [ 1 ] = split [ 1 ] . toUpperCase ( ) ;
return split . join ( '' ) ;
} ,
} ;
_ _TitleCase . init ( ) ;
t = t . replace ( /_/g , " " ) ;
t = _ _TitleCase . toTitleCase ( t ) ;
return t ;
} ,
} ) . init ( ) ;
//'string'.linkify();
if ( ! String . linkify ) {
String . prototype . linkify = function ( ) {
// 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 ;
var twitterHandlePattern = /(@([\w]+))/g ;
var twitterSearchPattern = /(#([\w]+))/g ;
return this
. replace ( urlPattern , '<a target="_blank" href="$&">$&</a>' )
. replace ( pseudoUrlPattern , '$1<a target="_blank" href="http://$2">$2</a>' )
. replace ( emailAddressPattern , '<a target="_blank" href="mailto:$1">$1</a>' )
. replace ( twitterHandlePattern , "<a href='http://twitter.com/$2' target='_blank'>$1</a>" )
. replace ( twitterSearchPattern , "<a href='http://twitter.com/#search?q=%23$2' target='_blank'>$1</a>" ) ;
} ;
} ;
//str.substr(3,4)
/ *
* 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
date = date ? new Date ( date ) : new Date ;
if ( isNaN ( date ) ) throw SyntaxError ( "invalid date" ) ;
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 . LoadLib . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ *
LoadLib
Based on LazyLoad by Ryan Grove
https : //github.com/rgrove/lazyload/
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 .
=== === === === === === === === === === === === === === === === == * /
window . loadedJS = [ ] ;
if ( typeof VMM != 'undefined' && typeof VMM . LoadLib == 'undefined' ) {
//VMM.LoadLib.js('http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', onJQueryLoaded);
//VMM.LoadLib.css('http://someurl.css', onCSSLoaded);
VMM . LoadLib = ( function ( doc ) {
var env ,
head ,
pending = { } ,
pollCount = 0 ,
queue = { css : [ ] , js : [ ] } ,
styleSheets = doc . styleSheets ;
var loaded _Array = [ ] ;
function isLoaded ( url ) {
var has _been _loaded = false ;
for ( var i = 0 ; i < loaded _Array . length ; i ++ ) {
if ( loaded _Array [ i ] == url ) {
has _been _loaded = true ;
}
}
if ( ! has _been _loaded ) {
loaded _Array . push ( url ) ;
}
return has _been _loaded ;
}
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 ;
}
function finish ( type ) {
var p = pending [ type ] ,
callback ,
urls ;
if ( p ) {
callback = p . callback ;
urls = p . urls ;
urls . shift ( ) ;
pollCount = 0 ;
if ( ! urls . length ) {
callback && callback . call ( p . context , p . obj ) ;
pending [ type ] = null ;
queue [ type ] . length && load ( type ) ;
}
}
}
function getEnv ( ) {
var ua = navigator . userAgent ;
env = {
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 ) ;
}
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 ) {
urls = typeof urls === 'string' ? [ urls ] : urls . concat ( ) ;
if ( isCSS || env . async || env . gecko || env . opera ) {
queue [ type ] . push ( {
urls : urls ,
callback : callback ,
obj : obj ,
context : context
} ) ;
} else {
for ( i = 0 , len = urls . length ; i < len ; ++ i ) {
queue [ type ] . push ( {
urls : [ urls [ i ] ] ,
callback : i === len - 1 ? callback : null ,
obj : obj ,
context : context
} ) ;
}
}
}
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 ) ) {
if ( env . webkit ) {
p . urls [ i ] = node . href ;
pollWebKit ( ) ;
} else {
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 ] ) ;
}
}
function pollGecko ( node ) {
var hasRules ;
try {
hasRules = ! ! node . sheet . cssRules ;
} catch ( ex ) {
pollCount += 1 ;
if ( pollCount < 200 ) {
setTimeout ( function ( ) { pollGecko ( node ) ; } , 50 ) ;
} else {
hasRules && finish ( 'css' ) ;
}
return ;
}
finish ( 'css' ) ;
}
function pollWebKit ( ) {
var css = pending . css , i ;
if ( css ) {
i = styleSheets . length ;
while ( -- i >= 0 ) {
if ( styleSheets [ i ] . href === css . urls [ 0 ] ) {
finish ( 'css' ) ;
break ;
}
}
pollCount += 1 ;
if ( css ) {
if ( pollCount < 200 ) {
setTimeout ( pollWebKit , 50 ) ;
} else {
finish ( 'css' ) ;
}
}
}
}
return {
css : function ( urls , callback , obj , context ) {
if ( isLoaded ( urls ) ) {
return callback ;
} else {
load ( 'css' , urls , callback , obj , context ) ;
}
} ,
js : function ( urls , callback , obj , context ) {
if ( isLoaded ( urls ) ) {
return callback ;
} else {
load ( 'js' , urls , callback , obj , context ) ;
}
}
} ;
} ) ( this . document ) ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Begin VMM . Language . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * L A N G U A G E
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . Language == 'undefined' ) {
VMM . Language = {
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 _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>'" ,
} ,
messages : {
loading _timeline : "Loading Timeline... " ,
return _to _title : "Return to Title" ,
expand _timeline : "Expand Timeline" ,
contract _timeline : "Contract Timeline"
}
}
} ;
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Begin VMM . Timeline . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * !
Timeline
Designed and built by Zach Wise at VéritéCo
This program is free software : you can redistribute it and / or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation , either version 3 of the License , or
( at your option ) any later version .
This program is distributed in the hope that it will be useful ,
but WITHOUT ANY WARRANTY ; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE . See the
GNU General Public License for more details .
http : //www.gnu.org/licenses/
* /
/ * C o d e K i t I m p o r t
http : //incident57.com/codekit/
=== === === === === === === === === === === === === === === === == * /
// @codekit-prepend "VMM.js";
// @codekit-prepend "VMM.Library.js";
// @codekit-prepend "VMM.Browser.js";
// @codekit-prepend "VMM.MediaElement.js";
// @codekit-prepend "VMM.MediaType.js";
// @codekit-prepend "VMM.Media.js";
// @codekit-prepend "VMM.FileExtention.js";
// @codekit-prepend "VMM.ExternalAPI.js";
// @codekit-prepend "VMM.TouchSlider.js";
// @codekit-prepend "VMM.DragSlider.js";
// @codekit-prepend "VMM.Slider.js";
// @codekit-prepend "VMM.Util.js";
// @codekit-prepend "VMM.LoadLib.js";
// @codekit-prepend "VMM.Language.js";
// @codekit-prepend "bootstrap-tooltip.js";
// @codekit-prepend "AES.js";
// @codekit-append "VMM.Timeline.TimeNav.js";
// @codekit-append "VMM.Timeline.DataObj.js";
/ * T i m e l i n e
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM != 'undefined' && typeof VMM . Timeline == 'undefined' ) {
VMM . Timeline = function ( w , h , conf , _timeline _id ) {
var $timeline , $feedback , $messege , slider , timenav , version , timeline _id ;
var events = { } , data = { } , _dates = [ ] , config = { } ;
var has _width = false , has _height = false , ie7 = false , is _moving = false ;
if ( type . of ( _timeline _id ) == "string" ) {
timeline _id = _timeline _id ;
} else {
timeline _id = "#timeline" ;
}
version = "0.98.72" ;
trace ( "TIMELINE VERSION " + version ) ;
/ * C O N F I G
=== === === === === === === === === === === === === === === === == * /
config = {
id : timeline _id ,
type : "timeline" ,
maptype : "toner" ,
current _slide : 0 ,
hash _bookmark : false ,
start _at _end : false ,
start _page : false ,
interval : 10 ,
something : 0 ,
width : 960 ,
height : 540 ,
spacing : 15 ,
loaded : {
slider : false ,
timenav : false ,
percentloaded : 0
} ,
nav : {
start _page : false ,
interval _width : 200 ,
density : 4 ,
minor _width : 0 ,
multiplier : {
current : 6 ,
min : . 1 ,
max : 50
} ,
rows : [ 1 , 1 , 1 ] ,
width : 960 ,
height : 200 ,
marker : {
width : 150 ,
height : 48
}
} ,
feature : {
width : 960 ,
height : 540
} ,
slider : {
width : 720 ,
height : 400 ,
content : {
width : 720 ,
height : 400 ,
padding : 130 ,
} ,
nav : {
width : 100 ,
height : 200
}
} ,
ease : "easeInOutExpo" ,
duration : 1000 ,
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 ( ) {
if ( config . hash _bookmark ) {
if ( is _moving ) {
var hash = window . location . hash . substring ( 1 ) ;
goToEvent ( parseInt ( hash ) ) ;
} else {
is _moving = false ;
}
}
}
/ * C R E A T E C O N F I G
=== === === === === === === === === === === === === === === === == * /
var createConfig = function ( conf ) {
// APPLY SUPPLIED CONFIG TO TIMELINE CONFIG
if ( typeof timeline _config == 'object' ) {
trace ( "HAS TIMELINE CONFIG" ) ;
var x ;
for ( x in timeline _config ) {
if ( Object . prototype . hasOwnProperty . call ( timeline _config , x ) ) {
config [ x ] = timeline _config [ x ] ;
}
}
} else if ( typeof conf == 'object' ) {
var x ;
for ( x in conf ) {
if ( Object . prototype . hasOwnProperty . call ( conf , x ) ) {
config [ x ] = conf [ x ] ;
}
}
}
config . nav . width = config . width ;
config . nav . height = 200 ;
config . feature . width = config . width ;
config . feature . height = config . height - config . nav . height ;
VMM . Timeline . Config = config ;
VMM . master _config . Timeline = VMM . Timeline . Config ;
}
/ * C R E A T E T I M E L I N E S T R U C T U R E
=== === === === === === === === === === === === === === === === == * /
var createStructure = function ( w , h ) {
$timeline = VMM . getElement ( timeline _id ) ;
VMM . Element . addClass ( timeline _id , "vmm-timeline" ) ;
$feedback = VMM . appendAndGetElement ( $timeline , "<div>" , "feedback" , "" ) ;
$messege = VMM . appendAndGetElement ( $feedback , "<div>" , "messege" , "Timeline" ) ;
slider = new VMM . Slider ( timeline _id + " div.slider" , config ) ;
timenav = new VMM . Timeline . TimeNav ( timeline _id + " div.navigation" ) ;
if ( ! has _width ) {
config . width = VMM . Element . width ( $timeline ) ;
} else {
VMM . Element . width ( $timeline , config . width ) ;
}
if ( ! has _height ) {
config . height = VMM . Element . height ( $timeline ) ;
} else {
VMM . Element . height ( $timeline , config . height ) ;
}
}
/ * O N E V E N T
=== === === === === === === === === === === === === === === === == * /
function onDataReady ( e , d ) {
data = d . timeline ;
if ( type . of ( data . era ) == "array" ) {
} else {
data . era = [ ] ;
}
buildDates ( ) ;
} ;
function onDatesProcessed ( ) {
build ( ) ;
}
function reSize ( ) {
updateSize ( ) ;
slider . setSize ( config . feature . width , config . feature . height ) ;
timenav . setSize ( config . width , config . height ) ;
} ;
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 ) ;
} ;
var goToEvent = function ( 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 ( ) ;
}
}
/ * P U B L I C F U N C T I O N S
=== === === === === === === === === === === === === === === === == * /
this . init = function ( _data , _timeline _id , conf ) {
if ( type . of ( _timeline _id ) == "string" ) {
if ( _timeline _id . match ( "#" ) ) {
timeline _id = _timeline _id ;
} else {
timeline _id = "#" + _timeline _id ;
}
}
createConfig ( conf ) ;
createStructure ( w , h ) ;
trace ( 'TIMELINE INIT' ) ;
VMM . Util . date . setLanguage ( VMM . Timeline . Config . language ) ;
$feedback = VMM . appendAndGetElement ( $timeline , "<div>" , "feedback" , "" ) ;
$messege = VMM . appendAndGetElement ( $feedback , "<div>" , "messege" , VMM . Timeline . Config . language . messages . loading _timeline ) ;
VMM . bindEvent ( global , onDataReady , "DATAREADY" ) ;
VMM . bindEvent ( global , showMessege , "MESSEGE" ) ;
/ * G E T D A T A
=== === === === === === === === === === === === === === === === == * /
if ( VMM . Browser . browser == "MSIE" && parseInt ( VMM . Browser . version , 10 ) == 7 ) {
ie7 = true ;
VMM . fireEvent ( global , "MESSEGE" , "Internet Explorer 7 is not supported by #Timeline." ) ;
} else {
if ( type . of ( _data ) == "string" || type . of ( _data ) == "object" ) {
VMM . Timeline . DataObj . getData ( _data ) ;
} else {
VMM . Timeline . DataObj . getData ( VMM . getElement ( timeline _id ) ) ;
}
}
} ;
this . iframeLoaded = function ( ) {
trace ( "iframeLoaded" ) ;
} ;
/ * D A T A
=== === === === === === === === === === === === === === === === == * /
var getData = function ( url ) {
VMM . getJSON ( url , function ( d ) {
data = VMM . Timeline . DataObj . getData ( d ) ;
VMM . fireEvent ( global , "DATAREADY" ) ;
} ) ;
} ;
/ * M E S S E G E S
=== === === === === === === === === === === === === === === === == * /
var showMessege = function ( e , msg ) {
trace ( "showMessege " + msg ) ;
VMM . attachElement ( $messege , msg ) ;
} ;
var hideMessege = function ( ) {
VMM . Element . animate ( $feedback , config . duration , config . ease * 4 , { "opacity" : 0 } , detachMessege ) ;
} ;
var detachMessege = function ( ) {
VMM . Element . detach ( $feedback ) ;
}
/ * B U I L D D I S P L A Y
=== === === === === === === === === === === === === === === === == * /
var build = function ( ) {
// START AT END?
if ( config . start _at _end ) {
config . current _slide = _dates . length - 1 ;
}
// CREATE DOM STRUCTURE
VMM . attachElement ( $timeline , "" ) ;
VMM . appendElement ( $timeline , "<div class='container main'><div class='feature'><div class='slider'></div></div><div class='navigation'></div></div>" ) ;
reSize ( ) ;
VMM . bindEvent ( "div.slider" , onSliderLoaded , "LOADED" ) ;
VMM . bindEvent ( "div.navigation" , onTimeNavLoaded , "LOADED" ) ;
VMM . bindEvent ( "div.slider" , onSlideUpdate , "UPDATE" ) ;
VMM . bindEvent ( "div.navigation" , onMarkerUpdate , "UPDATE" ) ;
slider . init ( _dates ) ;
timenav . init ( _dates , data . era ) ;
// RESIZE EVENT LISTENERS
VMM . bindEvent ( global , reSize , "resize" ) ;
//VMM.bindEvent(global, function(e) {e.preventDefault()}, "touchmove");
} ;
// BUILD SLIDE CONTENT pass in json object
var buildSlide = function ( dd , d _date ) {
var d = dd ;
var slide = "" ;
var _valid = false ;
var _hasmedia = false ;
var _hastext = false ;
var c = { } ;
c . _text = "" ;
c . _media = "" ;
updateSize ( ) ;
if ( type . of ( d _date ) == "date" ) {
_valid = true ;
if ( dd . type != "start" ) {
c . _text += VMM . createElement ( "h2" , VMM . Util . date . prettyDate ( d _date ) , "date" ) ;
}
if ( d . headline != null && d . headline != "" ) {
if ( d . type == "tweets" ) {
} else if ( dd . type == "start" ) {
c . _text += VMM . createElement ( "h2" , VMM . Util . linkify _with _twitter ( d . headline , "_blank" ) , "start" ) ;
} else {
c . _text += VMM . createElement ( "h3" , VMM . Util . linkify _with _twitter ( d . headline , "_blank" ) ) ;
}
}
if ( d . text != null && d . text != "" ) {
_hastext = true ;
c . _text += VMM . createElement ( "p" , VMM . Util . linkify _with _twitter ( d . text , "_blank" ) ) ;
}
c . _text = VMM . createElement ( "div" , c . _text , "container" ) ;
c . _text = VMM . createElement ( "div" , c . _text , "text" ) ;
}
if ( _valid ) {
var _layout _class = "content-container layout" ;
if ( d . asset != null && d . asset != "" ) {
if ( d . asset . media != null && d . asset . media != "" ) {
_hasmedia = true ;
c . _media = VMM . MediaElement . create ( "" , d . asset , true , config . feature . width , config . feature . height ) ;
}
}
if ( _hastext ) {
_layout _class += "-text"
}
if ( _hasmedia ) {
_layout _class += "-media" ;
}
slide = VMM . createElement ( "div" , c . _text + c . _media , _layout _class ) ;
return slide ;
}
return slide ;
}
var updateSize = function ( ) {
trace ( "UPDATE SIZE" ) ;
config . width = VMM . Element . width ( $timeline ) ;
config . height = VMM . Element . height ( $timeline ) ;
config . nav . width = config . width ;
config . feature . width = config . width ;
if ( VMM . Browser . device == "mobile" ) {
//config.feature.height = config.height;
} else {
//config.feature.height = config.height - config.nav.height - 3;
}
config . feature . height = config . height - config . nav . height - 3 ;
} ;
// BUILD DATE OBJECTS
var buildDates = function ( ) {
updateSize ( ) ;
VMM . fireEvent ( global , "MESSEGE" , "Building Dates" ) ;
for ( var i = 0 ; i < data . date . length ; i ++ ) {
if ( data . date [ i ] . startDate != null && data . date [ i ] . startDate != "" ) {
var _date = { } ;
// START DATE
if ( data . date [ i ] . type == "tweets" ) {
_date . startdate = VMM . ExternalAPI . twitter . parseTwitterDate ( data . date [ i ] . startDate ) ;
} else if ( data . date [ i ] . type == "google spreadsheet" ) {
//_date.startdate = new Date(Date.parse(data.date[i].startDate));
_date . startdate = VMM . Util . date . parse ( data . date [ i ] . startDate ) ;
} else {
_date . startdate = VMM . Util . date . parse ( data . date [ i ] . startDate ) ;
}
_date . uniqueid = ( data . date [ i ] . startDate ) . toString ( ) + "-" + i . toString ( ) ;
// END DATE
if ( data . date [ i ] . endDate != null && data . date [ i ] . endDate != "" ) {
if ( data . date [ i ] . type == "tweets" ) {
_date . enddate = VMM . ExternalAPI . twitter . parseTwitterDate ( data . date [ i ] . endDate ) ;
} else if ( data . date [ i ] . type == "google spreadsheet" ) {
//_date.enddate = new Date(Date.parse(data.date[i].endDate));
_date . enddate = VMM . Util . date . parse ( data . date [ i ] . endDate ) ;
} else {
_date . enddate = VMM . Util . date . parse ( data . date [ i ] . endDate ) ;
}
} else {
_date . enddate = _date . startdate ;
}
_date . title = data . date [ i ] . headline ;
_date . type = data . date [ i ] . type ;
_date . date = VMM . Util . date . prettyDate ( _date . startdate ) ;
_date . asset = data . date [ i ] . asset ;
_date . fulldate = _date . startdate . getTime ( ) ;
// BUILD SLIDE CONTENT
_date . content = buildSlide ( data . date [ i ] , _date . startdate ) ;
if ( _date . content != null && _date . content != "" ) {
_dates . push ( _date ) ;
}
}
} ;
/ * C U S T O M S O R T
=== === === === === === === === === === === === === === === === == * /
_dates . sort ( function ( a , b ) {
return a . fulldate - b . fulldate
} ) ;
/ * C R E A T E S T A R T P A G E I F A V A I L A B L E
=== === === === === === === === === === === === === === === === == * /
if ( data . headline != null && data . headline != "" && data . text != null && data . text != "" ) {
trace ( "HAS STARTPAGE" ) ;
var _date = { } ;
if ( data . type == "google spreadsheet" ) {
trace ( "google spreadsheet startpage date " + data . startDate ) ;
//_date.startdate = new Date(Date.parse(data.startDate));
} else {
_date . startdate = VMM . Util . date . parse ( data . startDate ) ;
}
_date . startdate = new Date ( _dates [ 0 ] . startdate ) ;
var td = _dates [ 0 ] . startdate ;
var td _num = 0 ;
/ *
if ( _dates [ 0 ] . startdate . getDate ( ) > 1 ) {
_date . startdate . setDate ( td . getDate ( ) - 1 ) ;
} else if ( _dates [ 0 ] . startdate . getHours ( ) > 0 ) {
_date . startdate . setHours ( td . getHours ( ) - 1 ) ;
}
* /
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 ( 5 ) ;
_date . enddate = _date . startdate ;
_date . title = data . headline ;
_date . headline = data . headline ;
_date . text = data . text ;
_date . type = "start" ;
_date . date = VMM . Util . date . prettyDate ( data . startDate ) ;
_date . asset = data . asset ;
_date . fulldate = _date . startdate . getTime ( ) ;
_date . content = buildSlide ( _date , _date . startdate ) ;
if ( _date . content != null && _date . content != "" || _date . title != null && _date . title != "" ) {
_dates . push ( _date ) ;
}
}
/ * C U S T O M S O R T
=== === === === === === === === === === === === === === === === == * /
_dates . sort ( function ( a , b ) {
return a . fulldate - b . fulldate
} ) ;
onDatesProcessed ( ) ;
}
} ;
VMM . Timeline . Config = { } ;
} ;
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Begin VMM . Timeline . TimeNav . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * T I M E L I N E N A V I G A T I O N
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM . Timeline != 'undefined' && typeof VMM . Timeline . TimeNav == 'undefined' ) {
VMM . Timeline . TimeNav = function ( parent , content _width , content _height ) {
trace ( "VMM.Timeline.TimeNav" ) ;
var events = { } , timespan = { } , layout = parent ;
var data = [ ] , era _markers = [ ] , markers = [ ] , interval _array = [ ] , interval _major _array = [ ] , eras , content ;
var current _marker = 0 ;
var _active = false ;
var 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 } ;
var 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 } ;
var interval = { type : "year" , number : 10 , first : 1970 , last : 2011 , multiplier : 100 , classname : "_idd" , interval _type : "interval" } ;
var interval _major = { type : "year" , number : 10 , first : 1970 , last : 2011 , multiplier : 100 , classname : "major" , interval _type : "interval major" } ;
var interval _macro = { type : "year" , number : 10 , first : 1970 , last : 2011 , multiplier : 100 , classname : "_dd_minor" , interval _type : "interval minor" } ;
var interval _calc = { day : { } , month : { } , year : { } , hour : { } , minute : { } , second : { } , decade : { } , century : { } , millenium : { } , week : { } , age : { } , epoch : { } , era : { } , eon : { } } ;
/ * E L E M E N T S
=== === === === === === === === === === === === === === === === == * /
var $timenav , $content , $time , $timeintervalminor , $timeinterval , $timeintervalmajor , $timebackground ,
$timeintervalbackground , $timenavline , $timeintervalminor _minor , $toolbar , $zoomin , $zoomout ;
/ * A D D t o C o n f i g
=== === === === === === === === === === === === === === === === == * /
var config = VMM . Timeline . Config ;
config . nav . rows = [ config . nav . marker . height , config . nav . marker . height * 2 , 1 ] ;
if ( content _width != null && content _width != "" ) {
config . nav . width = content _width ;
}
if ( content _height != null && content _height != "" ) {
config . nav . height = content _height ;
}
/ *
config . nav . density = 2 ;
config . nav . multiplier = {
current : 6 ,
min : . 1 ,
max : 50
} ;
* /
/ * I N I T
=== === === === === === === === === === === === === === === === == * /
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" ) ;
}
} ;
/ * G E T T E R S A N D S E T T E R S
=== === === === === === === === === === === === === === === === == * /
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 ;
}
/ * O N E V E N T
=== === === === === === === === === === === === === === === === == * /
function onConfigSet ( ) {
trace ( "onConfigSet" ) ;
} ;
function reSize ( firstrun ) {
VMM . Element . css ( $timenavline , "left" , Math . round ( config . width / 2 ) + 2 ) ;
goToMarker ( config . current _slide , config . ease , config . duration , true , firstrun ) ;
} ;
function upDate ( ) {
VMM . fireEvent ( layout , "UPDATE" ) ;
}
function onZoomIn ( ) {
VMM . DragSlider . 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 ( ) {
VMM . DragSlider . 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 ) {
VMM . DragSlider . cancelSlide ( ) ;
goToMarker ( 0 ) ;
upDate ( ) ;
}
var refreshTimeline = function ( ) {
trace ( "config.nav.multiplier " + config . nav . multiplier . current ) ;
positionMarkers ( true ) ;
positionInterval ( interval _array , true , true ) ;
positionInterval ( interval _major _array , true ) ;
} ;
/ * M A R K E R E V E N T S
=== === === === === === === === === === === === === === === === == * /
function onMarkerClick ( e ) {
VMM . DragSlider . cancelSlide ( ) ;
goToMarker ( e . data . number ) ;
upDate ( ) ;
} ;
function onMarkerHover ( e ) {
VMM . Element . toggleClass ( e . data . elem , "zFront" ) ;
} ;
var goToMarker = function ( n , ease , duration , fast , firstrun ) {
current _marker = n ;
var _ease = config . ease ;
var _duration = config . duration ;
var is _last = false ;
var is _first = false ;
var _pos = VMM . Element . position ( markers [ current _marker ] . marker ) ;
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 . Element . removeClass ( markers [ i ] . marker , "active" ) ;
}
if ( config . start _page && markers [ 0 ] . type == "start" ) {
VMM . Element . visible ( markers [ 0 ] . marker , false ) ;
VMM . Element . addClass ( markers [ 0 ] . marker , "start" ) ;
}
VMM . Element . addClass ( markers [ current _marker ] . marker , "active" ) ;
// ANIMATE MARKER
VMM . Element . stop ( $timenav ) ;
VMM . Element . animate ( $timenav , _duration , _ease , { "left" : ( config . width / 2 ) - ( _pos . left ) } ) ;
}
/ * T O U C H E V E N T S
=== === === === === === === === === === === === === === === === == * /
function onTouchUpdate ( e , b ) {
VMM . Element . animate ( $timenav , b . time / 2 , config . ease , { "left" : b . left } ) ;
} ;
/ * C A L C U L A T I O N S
=== === === === === === === === === === === === === === === === == * /
var averageMarkerPositionDistance = function ( ) {
var last _pos = 0 ;
var pos = 0 ;
var pos _dif = 0 ;
var mp _diff = [ ] ;
for ( var i = 0 ; i < markers . length ; i ++ ) {
if ( data [ i ] . type == "start" ) {
} else {
var _pos = positionOnTimeline ( interval , data [ i ] . startdate , data [ i ] . enddate ) ;
last _pos = pos ;
pos = _pos . begin ;
pos _dif = pos - last _pos ;
mp _diff . push ( pos _dif ) ;
}
}
return VMM . Util . average ( mp _diff ) . mean ;
}
var averageDateDistance = function ( ) {
var last _dd = 0 ;
var dd = 0 ;
var date _dif = 0 ;
var date _diffs = [ ] ;
var is _first _date = true ;
for ( var i = 0 ; i < data . length ; i ++ ) {
if ( data [ i ] . type == "start" ) {
trace ( "DATA DATE IS START" )
} else {
var _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 ) ;
}
var calculateMultiplier = function ( ) {
var temp _multiplier = config . nav . multiplier . current ;
for ( var i = 0 ; i < temp _multiplier ; i ++ ) {
if ( averageMarkerPositionDistance ( ) < 75 ) {
if ( config . nav . multiplier . current > 1 ) {
config . nav . multiplier . current = config . nav . multiplier . current - 1 ;
}
}
}
}
var calculateInterval = function ( ) {
// NEED TO REWRITE ALL OF THIS
var _first = getDateFractions ( data [ 0 ] . startdate ) ;
var _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 ;
}
var getDateFractions = function ( 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 ;
}
/ * P O S I T I O N
=== === === === === === === === === === === === === === === === == * /
var positionOnTimeline = function ( the _interval , first , last ) {
var _type = the _interval . type ;
var _multiplier = the _interval . multiplier ;
var _first = getDateFractions ( first ) ;
var _last ;
var tsd ;
var ted ;
/ * C A L C U L A T E P O S I T I O N O N T I M E L I N E
=== === === === === === === === === === === === === === === === == * /
tsd = first . months ;
if ( type . of ( last ) == "date" ) {
/ * L A S T
=== === === === === === === === === === === === === === === === == * /
_last = getDateFractions ( last ) ;
ted = last . months ;
if ( _type == "eon" ) {
tsd = _first . eons ;
ted = _last . eons ;
} else if ( _type == "era" ) {
tsd = _first . eras ;
ted = _last . eras ;
} else if ( _type == "epoch" ) {
tsd = _first . epochs ;
ted = _last . epochs ;
} else if ( _type == "age" ) {
tsd = _first . ages ;
ted = _last . ages ;
} else if ( _type == "millenium" ) {
tsd = first . milleniums ;
ted = last . milleniums ;
} else if ( _type == "century" ) {
tsd = _first . centuries ;
ted = _last . centuries ;
} else if ( _type == "decade" ) {
tsd = _first . decades ;
ted = _last . decades ;
} else if ( _type == "year" ) {
tsd = _first . years ;
ted = _last . years ;
} else if ( _type == "month" ) {
tsd = _first . months ;
ted = _last . months ;
} else if ( _type == "week" ) {
tsd = _first . weeks ;
ted = _last . weeks ;
} else if ( _type == "day" ) {
tsd = _first . days ;
ted = _last . days ;
} else if ( _type == "hour" ) {
tsd = _first . hours ;
ted = _last . hours ;
} else if ( _type == "minute" ) {
tsd = _first . minutes ;
ted = _last . minutes ;
}
_pos = ( tsd - interval . base ) * ( config . nav . interval _width / config . nav . multiplier . current ) ;
_pos _end = ( ted - interval . base ) * ( config . nav . interval _width / config . nav . multiplier . current ) ;
} else {
if ( _type == "eon" ) {
tsd = _first . eons ;
ted = _first . eons ;
} else if ( _type == "era" ) {
tsd = _first . eras ;
ted = _first . eras ;
} else if ( _type == "epoch" ) {
tsd = _first . epochs ;
ted = _first . epochs ;
} else if ( _type == "age" ) {
tsd = _first . ages ;
ted = _first . ages ;
} else if ( _type == "millenium" ) {
tsd = first . milleniums ;
ted = first . milleniums ;
} else if ( _type == "century" ) {
tsd = _first . centuries ;
ted = _first . centuries ;
} else if ( _type == "decade" ) {
tsd = _first . decades ;
ted = _first . decades ;
} else if ( _type == "year" ) {
tsd = _first . years ;
ted = _first . years ;
} else if ( _type == "month" ) {
tsd = _first . months ;
ted = _first . months ;
} else if ( _type == "week" ) {
tsd = _first . weeks ;
ted = _first . weeks ;
} else if ( _type == "day" ) {
tsd = _first . days ;
ted = _first . days ;
} else if ( _type == "hour" ) {
tsd = _first . hours ;
ted = _first . hours ;
} else if ( _type == "minute" ) {
tsd = _first . minutes ;
ted = _first . minutes ;
}
_pos = ( tsd - interval . base ) * ( config . nav . interval _width / config . nav . multiplier . current ) ;
_pos _end = _pos ;
}
return pos = { begin : _pos , end : _pos _end } ;
}
var positionMarkers = function ( is _animated ) {
var _type = interval . type ;
var _multiplier = interval . multiplier ;
// ROWS
var row = 2 ; //row
var lpos = 0 ; // last marker pos;
var row _depth = 0 ;
var _line _last _height _pos = 150 ;
var _line _height = 6 ;
var cur _mark = 0 ;
VMM . Element . removeClass ( ".flag" , "row1" ) ;
VMM . Element . removeClass ( ".flag" , "row2" ) ;
VMM . Element . removeClass ( ".flag" , "row3" ) ;
for ( var i = 0 ; i < markers . length ; i ++ ) {
var _line ; // EVENT LENGTH
var _marker = markers [ i ] . marker ;
var _marker _flag = markers [ i ] . flag ;
var _marker _line _event = markers [ i ] . lineevent ;
var _pos = positionOnTimeline ( interval , data [ i ] . startdate , data [ i ] . enddate ) ;
var _pos _offset = - 2 ;
pos = _pos . begin ;
_pos _end = _pos . end ;
// COMPENSATE FOR DATES BEING POITIONED IN THE MIDDLE
pos = Math . round ( pos + _pos _offset ) ;
_pos _end = Math . round ( _pos _end + _pos _offset ) ;
_line = Math . round ( _pos _end - pos ) ;
// APPLY POSITION TO MARKER
if ( is _animated ) {
VMM . Element . stop ( _marker ) ;
VMM . Element . animate ( _marker , config . duration / 2 , config . ease , { "left" : pos } ) ;
} else {
VMM . Element . css ( _marker , "left" , pos ) ;
}
if ( i == current _marker ) {
cur _mark = pos ;
}
// EVENT LENGTH LINE
if ( _line > 5 ) {
VMM . Element . css ( _marker _line _event , "height" , _line _height ) ;
VMM . Element . css ( _marker _line _event , "width" , _line ) ;
VMM . Element . css ( _marker _line _event , "top" , _line _last _height _pos ) ;
}
// CONTROL ROW POSITION
if ( pos - lpos < ( config . nav . marker . width + config . spacing ) ) {
if ( row < config . nav . rows . length - 1 ) {
row ++ ;
} else {
row = 0 ;
row _depth ++ ;
}
} else {
row _depth = 0 ;
row = 0 ;
}
// SET LAST MARKER POSITION
lpos = pos ;
if ( is _animated ) {
VMM . Element . stop ( _marker _flag ) ;
VMM . Element . animate ( _marker _flag , config . duration , config . ease , { "top" : config . nav . rows [ row ] } ) ;
} else {
VMM . Element . css ( _marker _flag , "top" , config . nav . rows [ row ] ) ;
}
// IS THE MARKER A REPRESENTATION OF A START SCREEN?
if ( config . start _page && markers [ i ] . type == "start" ) {
VMM . Element . visible ( _marker , false ) ;
}
}
for ( var j = 0 ; j < era _markers . length ; j ++ ) {
var _line ;
var era = era _markers [ j ] ;
var era _elem = era . content ;
var pos = positionOnTimeline ( interval , era . startdate , era . enddate ) ;
var era _length = pos . end - pos . begin ;
var era _height = 25 ;
// APPLY POSITION TO MARKER
VMM . Element . css ( era _elem , "left" , pos . begin ) ;
VMM . Element . css ( era _elem , "width" , era _length ) ;
}
// ANIMATE THE TIMELINE TO ADJUST TO CHANGES
VMM . Element . stop ( $timenav ) ;
VMM . Element . animate ( $timenav , config . duration / 2 , config . ease , { "left" : ( config . width / 2 ) - ( cur _mark ) } ) ;
}
var positionInterval = function ( the _intervals , is _animated , is _minor ) {
var _type = interval . type ;
var _multiplier = interval . multiplier ;
var last _position = 0 ;
var last _position _major = 0 ;
for ( var i = 0 ; i < the _intervals . length ; i ++ ) {
var _interval = the _intervals [ i ] . interval _element ;
var _interval _date = the _intervals [ i ] . interval _date ;
var _interval _visible = the _intervals [ i ] . interval _visible ;
var _pos = positionOnTimeline ( interval , _interval _date ) ;
var pos = _pos . begin ;
var is _visible = true ;
var pos _offset = 50 ;
// APPLY POSITION TO MARKER
if ( is _animated ) {
VMM . Element . animate ( _interval , config . duration / 2 , config . ease , { "left" : pos } ) ;
} else {
VMM . Element . css ( _interval , "left" , pos ) ;
}
// 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 ( _interval _visible ) {
if ( ! is _visible ) {
if ( is _animated ) {
VMM . Element . animate ( _interval , config . duration * 2 , config . ease , { "opacity" : 0 } ) ;
} else {
VMM . Element . css ( _interval , "opacity" , 0 ) ;
}
the _intervals [ i ] . interval _visible = false ;
}
} else {
if ( is _visible ) {
if ( is _animated ) {
VMM . Element . animate ( _interval , config . duration * 2 , config . ease , { "opacity" : 100 } ) ;
} else {
VMM . Element . css ( _interval , "opacity" , 100 ) ;
}
the _intervals [ i ] . interval _visible = true ;
}
}
last _position = pos ;
if ( pos > config . nav . minor _width ) {
config . nav . minor _width = pos ;
}
}
VMM . Element . css ( $timeintervalminor _minor , "left" , - ( config . width / 2 ) ) ;
VMM . Element . width ( $timeintervalminor _minor , ( config . nav . minor _width ) + ( config . width ) ) ;
}
var createIntervalElements = function ( _interval , _array , _element _parent ) {
var inc _time = 0 ;
var _first _run = true ;
var _last _pos = 0 ;
var _largest _pos = 0 ;
VMM . attachElement ( _element _parent , "" ) ;
_interval . date = new Date ( data [ 0 ] . startdate . getFullYear ( ) , 0 , 1 , 0 , 0 , 0 ) ;
for ( var i = 0 ; i < Math . ceil ( _interval . number ) + 1 ; i ++ ) {
var _idd ;
var _pos ;
var pos ;
var _element = VMM . appendAndGetElement ( _element _parent , "<div>" , _interval . classname ) ;
var _date ;
var _visible = false ;
if ( _interval . type == "eon" ) {
if ( _first _run ) {
_interval . date . setFullYear ( Math . floor ( data [ 0 ] . startdate . getFullYear ( ) / 500000000 ) * 500000000 ) ;
}
_interval . date . setFullYear ( _interval . date . getFullYear ( ) + ( inc _time * 500000000 ) ) ;
} else if ( _interval . type == "era" ) {
if ( _first _run ) {
_interval . date . setFullYear ( Math . floor ( data [ 0 ] . startdate . getFullYear ( ) / 100000000 ) * 100000000 ) ;
}
_interval . date . setFullYear ( _interval . date . getFullYear ( ) + ( inc _time * 100000000 ) ) ;
} else if ( _interval . type == "epoch" ) {
if ( _first _run ) {
_interval . date . setFullYear ( Math . floor ( data [ 0 ] . startdate . getFullYear ( ) / 10000000 ) * 10000000 ) ;
}
_interval . date . setFullYear ( _interval . date . getFullYear ( ) + ( inc _time * 10000000 ) ) ;
} else if ( _interval . type == "age" ) {
if ( _first _run ) {
_interval . date . setFullYear ( Math . floor ( data [ 0 ] . startdate . getFullYear ( ) / 1000000 ) * 1000000 ) ;
}
_interval . date . setFullYear ( _interval . date . getFullYear ( ) + ( inc _time * 1000000 ) ) ;
} else if ( _interval . type == "millenium" ) {
if ( _first _run ) {
_interval . date . setFullYear ( Math . floor ( data [ 0 ] . startdate . getFullYear ( ) / 1000 ) * 1000 ) ;
}
_interval . date . setFullYear ( _interval . date . getFullYear ( ) + ( inc _time * 1000 ) ) ;
} else if ( _interval . type == "century" ) {
if ( _first _run ) {
_interval . date . setFullYear ( Math . floor ( data [ 0 ] . startdate . getFullYear ( ) / 100 ) * 100 ) ;
}
_interval . date . setFullYear ( _interval . date . getFullYear ( ) + ( inc _time * 100 ) ) ;
} else if ( _interval . type == "decade" ) {
if ( _first _run ) {
_interval . date . setFullYear ( Math . floor ( data [ 0 ] . startdate . getFullYear ( ) / 10 ) * 10 ) ;
}
_interval . date . setFullYear ( _interval . date . getFullYear ( ) + ( inc _time * 10 ) ) ;
} else if ( interval . type == "year" ) {
if ( _first _run ) {
}
_interval . date . setFullYear ( _interval . date . getFullYear ( ) + inc _time ) ;
} else if ( _interval . type == "month" ) {
if ( _first _run ) {
_interval . date . setMonth ( data [ 0 ] . startdate . getMonth ( ) ) ;
}
_interval . date . setMonth ( _interval . date . getMonth ( ) + inc _time ) ;
} else if ( _interval . type == "week" ) {
if ( _first _run ) {
_interval . date . setMonth ( data [ 0 ] . startdate . getMonth ( ) ) ;
_interval . date . setDate ( Math . floor ( data [ 0 ] . startdate . getDate ( ) * 7 ) ) ;
}
_interval . date . setDate ( _interval . date . getDate ( ) + ( inc _time * 7 ) ) ;
} else if ( _interval . type == "day" ) {
if ( _first _run ) {
_interval . date . setMonth ( data [ 0 ] . startdate . getMonth ( ) ) ;
_interval . date . setDate ( data [ 0 ] . startdate . getDate ( ) ) ;
}
_interval . date . setDate ( _interval . date . getDate ( ) + inc _time ) ;
} else if ( _interval . type == "hour" ) {
if ( _first _run ) {
_interval . date . setMonth ( data [ 0 ] . startdate . getMonth ( ) ) ;
_interval . date . setDate ( data [ 0 ] . startdate . getDate ( ) ) ;
_interval . date . setHours ( data [ 0 ] . startdate . getHours ( ) ) ;
}
_interval . date . setHours ( _interval . date . getHours ( ) + inc _time ) ;
} else if ( _interval . type == "minute" ) {
if ( _first _run ) {
_interval . date . setMonth ( data [ 0 ] . startdate . getMonth ( ) ) ;
_interval . date . setDate ( data [ 0 ] . startdate . getDate ( ) ) ;
_interval . date . setHours ( data [ 0 ] . startdate . getHours ( ) ) ;
_interval . date . setMinutes ( data [ 0 ] . startdate . getMinutes ( ) ) ;
}
_interval . date . setMinutes ( _interval . date . getMinutes ( ) + inc _time ) ;
} else if ( _interval . type == "second" ) {
if ( _first _run ) {
_interval . date . setMonth ( data [ 0 ] . startdate . getMonth ( ) ) ;
_interval . date . setDate ( data [ 0 ] . startdate . getDate ( ) ) ;
_interval . date . setHours ( data [ 0 ] . startdate . getHours ( ) ) ;
_interval . date . setMinutes ( data [ 0 ] . startdate . getMinutes ( ) ) ;
_interval . date . setSeconds ( data [ 0 ] . startdate . getSeconds ( ) ) ;
}
_interval . date . setSeconds ( _interval . date . getSeconds ( ) + inc _time ) ;
}
_idd = VMM . Util . date . prettyDate ( _interval . date , true , _interval . type ) ;
inc _time = 1 ;
_first _run = false ;
_pos = positionOnTimeline ( _interval , _interval . date ) ;
pos = _pos . begin ;
VMM . appendElement ( _element , _idd ) ;
VMM . Element . css ( _element , "text-indent" , - ( VMM . Element . width ( _element ) / 2 ) ) ;
VMM . Element . css ( _element , "opacity" , "0" ) ;
_last _pos = pos ;
if ( pos > _largest _pos ) {
_largest _pos = pos ;
}
_date = new Date ( _interval . date ) ;
var _obj = {
interval _element : _element ,
interval _date : _date ,
interval _visible : _visible ,
type : _interval . interval _type
} ;
_array . push ( _obj ) ;
}
VMM . Element . width ( $timeintervalminor _minor , _largest _pos ) ;
positionInterval ( _array ) ;
}
/ * B U I L D
=== === === === === === === === === === === === === === === === == * /
var build = function ( ) {
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" ) ;
$timeintervalbackground = VMM . appendAndGetElement ( $timebackground , "<div>" , "timenav-interval-background" , "<div class='top-highlight'></div>" ) ;
$toolbar = VMM . appendAndGetElement ( layout , "<div>" , "toolbar" ) ;
buildInterval ( ) ;
buildMarkers ( ) ;
calculateMultiplier ( ) ;
positionMarkers ( ) ;
positionInterval ( interval _array , false , true ) ;
positionInterval ( interval _major _array ) ;
//reSize(true);
if ( config . start _page ) {
$backhome = VMM . appendAndGetElement ( $toolbar , "<div>" , "back-home" , "<div class='icon'></div>" ) ;
VMM . bindEvent ( ".back-home" , onBackHome , "click" ) ;
VMM . Element . css ( $toolbar , "top" , 27 ) ;
VMM . Element . attribute ( $backhome , "title" , VMM . Timeline . Config . language . messages . return _to _title ) ;
VMM . Element . attribute ( $backhome , "rel" , "tooltip" ) ;
}
$zoomin = VMM . appendAndGetElement ( $toolbar , "<div>" , "zoom-in" , "<div class='icon'></div>" ) ;
$zoomout = VMM . appendAndGetElement ( $toolbar , "<div>" , "zoom-out" , "<div class='icon'></div>" ) ;
VMM . Element . attribute ( $zoomin , "title" , VMM . Timeline . Config . language . messages . expand _timeline ) ;
VMM . Element . attribute ( $zoomin , "rel" , "tooltip" ) ;
VMM . Element . attribute ( $zoomout , "title" , VMM . Timeline . Config . language . messages . contract _timeline ) ;
VMM . Element . attribute ( $zoomout , "rel" , "tooltip" ) ;
$toolbar . tooltip ( { selector : "div[rel=tooltip]" , placement : "right" } )
// MAKE TIMELINE TOUCHABLE
if ( VMM . Browser . device == "mobile" || VMM . Browser . device == "tablet" ) {
VMM . TouchSlider . createPanel ( $timebackground , $timenav , config . width , config . spacing , false ) ;
VMM . bindEvent ( $timenav , onTouchUpdate , "TOUCHUPDATE" ) ;
} else {
VMM . DragSlider . createPanel ( layout , $timenav , config . width , config . spacing , false ) ;
}
VMM . bindEvent ( ".zoom-in" , onZoomIn , "click" ) ;
VMM . bindEvent ( ".zoom-out" , onZoomOut , "click" ) ;
VMM . fireEvent ( layout , "LOADED" ) ;
_active = true ;
reSize ( true ) ;
} ;
var buildInterval = function ( ) {
// CALCULATE INTERVAL
timespan = getDateFractions ( ( data [ data . length - 1 ] . enddate ) - ( data [ 0 ] . startdate ) , true ) ;
trace ( timespan ) ;
calculateInterval ( ) ;
/ * D E T E R M I N E D E F A U L T I N T E R V A L T Y P E
millenium , ages , epoch , era and eon are not working yet
=== === === === === === === === === === === === === === === === == * /
/ *
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 ) ;
createIntervalElements ( interval , interval _array , $timeinterval ) ;
createIntervalElements ( interval _major , interval _major _array , $timeintervalmajor ) ;
}
var buildMarkers = function ( ) {
var row = 2 ; //row
var lpos = 0 ; // last marker pos;
var row _depth = 0 ;
markers = [ ] ;
era _markers = [ ] ;
for ( var i = 0 ; i < data . length ; i ++ ) {
var _marker , _marker _flag , _marker _content , _marker _dot , _marker _line , _marker _line _event ;
_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" ) ;
// THUMBNAIL
if ( data [ i ] . asset != null && data [ i ] . asset != "" ) {
VMM . appendElement ( _marker _content , VMM . MediaElement . thumbnail ( data [ i ] . asset , 32 , 32 ) ) ;
}
// ADD DATE AND TITLE
VMM . appendElement ( _marker _content , "<h3>" + VMM . Util . unlinkify ( data [ i ] . title ) + "</h3><h4>" + data [ i ] . date + "</h4>" ) ;
// ADD ID
VMM . Element . attr ( _marker , "id" , ( 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 } ) ;
var _marker _obj = {
marker : _marker ,
flag : _marker _flag ,
lineevent : _marker _line _event ,
type : "marker"
} ;
if ( data [ i ] . type == "start" ) {
trace ( "BUILD MARKER HAS START PAGE" )
config . start _page = true ;
_marker _obj . type = "start" ;
}
markers . push ( _marker _obj ) ;
}
// CREATE ERAS
for ( var j = 0 ; j < eras . length ; j ++ ) {
var era = {
content : VMM . appendAndGetElement ( $content , "<div>" , "era" ) ,
startdate : VMM . Util . parseDate ( eras [ j ] . startDate ) ,
enddate : VMM . Util . parseDate ( eras [ j ] . endDate ) ,
title : eras [ j ] . headline ,
uniqueid : VMM . Util . unique _ID ( 4 ) ,
color : eras [ j ] . color
} ;
VMM . Element . attr ( era . content , "id" , era . uniqueid ) ;
VMM . Element . css ( era . content , "background" , era . color ) ;
VMM . appendElement ( era . content , "<h3>" + VMM . Util . unlinkify ( era . title ) + "</h3>" ) ;
era _markers . push ( era ) ;
}
}
} ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Begin VMM . Timeline . DataObj . js
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
/ * T I M E L I N E S O U R C E D A T A P R O C E S S O R
=== === === === === === === === === === === === === === === === == * /
if ( typeof VMM . Timeline != 'undefined' && typeof VMM . Timeline . DataObj == 'undefined' ) {
VMM . Timeline . DataObj = {
data _obj : { } ,
model _array : [ ] ,
getData : function ( raw _data ) {
data = VMM . Timeline . DataObj . data _obj ;
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" ) ) {
VMM . fireEvent ( global , "MESSEGE" , VMM . Timeline . Config . language . messages . loading _timeline ) ;
trace ( "DATA SOURCE: GOOGLE SPREADSHEET" ) ;
VMM . Timeline . DataObj . model _GoogleSpreadsheet . getData ( raw _data ) ;
} else {
VMM . fireEvent ( global , "MESSEGE" , VMM . Timeline . Config . language . messages . loading _timeline ) ;
trace ( "DATA SOURCE: JSON" ) ;
VMM . getJSON ( raw _data , 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" ) ;
}
} ,
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 ;
/ * T i m e l i n e s t a r t s l i d e
=== === === === === === === === === === === === === === === === == * /
if ( VMM . Element . find ( "#timeline section" , "time" ) [ 0 ] ) {
_data _obj . timeline . startDate = VMM . Element . html ( VMM . Element . find ( "#timeline section" , "time" ) [ 0 ] ) ;
_data _obj . timeline . headline = VMM . Element . html ( VMM . Element . find ( "#timeline section" , "h2" ) ) ;
_data _obj . timeline . text = VMM . Element . html ( VMM . Element . find ( "#timeline section" , "article" ) ) ;
var found _main _media = false ;
if ( VMM . Element . find ( "#timeline section" , "figure img" ) . length != 0 ) {
found _main _media = true ;
_data _obj . timeline . asset . media = VMM . Element . attr ( VMM . Element . find ( "#timeline section" , "figure img" ) , "src" ) ;
} else if ( VMM . Element . find ( "#timeline section" , "figure a" ) . length != 0 ) {
found _main _media = true ;
_data _obj . timeline . asset . media = VMM . Element . attr ( VMM . Element . find ( "#timeline section" , "figure a" ) , "href" ) ;
} else {
//trace("NOT FOUND");
}
if ( found _main _media ) {
if ( VMM . Element . find ( "#timeline section" , "cite" ) . length != 0 ) {
_data _obj . timeline . asset . credit = VMM . Element . html ( VMM . Element . find ( "#timeline section" , "cite" ) ) ;
}
if ( VMM . Element . find ( this , "figcaption" ) . length != 0 ) {
_data _obj . timeline . asset . caption = VMM . Element . html ( VMM . Element . find ( "#timeline section" , "figcaption" ) ) ;
}
}
}
/ * T i m e l i n e D a t e S l i d e s
=== === === === === === === === === === === === === === === === == * /
VMM . Element . 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 . Element . find ( this , "time" ) != 0 ) {
valid _date = true ;
_date . startDate = VMM . Element . html ( VMM . Element . find ( this , "time" ) [ 0 ] ) ;
if ( VMM . Element . find ( this , "time" ) [ 1 ] ) {
_date . endDate = VMM . Element . html ( VMM . Element . find ( this , "time" ) [ 0 ] ) ;
}
_date . headline = VMM . Element . html ( VMM . Element . find ( this , "h3" ) ) ;
_date . text = VMM . Element . html ( VMM . Element . find ( this , "article" ) ) ;
var found _media = false ;
if ( VMM . Element . find ( this , "figure img" ) . length != 0 ) {
found _media = true ;
_date . asset . media = VMM . Element . attr ( VMM . Element . find ( this , "figure img" ) , "src" ) ;
} else if ( VMM . Element . find ( this , "figure a" ) . length != 0 ) {
found _media = true ;
_date . asset . media = VMM . Element . attr ( VMM . Element . find ( this , "figure a" ) , "href" ) ;
} else {
//trace("NOT FOUND");
}
if ( found _media ) {
if ( VMM . Element . find ( this , "cite" ) . length != 0 ) {
_date . asset . credit = VMM . Element . html ( VMM . Element . find ( this , "cite" ) ) ;
}
if ( VMM . Element . find ( this , "figcaption" ) . length != 0 ) {
_date . asset . caption = VMM . Element . html ( VMM . Element . find ( this , "figcaption" ) ) ;
}
}
trace ( _date ) ;
_data _obj . timeline . date . push ( _date ) ;
}
} ) ;
VMM . fireEvent ( global , "DATAREADY" , _data _obj ) ;
} ,
parseJSON : function ( d ) {
if ( d . timeline . type == "default" ) {
trace ( "DATA SOURCE: JSON STANDARD TIMELINE" ) ;
VMM . fireEvent ( global , "DATAREADY" , 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 ) ) ;
} ;
} ,
/ * M O D E L O B J E C T S
New Types of Data can be formatted for the timeline here
=== === === === === === === === === === === === === === === === == * /
model _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 , "DATAREADY" , _data _obj ) ;
}
} ,
model _GoogleSpreadsheet : {
// TEMPLATE CAN BE FOUND HERE
// https://docs.google.com/previewtemplate?id=0AppSVxABhnltdEhzQjQ4MlpOaldjTmZLclQxQWFTOUE&mode=public
type : "google spreadsheet" ,
getData : function ( raw _data ) {
var _key = VMM . Util . getUrlVars ( raw _data ) [ "key" ] ;
var _url = "https://spreadsheets.google.com/feeds/list/" + _key + "/od6/public/values?alt=json" ;
VMM . getJSON ( _url , VMM . Timeline . DataObj . model _GoogleSpreadsheet . buildData ) ;
} ,
buildData : function ( d ) {
VMM . fireEvent ( global , "MESSEGE" , "Parsing Data" ) ;
var _data _obj = VMM . Timeline . DataObj . data _template _obj ;
for ( var i = 0 ; i < d . feed . entry . length ; i ++ ) {
var dd = d . feed . entry [ i ] ;
if ( dd . gsx$titleslide . $t . match ( "start" ) ) {
_data _obj . timeline . startDate = dd . gsx$startdate . $t ;
_data _obj . timeline . headline = dd . gsx$headline . $t ;
_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 . text = dd . gsx$text . $t ;
_data _obj . timeline . type = "google spreadsheet" ;
} else {
var _date = {
"type" : "google spreadsheet" ,
"startDate" : dd . gsx$startdate . $t ,
"endDate" : dd . gsx$enddate . $t ,
"headline" : dd . gsx$headline . $t ,
"text" : dd . gsx$text . $t ,
"asset" : {
"media" : dd . gsx$media . $t ,
"credit" : dd . gsx$mediacredit . $t ,
"caption" : dd . gsx$mediacaption . $t
} ,
"tags" : "Optional"
} ;
_data _obj . timeline . date . push ( _date ) ;
}
} ;
VMM . fireEvent ( global , "DATAREADY" , _data _obj ) ;
}
} ,
/ * T E M P L A T E O B J E C T S
=== === === === === === === === === === === === === === === === == * /
data _template _obj : { "timeline" : { "headline" : "" , "description" : "" , "asset" : { "media" : "" , "credit" : "" , "caption" : "" } , "date" : [ ] } } ,
date _obj : { "startDate" : "2012,2,2,11,30" , "headline" : "" , "text" : "" , "asset" : { "media" : "http://youtu.be/vjVfu8-Wp6s" , "credit" : "" , "caption" : "" } , "tags" : "Optional" }
} ;
}
