');if(settings.directionNavHide){$('.nivo-directionNav',slider).hide();slider.hover(function(){$('.nivo-directionNav',slider).show();},function(){$('.nivo-directionNav',slider).hide();});}
$('a.nivo-prevNav',slider).live('click',function(){if(vars.running)return false;clearInterval(timer);timer='';vars.currentSlide-=2;nivoRun(slider,kids,settings,'prev');});$('a.nivo-nextNav',slider).live('click',function(){if(vars.running)return false;clearInterval(timer);timer='';nivoRun(slider,kids,settings,'next');});}
if(settings.controlNav){var nivoControl=$('');slider.append(nivoControl);for(var i=0;i');}else{nivoControl.append('');}}else{nivoControl.append(''+(i+1)+'');}}
$('.nivo-controlNav a:eq('+vars.currentSlide+')',slider).addClass('active');$('.nivo-controlNav a',slider).live('click',function(){if(vars.running)return false;if($(this).hasClass('active'))return false;clearInterval(timer);timer='';slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');vars.currentSlide=$(this).attr('rel')-1;nivoRun(slider,kids,settings,'control');});}
if(settings.keyboardNav){$(window).keypress(function(event){if(event.keyCode=='37'){if(vars.running)return false;clearInterval(timer);timer='';vars.currentSlide-=2;nivoRun(slider,kids,settings,'prev');}
if(event.keyCode=='39'){if(vars.running)return false;clearInterval(timer);timer='';nivoRun(slider,kids,settings,'next');}});}
if(settings.pauseOnHover){slider.hover(function(){vars.paused=true;clearInterval(timer);timer='';},function(){vars.paused=false;if(timer==''&&!settings.manualAdvance){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}});}
slider.bind('nivo:animFinished',function(){vars.running=false;$(kids).each(function(){if($(this).is('a')){$(this).css('display','none');}});if($(kids[vars.currentSlide]).is('a')){$(kids[vars.currentSlide]).css('display','block');}
if(timer==''&&!vars.paused&&!settings.manualAdvance){timer=setInterval(function(){nivoRun(slider,kids,settings,false);},settings.pauseTime);}
settings.afterChange.call(this);});var createSlices=function(slider,settings,vars){for(var i=0;i').css({left:(sliceWidth*i)+'px',width:(slider.width()-(sliceWidth*i))+'px',height:'0px',opacity:'0',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((sliceWidth+(i*sliceWidth))-sliceWidth)+'px 0%'}));}else{slider.append($('').css({left:(sliceWidth*i)+'px',width:sliceWidth+'px',height:'0px',opacity:'0',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((sliceWidth+(i*sliceWidth))-sliceWidth)+'px 0%'}));}}}
var createBoxes=function(slider,settings,vars){var boxWidth=Math.round(slider.width()/settings.boxCols);var boxHeight=Math.round(slider.height()/settings.boxRows);for(var rows=0;rows').css({opacity:0,left:(boxWidth*cols)+'px',top:(boxHeight*rows)+'px',width:(slider.width()-(boxWidth*cols))+'px',height:boxHeight+'px',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((boxWidth+(cols*boxWidth))-boxWidth)+'px -'+((boxHeight+(rows*boxHeight))-boxHeight)+'px'}));}else{slider.append($('').css({opacity:0,left:(boxWidth*cols)+'px',top:(boxHeight*rows)+'px',width:boxWidth+'px',height:boxHeight+'px',background:'url("'+vars.currentImage.attr('src')+'") no-repeat -'+((boxWidth+(cols*boxWidth))-boxWidth)+'px -'+((boxHeight+(rows*boxHeight))-boxHeight)+'px'}));}}}}
var nivoRun=function(slider,kids,settings,nudge){var vars=slider.data('nivo:vars');if(vars&&(vars.currentSlide==vars.totalSlides-1)){settings.lastSlide.call(this);}
if((!vars||vars.stop)&&!nudge)return false;settings.beforeChange.call(this);if(!nudge){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}else{if(nudge=='prev'){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}
if(nudge=='next'){slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');}}
vars.currentSlide++;if(vars.currentSlide==vars.totalSlides){vars.currentSlide=0;settings.slideshowEnd.call(this);}
if(vars.currentSlide<0)vars.currentSlide=(vars.totalSlides-1);if($(kids[vars.currentSlide]).is('img')){vars.currentImage=$(kids[vars.currentSlide]);}else{vars.currentImage=$(kids[vars.currentSlide]).find('img:first');}
if(settings.controlNav){$('.nivo-controlNav a',slider).removeClass('active');$('.nivo-controlNav a:eq('+vars.currentSlide+')',slider).addClass('active');}
processCaption(settings);$('.nivo-slice',slider).remove();$('.nivo-box',slider).remove();if(settings.effect=='random'){var anims=new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade','boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');vars.randAnim=anims[Math.floor(Math.random()*(anims.length+1))];if(vars.randAnim==undefined)vars.randAnim='fade';}
if(settings.effect.indexOf(',')!=-1){var anims=settings.effect.split(',');vars.randAnim=anims[Math.floor(Math.random()*(anims.length))];if(vars.randAnim==undefined)vars.randAnim='fade';}
vars.running=true;if(settings.effect=='sliceDown'||settings.effect=='sliceDownRight'||vars.randAnim=='sliceDownRight'||settings.effect=='sliceDownLeft'||vars.randAnim=='sliceDownLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceDownLeft'||vars.randAnim=='sliceDownLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);slice.css({'top':'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
timeBuff+=50;i++;});}
else if(settings.effect=='sliceUp'||settings.effect=='sliceUpRight'||vars.randAnim=='sliceUpRight'||settings.effect=='sliceUpLeft'||vars.randAnim=='sliceUpLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceUpLeft'||vars.randAnim=='sliceUpLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);slice.css({'bottom':'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
timeBuff+=50;i++;});}
else if(settings.effect=='sliceUpDown'||settings.effect=='sliceUpDownRight'||vars.randAnim=='sliceUpDown'||settings.effect=='sliceUpDownLeft'||vars.randAnim=='sliceUpDownLeft'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;var v=0;var slices=$('.nivo-slice',slider);if(settings.effect=='sliceUpDownLeft'||vars.randAnim=='sliceUpDownLeft')slices=$('.nivo-slice',slider)._reverse();slices.each(function(){var slice=$(this);if(i==0){slice.css('top','0px');i++;}else{slice.css('bottom','0px');i=0;}
if(v==settings.slices-1){setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({height:'100%',opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
timeBuff+=50;v++;});}
else if(settings.effect=='fold'||vars.randAnim=='fold'){createSlices(slider,settings,vars);var timeBuff=0;var i=0;$('.nivo-slice',slider).each(function(){var slice=$(this);var origWidth=slice.width();slice.css({top:'0px',height:'100%',width:'0px'});if(i==settings.slices-1){setTimeout(function(){slice.animate({width:origWidth,opacity:'1.0'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){slice.animate({width:origWidth,opacity:'1.0'},settings.animSpeed);},(100+timeBuff));}
timeBuff+=50;i++;});}
else if(settings.effect=='fade'||vars.randAnim=='fade'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':slider.width()+'px'});firstSlice.animate({opacity:'1.0'},(settings.animSpeed*2),'',function(){slider.trigger('nivo:animFinished');});}
else if(settings.effect=='slideInRight'||vars.randAnim=='slideInRight'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':'0px','opacity':'1'});firstSlice.animate({width:slider.width()+'px'},(settings.animSpeed*2),'',function(){slider.trigger('nivo:animFinished');});}
else if(settings.effect=='slideInLeft'||vars.randAnim=='slideInLeft'){createSlices(slider,settings,vars);var firstSlice=$('.nivo-slice:first',slider);firstSlice.css({'height':'100%','width':'0px','opacity':'1','left':'','right':'0px'});firstSlice.animate({width:slider.width()+'px'},(settings.animSpeed*2),'',function(){firstSlice.css({'left':'0px','right':''});slider.trigger('nivo:animFinished');});}
else if(settings.effect=='boxRandom'||vars.randAnim=='boxRandom'){createBoxes(slider,settings,vars);var totalBoxes=settings.boxCols*settings.boxRows;var i=0;var timeBuff=0;var boxes=shuffle($('.nivo-box',slider));boxes.each(function(){var box=$(this);if(i==totalBoxes-1){setTimeout(function(){box.animate({opacity:'1'},settings.animSpeed,'',function(){slider.trigger('nivo:animFinished');});},(100+timeBuff));}else{setTimeout(function(){box.animate({opacity:'1'},settings.animSpeed);},(100+timeBuff));}
timeBuff+=20;i++;});}
else if(settings.effect=='boxRain'||vars.randAnim=='boxRain'||settings.effect=='boxRainReverse'||vars.randAnim=='boxRainReverse'||settings.effect=='boxRainGrow'||vars.randAnim=='boxRainGrow'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){createBoxes(slider,settings,vars);var totalBoxes=settings.boxCols*settings.boxRows;var i=0;var timeBuff=0;var rowIndex=0;var colIndex=0;var box2Darr=new Array();box2Darr[rowIndex]=new Array();var boxes=$('.nivo-box',slider);if(settings.effect=='boxRainReverse'||vars.randAnim=='boxRainReverse'||settings.effect=='boxRainGrowReverse'||vars.randAnim=='boxRainGrowReverse'){boxes=$('.nivo-box',slider)._reverse();}
boxes.each(function(){box2Darr[rowIndex][colIndex]=$(this);colIndex++;if(colIndex==settings.boxCols){rowIndex++;colIndex=0;box2Darr[rowIndex]=new Array();}});for(var cols=0;cols<(settings.boxCols*2);cols++){var prevCol=cols;for(var rows=0;rows=0&&prevCol
@version 1.0
@history 2008-10-07
@Copyright 2008 Matthew Richmond
*
* This file is part of Sawdust, a collection of useful frameworks
* managed by the folks at The Chopping Block, Inc.
*
* Sawdust is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Sawdust 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 Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with Sawdust. If not, see .
*/
//------------------------------------
// MAIN VARIABLES
//------------------------------------
var SWFID; // Must be set to id of swf or nothing will work.
var obj = new Object;
var youtubeVideoId = '';
//------------------------------------
// UTILITY METHODS
//------------------------------------
function checkObj () {
// alert("youTubeLoader.js : checkObj");
if (SWFID) {
createObj();
return true;
} else{
alert("YouTubeLoader: In order to call methods within a swf, you must first set the variable \"SWFID\"!");
return false;
}
}
function createObj () {
// alert("youTubeLoader.js : createObj");
obj = document.getElementById(SWFID);
}
//------------------------------------
// SPECIAL YOUTUBE EVENT METHODS
//------------------------------------
function onYouTubePlayerReady(playerId) {
if (checkObj()) {
obj.addEventListener("onStateChange", "onytplayerStateChange");
}
// PLEASE NOTE: For the purpose of this demo:
// This calls a secondary method located in the index.html file allowing the html display to update.
// You will most likely not need this, it's gross, remove this when you implement this code.
secondaryOnYouTubePlayerReady(playerId);
}
function onytplayerStateChange(newState) {
//alert("Player's new state: " + newState);
obj.playerStateUpdateHandler(newState);
// PLEASE NOTE: For the purpose of this demo:
// This calls a secondary method located in the index.html file allowing the html display to update.
// You will most likely not need this, it's gross, remove this when you implement this code.
secondaryOnytplayerStateChange(newState)
}
//------------------------------------
// YOUTUBE METHODS
//------------------------------------
function loadVideoById(id, startSeconds) {
// alert("youTubeLoader.js : loadVideoById");
youtubeVideoId = id;
if (checkObj()) {
obj.loadVideoById(id,startSeconds);
}
}
function cueNewVideo(id, startSeconds) {
// alert("youTubeLoader.js : loadVideoById");
if (checkObj()) {
obj.cueVideoById(id, startSeconds);
}
}
function clearVideo() {
// alert("youTubeLoader.js : clearVideo");
if (checkObj()) {
obj.clearVideo();
}
}
function setSize(w, h) {
// alert("youTubeLoader.js : setSize");
if (checkObj()) {
obj.setSize(w, h);
}
}
function play() {
// alert("youTubeLoader.js : play");
// console.log("play");
if (checkObj()) {
_gaq.push(['_trackEvent', 'video', 'play', youtubeVideoId]);
obj.playVideo();
}
}
function pause() {
// alert("youTubeLoader.js : pause");
// console.log("pause");
if (checkObj()) {
_gaq.push(['_trackEvent', 'video', 'pause', youtubeVideoId]);
obj.pauseVideo();
}
}
function stop() {
// alert("youTubeLoader.js : stop");
if (checkObj()) {
obj.stopVideo();
}
}
function seekTo(seconds) {
// alert("youTubeLoader.js : seekTo");
if (checkObj()) {
obj.seekTo(seconds, true);
}
}
function getPlayerState() {
// alert("youTubeLoader.js : getPlayerState");
if (checkObj()) {
return obj.getPlayerState();
}
}
function getBytesLoaded() {
// alert("youTubeLoader.js : getBytesLoaded");
if (checkObj()) {
return obj.getVideoBytesLoaded();
}
}
function getBytesTotal() {
// alert("youTubeLoader.js : getBytesTotal");
if (checkObj()) {
return obj.getVideoBytesTotal();
}
}
function getCurrentTime() {
// alert("youTubeLoader.js : getCurrentTime");
if (checkObj()) {
return obj.getCurrentTime();
}
}
function getDuration() {
// alert("youTubeLoader.js : getDuration");
if (checkObj()) {
return obj.getDuration();
}
}
function getStartBytes() {
// alert("youTubeLoader.js : getStartBytes");
if (checkObj()) {
return obj.getVideoStartBytes();
}
}
function setVolume(newVolume) {
// alert("youTubeLoader.js : setVolume");
if (checkObj()) {
obj.setVolume(newVolume);
}
}
function getVolume() {
// alert("youTubeLoader.js : setVolume");
if (checkObj()) {
return obj.getVolume();
}
}
function mute() {
// alert("youTubeLoader.js : mute");
if (checkObj()) {
obj.mute();
}
}
function unMute() {
// alert("youTubeLoader.js : unMute");
if (checkObj()) {
obj.unMute();
}
}
function getEmbedCode() {
// alert("youTubeLoader.js : getEmbedCode");
if (checkObj()) {
return obj.getVideoEmbedCode();
}
}
function getVideoUrl() {
// alert("youTubeLoader.js : getVideoUrl");
if (checkObj()) {
return obj.getVideoUrl();
}
}
/*
*jCarrousel Lite
*/
(function($){$.fn.jCarouselLite=function(o){o=$.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:false,auto:null,speed:200,easing:null,vertical:false,circular:true,visible:3,start:0,scroll:1,beforeStart:null,afterEnd:null},o||{});return this.each(function(){var b=false,animCss=o.vertical?"top":"left",sizeCss=o.vertical?"height":"width";var c=$(this),ul=$("ul",c),tLi=$("li",ul),tl=tLi.size(),v=o.visible;if(o.circular){ul.prepend(tLi.slice(tl-v-1+1).clone()).append(tLi.slice(0,v).clone());o.start+=v}var f=$("li",ul),itemLength=f.size(),curr=o.start;c.css("visibility","visible");f.css({overflow:"hidden",float:o.vertical?"none":"left"});ul.css({margin:"0",padding:"0",position:"relative","list-style-type":"none","z-index":"1"});c.css({overflow:"hidden",position:"relative","z-index":"2",left:"0px"});var g=o.vertical?height(f):width(f);var h=g*itemLength;var j=g*v;f.css({width:f.width(),height:f.height()});ul.css(sizeCss,h+"px").css(animCss,-(curr*g));c.css(sizeCss,j+"px");if(o.btnPrev)$(o.btnPrev).click(function(){return go(curr-o.scroll)});if(o.btnNext)$(o.btnNext).click(function(){return go(curr+o.scroll)});if(o.btnGo)$.each(o.btnGo,function(i,a){$(a).click(function(){return go(o.circular?o.visible+i:i)})});if(o.mouseWheel&&c.mousewheel)c.mousewheel(function(e,d){return d>0?go(curr-o.scroll):go(curr+o.scroll)});if(o.auto)setInterval(function(){go(curr+o.scroll)},o.auto+o.speed);function vis(){return f.slice(curr).slice(0,v)};function go(a){if(!b){if(o.beforeStart)o.beforeStart.call(this,vis());if(o.circular){if(a<=o.start-v-1){ul.css(animCss,-((itemLength-(v*2))*g)+"px");curr=a==o.start-v-1?itemLength-(v*2)-1:itemLength-(v*2)-o.scroll}else if(a>=itemLength-v+1){ul.css(animCss,-((v)*g)+"px");curr=a==itemLength-v+1?v+1:v+o.scroll}else curr=a}else{if(a<0||a>itemLength-v)return;else curr=a}b=true;ul.animate(animCss=="left"?{left:-(curr*g)}:{top:-(curr*g)},o.speed,o.easing,function(){if(o.afterEnd)o.afterEnd.call(this,vis());b=false});if(!o.circular){$(o.btnPrev+","+o.btnNext).removeClass("disabled");$((curr-o.scroll<0&&o.btnPrev)||(curr+o.scroll>itemLength-v&&o.btnNext)||[]).addClass("disabled")}}return false}})};function css(a,b){return parseInt($.css(a[0],b))||0};function width(a){return a[0].offsetWidth+css(a,'marginLeft')+css(a,'marginRight')};function height(a){return a[0].offsetHeight+css(a,'marginTop')+css(a,'marginBottom')}})(jQuery);
+request.file+'.jpg)
')
.one('load', function(e) {
if (callback !== undefined) {
callback();
};
$this.buffer.next();
});
var element = $('');
element.data('file_date', request.file_date);
element.html(img);
$this.defaults.container.timelapse.prepend(element);
$this._cache[request.date] = element;
_gaq.push(['_trackEvent', 'ImageTimelapse', 'addImage', 'to_cache']);
$this.debug('Image '+request.date+' loaded to cache');
} else {
_gaq.push(['_trackEvent', 'ImageTimelapse', 'addImage', 'from_cache']);
$this.debug('Image '+request.date+' loaded from cache');
};
return true;
};
$this.setImage = function (date, cache) {
if ($this._currentImage.element !== null) {
var $last_element = $this._currentImage.element.css('z-index', $this._currentImage.zIndex).hide();
$this._currentImage.element = $this._cache[date].css('z-index', $this._currentImage.zIndex + 1).show();
} else {
$this._currentImage.element = $this._cache[date].show();
$this._currentImage.zIndex = $this._currentImage.element.css('z-index');
$this._currentImage.zIndex = ($this._currentImage.zIndex == 'auto') ? 1 : $this._currentImage.zIndex * 1;
};
$this.defaults.container.info.text($this.formatDate($this._currentImage.element.data('file_date')));
$handle.css({'background-position': ((parseInt($this.getCurrentPercent()) < 20) ? '50% 100%' : '50% 0' ) });
$('nav#time .tooltip').css({'left': ($('nav#time .ui-slider-handle').position().left + 45)+'px'});
if ($this.defaults.bind.setImage) {
$this.defaults.bind.setImage($this);
};
};
$this.init = function(options) {
$this.defaults = $.extend({}, $this.defaults, options);
$.ajax({
method: 'GET',
cache: false,
url: $this.defaults.url.get,
success: $this.initSlider
});
};
$this.initSlider = function(request) {
var xml = $(request);
$this.defaults.time = {
start : 1,
total : xml.find('images').attr('count')*1
};
$this.defaults.time.end = $this.defaults.time.total;
$this._elements = xml.find('images image');
$this.defaults.container.slider.slider({
animate: 'slow',
min : 1,
max : $this.defaults.time.total,
value : $this.defaults.time.total,
step : 1,
change : $this.sliderChange,
slide : $this.sliderSlide,
stop : $this.sliderStop
});
$handle = $('#slider .ui-slider-handle');
$this.addPosition($this.defaults.time.total, true);
if ($this.defaults.bind.load) {
$this.defaults.bind.load($this);
};
};
$this.toolTipPreview = {
Class: function () {
var $self = this;
if ($this.toolTipPreview.defaults.image === null) {
$this.toolTipPreview.defaults.image = $this.toolTipPreview.defaults.element.find('img');
$this.toolTipPreview.defaults.text = $this.toolTipPreview.defaults.element.find('time');
};
$self.show = function(image) {
if (isMobile)
return;
$this.toolTipPreview.defaults.element
.css({'left': $this.getCurrentPercent()+'%'});
if ( ! image)
return;
$this.toolTipPreview.defaults.image
.hide()
.attr('src', $this.defaults.url.images+$this.getFileName(image.file_date, true)+image.file+'.jpg')
.one('load', function() {
$this.toolTipPreview.defaults.image.stop(1, 1).fadeIn();
$this.toolTipPreview.defaults.element
.css({'left': $this.getCurrentPercent()+'%'});
});
$this.toolTipPreview.defaults.text.html($this.formatDate(image.file_date, true));
if ($this.toolTipPreview.defaults.visible === true)
return;
$this.toolTipPreview.defaults.visible = true;
$this.toolTipPreview.defaults.element.stop(1, 1).fadeIn();
};
$self.hide = function() {
if ($this.toolTipPreview.defaults.visible === false)
return;
$this.toolTipPreview.defaults.element.stop(1, 1).fadeOut(500, function() {
$this.toolTipPreview.defaults.visible = false;
});
};
return $self;
},
defaults: {
element: $('.tooltip-preview').hide(),
image: null,
text: null,
visible: false
},
instance: function() {
return $this.toolTipPreview._instance = $this.toolTipPreview._instance || new $this.toolTipPreview.Class();
}
};
$this.sliderStop = function(event, ui) {
$this.toolTipPreview.instance().hide();
};
$this.sliderSlide = function(event, ui) {
$handle.css({'background-position': ((parseInt($this.getCurrentPercent()) < 20) ? '50% 100%' : '50% 0' ) });
$tooltip.fadeOut();
if ($this.toolTipPreview.defaults.image !== null) {
$this.toolTipPreview.defaults.image.fadeOut();
};
var date = ui.value*1;
if ($this._cache[date] === undefined) {
$this.getImage({
start: date,
callback: function(image) {
$this.toolTipPreview.instance().show(image);
}
});
} else {
$this.toolTipPreview.instance().hide();
$this.buffer.clean();
$this.addPosition(date, true);
$this.setImage(date);
};
};
$this.sliderChange = function(event, ui) {
var date = ui.value*1;
$this.addPosition(date, true);
if ($this.defaults.bind.change) {
$this.defaults.bind.change(date, $this);
};
};
$this.getCurrentPercent = function() {
return ( $this.defaults.container.slider.slider('value') - $this.defaults.time.start ) / ( $this.defaults.time.end - $this.defaults.time.start ) * 100;
};
$this.getCurrentStep = function(date) {84715811
var current_step = (date - $this.defaults.time.start) / $this.defaults.time.range;
return (/\./.test(current_step)) ? $this.defaults.time.total : current_step;
};
$this.addPosition = function(date, cache) {
var options = {};
options.limit = 1;
options.start = date;
options.cache = cache;
options.callback = function(image) {
$this.addImage(image, function() {
if (options.cache === true) {
$this.setImage(image.date);
};
}, options.cache);
};
var current_step = $this.getCurrentStep(date);
if ($this._cache[date] === undefined) {
_gaq.push(['_trackEvent', 'ImageTimelapse', 'addPosition', 'to_cache']);
$this.getImage(options);
} else {
$this.buffer.next(true);
_gaq.push(['_trackEvent', 'ImageTimelapse', 'addPosition', 'from_cache']);
if (cache === undefined) {
$this.setImage(date, options.cache);
};
};
};
$this.getImage = function(options) {
var defaults = {start:0, cache:false, callback: $.noop};
options = $.extend({}, defaults, options);
var image = $this._elements.eq($this.defaults.time.total - options.start);
options.callback({
file: image.attr('id'),
file_date: image.attr('date'),
date: options.start
});
};
/* end public */
return $this;
},
/* end public static */
/* private */
_instances: {},
/* end private */
/* public static */
defaults : {
instanceName: 'default',
debug: false,
url: {
get: null,
images: null
},
loader: {
imagesToCache: 10
},
container: {
timelapse : null,
info: null,
slider: null,
progress: null
},
time: {
start: 0,
end: 0,
range: 36,
steps: 0
},
bind: {
load: null,
loading: null,
ready: null,
change: null
}
},
factory: function() {
return new $.ImageTimelapse.Class;
},
instance: function(name) {
if (name === undefined) {
name = $.ImageTimelapse.defaults.instanceName;
};
if ($.ImageTimelapse._instances[name] === undefined) {
$.ImageTimelapse._instances[name] = new $.ImageTimelapse.Class(name);
};
return $.ImageTimelapse._instances[name];
}
/* end public static */
/* end public */
};
/* $.cubeCanvas */
$.cubeCanvas = {
Class: function(instanceName) {
var $this = this;
$this.options = {
instanceName: instanceName
};
var container;
var camera, scene, renderer;
var cube;
var targetRotation = 0;
var targetRotationOnMouseDown = 0;
var mouseX = 0;
var mouseXOnMouseDown = 0;
var windowHalfX = window.innerWidth / 2;
var windowHalfY = window.innerHeight / 2;
$this.init = function(options) {
$this.options = $.extend({}, $.cubeCanvas.defaults, options);
camera = new THREE.Camera( 50, 1, 1, 1000 );
camera.position.y = 130;
camera.position.z = 210;
camera.target.position.y = 100;
scene = new THREE.Scene();
// Cube
var materials = [];
materials.push( [ new THREE.MeshBasicMaterial( {map: THREE.ImageUtils.loadTexture( rootUrl+'public/imgs/arena/others/modal/cubo-1.jpg' )} ) ] );
materials.push( [ new THREE.MeshBasicMaterial( {map: THREE.ImageUtils.loadTexture( rootUrl+'public/imgs/arena/others/modal/cubo-1.jpg' )} ) ] );
materials.push( [ new THREE.MeshBasicMaterial() ] );
materials.push( [ new THREE.MeshBasicMaterial() ] );
materials.push( [ new THREE.MeshBasicMaterial( {map: THREE.ImageUtils.loadTexture( rootUrl+'public/imgs/arena/others/modal/cubo-2.jpg' )} ) ] );
materials.push( [ new THREE.MeshBasicMaterial( {map: THREE.ImageUtils.loadTexture( rootUrl+'public/imgs/arena/others/modal/cubo-3.jpg' )} ) ] );
cube = new THREE.Mesh( new THREE.CubeGeometry( 130, 100, 130, 2, 2, 2, materials), new THREE.MeshFaceMaterial() );
cube.position.y = 99;
// cube.overdraw = true;
scene.addObject(cube);
renderer = new THREE.CanvasRenderer();
renderer.setSize( 168, 168 );
$this.options.container.html( renderer.domElement );
$(renderer.domElement).css({
'position': 'relative',
'z-index': 11
});
$this.options.container.bind( 'mousedown.cubeCanvas', $this.onDocumentMouseDown);
$this.options.container.bind( 'touchstart.cubeCanvas', $this.onDocumentTouchStart);
$this.options.container.bind( 'touchmove.cubeCanvas', $this.onDocumentTouchMove);
$this.animate();
setInterval(function() {
targetRotation += .01;
}, 100);
};
$this.onDocumentMouseDown = function(event) {
event.preventDefault();
$this.options.container.unbind('.cubeCanvas');
$this.options.container.bind( 'mousemove.cubeCanvas', $this.onDocumentMouseMove);
$this.options.container.bind( 'mouseup.cubeCanvas', $this.onDocumentMouseUp);
$this.options.container.bind( 'mouseout.cubeCanvas', $this.onDocumentMouseOut);
mouseXOnMouseDown = event.clientX - windowHalfX;
targetRotationOnMouseDown = targetRotation;
};
$this.onDocumentMouseMove = function(event) {
mouseX = event.clientX - windowHalfX;
targetRotation = targetRotationOnMouseDown + ( mouseX - mouseXOnMouseDown ) * 0.02;
};
$this.onDocumentMouseUp = function(event) {
$this.options.container.unbind('.cubeCanvas');
$this.options.container.bind( 'mousemove.cubeCanvas', $this.onDocumentMouseMove);
$this.options.container.bind( 'mouseup.cubeCanvas', $this.onDocumentMouseUp);
$this.options.container.bind( 'mouseout.cubeCanvas', $this.onDocumentMouseOut);
};
$this.onDocumentMouseOut = function(event) {
$this.options.container.unbind('.cubeCanvas');
$this.options.container.bind( 'mousemove.cubeCanvas', $this.onDocumentMouseMove);
$this.options.container.bind( 'mouseup.cubeCanvas', $this.onDocumentMouseUp);
$this.options.container.bind( 'mouseout.cubeCanvas', $this.onDocumentMouseOut);
};
$this.onDocumentTouchStart = function(event) {
var event = event.originalEvent;
if ( event.touches.length == 1 ) {
event.preventDefault();
mouseXOnMouseDown = event.touches[ 0 ].pageX - windowHalfX;
targetRotationOnMouseDown = targetRotation;
};
};
$this.onDocumentTouchMove = function(event) {
var event = event.originalEvent;
if ( event.touches.length == 1 ) {
event.preventDefault();
mouseX = event.touches[ 0 ].pageX - windowHalfX;
targetRotation = targetRotationOnMouseDown + ( mouseX - mouseXOnMouseDown ) * 0.05;
};
};
$this.animate = function() {
requestAnimationFrame($this.animate);
$this.render();
};
$this.render = function() {
cube.rotation.y += ( targetRotation - cube.rotation.y ) * 0.05;
renderer.render( scene, camera );
};
},
defaults : {
instanceName: 'default'
},
factory: function() {
return new $.cubeCanvas.Class;
},
_instances: {},
instance: function(name) {
if (name === undefined) {
name = $.cubeCanvas.defaults.instanceName;
};
if ($.cubeCanvas._instances[name] === undefined) {
$.cubeCanvas._instances[name] = new $.cubeCanvas.Class(name);
};
return $.cubeCanvas._instances[name];
}
};
/* end $.cubeCanvas */
/* Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
* Licensed under the MIT License (LICENSE.txt).
*
* Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
* Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
* Thanks to: Seamus Leahy for adding deltaX and deltaY
*
* Version: 3.0.4
*
* Requires: 1.2.2+
*/
(function(c){var a=["DOMMouseScroll","mousewheel"];c.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var d=a.length;d;){this.addEventListener(a[--d],b,false)}}else{this.onmousewheel=b}},teardown:function(){if(this.removeEventListener){for(var d=a.length;d;){this.removeEventListener(a[--d],b,false)}}else{this.onmousewheel=null}}};c.fn.extend({mousewheel:function(d){return d?this.bind("mousewheel",d):this.trigger("mousewheel")},unmousewheel:function(d){return this.unbind("mousewheel",d)}});function b(i){var g=i||window.event,f=[].slice.call(arguments,1),j=0,h=true,e=0,d=0;i=c.event.fix(g);i.type="mousewheel";if(i.wheelDelta){j=i.wheelDelta/120}if(i.detail){j=-i.detail/3}d=j;if(g.axis!==undefined&&g.axis===g.HORIZONTAL_AXIS){d=0;e=-1*j}if(g.wheelDeltaY!==undefined){d=g.wheelDeltaY/120}if(g.wheelDeltaX!==undefined){e=-1*g.wheelDeltaX/120}f.unshift(i,j,e,d);return c.event.handle.apply(this,f)}})(jQuery);
/*
* jQuery Nivo Slider v2.5.2
* http://nivo.dev7studios.com
*
* Copyright 2011, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* March 2010
*/
(function($){var NivoSlider=function(element,options){var settings=$.extend({},$.fn.nivoSlider.defaults,options);var vars={currentSlide:0,currentImage:'',totalSlides:0,randAnim:'',running:false,paused:false,stop:false};var slider=$(element);slider.data('nivo:vars',vars);slider.css('position','relative');slider.addClass('nivoSlider');var kids=slider.children();kids.each(function(){var child=$(this);var link='';if(!child.is('img')){if(child.is('a')){child.addClass('nivo-imageLink');link=child;}
child=child.find('img:first');}
var childWidth=child.width();if(childWidth==0)childWidth=child.attr('width');var childHeight=child.height();if(childHeight==0)childHeight=child.attr('height');if(childWidth>slider.width()){slider.width(childWidth);}
if(childHeight>slider.height()){slider.height(childHeight);}
if(link!=''){link.css('display','none');}
child.css('display','none');vars.totalSlides++;});if(settings.startSlide>0){if(settings.startSlide>=vars.totalSlides)settings.startSlide=vars.totalSlides-1;vars.currentSlide=settings.startSlide;}
if($(kids[vars.currentSlide]).is('img')){vars.currentImage=$(kids[vars.currentSlide]);}else{vars.currentImage=$(kids[vars.currentSlide]).find('img:first');}
if($(kids[vars.currentSlide]).is('a')){$(kids[vars.currentSlide]).css('display','block');}
slider.css('background','url("'+vars.currentImage.attr('src')+'") no-repeat');slider.append($('