-
this.$slider = this.$el.find('ul');
//
-
this.$items = this.$slider.children('li');
// total number of elements / images
this.itemsCount = this.$items.length;
// cache the
- 's parent, since we will eventually need to recalculate its width on window resize
this.$esCarousel = this.$slider.parent();
// validate options
this._validateOptions();
// set sizes and initialize some vars...
this._configure();
// add navigation buttons
this._addControls();
// initialize the events
this._initEvents();
// show the
- style
this.$items.css({
marginRight : this.options.margin,
width : ( elW ) ? elW : this.options.imageW + 2 * this.options.border
});
},
_setCurrentValues : function() {
// the total space occupied by one item
this.itemW = this.$items.outerWidth(true);
// total width of the slider /
-
// this will eventually change on window resize
this.sliderW = this.itemW * this.itemsCount;
// the ul parent's (div.es-carousel) width is the "visible" width
this.visibleWidth = this.$esCarousel.width();
// how many items fit with the current width
this.fitCount = Math.floor( this.visibleWidth / this.itemW );
},
_addControls : function() {
this.$navNext = $('Next');
this.$navPrev = $('Previous');
$('')
.append( this.$navPrev )
.append( this.$navNext )
.appendTo( this.$el );
//this._toggleControls();
},
_toggleControls : function( dir, status ) {
// show / hide navigation buttons
if( dir && status ) {
if( status === 1 )
( dir === 'right' ) ? this.$navNext.show() : this.$navPrev.show();
else
( dir === 'right' ) ? this.$navNext.hide() : this.$navPrev.hide();
}
else if( this.current === this.itemsCount - 1 || this.fitCount >= this.itemsCount )
this.$navNext.hide();
},
_initEvents : function() {
var instance = this;
// window resize
$(window).bind('resize.elastislide', function( event ) {
// set values again
instance._setCurrentValues();
// need to resize items
if( instance.visibleWidth < instance.options.minItems * ( instance.options.imageW + 2 * instance.options.border ) + ( instance.options.minItems - 1 ) * instance.options.margin ) {
instance._setDim( ( instance.visibleWidth - ( instance.options.minItems - 1 ) * instance.options.margin ) / instance.options.minItems );
instance._setCurrentValues();
instance.fitCount = instance.options.minItems;
}
else{
instance._setDim();
instance._setCurrentValues();
}
instance.$slider.css({
width : instance.sliderW + 10 // TODO: +10px seems to solve a firefox "bug" :S
});
// slide to the current element
clearTimeout( instance.resetTimeout );
instance.resetTimeout = setTimeout(function() {
instance._slideToCurrent();
}, 200);
});
// navigation buttons events
this.$navNext.bind('click.elastislide', function( event ) {
instance._slide('right');
});
this.$navPrev.bind('click.elastislide', function( event ) {
instance._slide('left');
});
// item click event
this.$items.bind('click.elastislide', function( event ) {
var togoitem = $(this).index();
var classarray = $(this).attr('class').split(' ');
if(classarray[1] != undefined){
togoitem = $('.'+classarray[1]).eq(0).index();
var groupwidth = 0;
$('.'+classarray[1]).each(function(){
groupwidth+= $(this).width();
});
if(instance.$el.width() < groupwidth)
togoitem = $(this).index();
}
instance.current = togoitem
instance._slideToCurrent();
instance.options.onClick( $(this) );
return false;
});
// touch events
instance.$slider.touchwipe({
wipeLeft : function() {
instance._slide('right');
},
wipeRight : function() {
instance._slide('left');
}
});
},
_slide : function( dir, val, anim, callback ) {
// if animating return
if( this.$slider.is(':animated') )
return false;
// current margin left
var ml = parseFloat( this.$slider.css('margin-left') );
// val is just passed when we want an exact value for the margin left (used in the _slideToCurrent function)
if( val === undefined ) {
// how much to slide?
var amount = this.fitCount * this.itemW, val;
if( amount < 0 ) return false;
// make sure not to leave a space between the last item / first item and the end / beggining of the slider available width
if( dir === 'right' && this.sliderW - ( Math.abs( ml ) + amount ) < this.visibleWidth ) {
amount = this.sliderW - ( Math.abs( ml ) + this.visibleWidth ) - this.options.margin+50; // decrease the margin left
// show / hide navigation buttons
this._toggleControls( 'right', -1 );
this._toggleControls( 'left', 1 );
}
else if( dir === 'left' && Math.abs( ml ) - amount < 0 ) {
amount = Math.abs( ml );
// show / hide navigation buttons
this._toggleControls( 'left', -1 );
this._toggleControls( 'right', 1 );
}
else {
var fml; // future margin left
( dir === 'right' )
? fml = Math.abs( ml ) + this.options.margin + Math.abs( amount )
: fml = Math.abs( ml ) - this.options.margin - Math.abs( amount );
// show / hide navigation buttons
if( fml > 0 )
this._toggleControls( 'left', 1 );
else
this._toggleControls( 'left', -1 );
if( fml < this.sliderW - this.visibleWidth )
this._toggleControls( 'right', 1 );
else
this._toggleControls( 'right', -1 );
}
( dir === 'right' ) ? val = '-=' + amount : val = '+=' + amount
}
else {
var fml = Math.abs( val ); // future margin left
if( Math.max( this.sliderW, this.visibleWidth ) - fml < this.visibleWidth ) {
val = - ( Math.max( this.sliderW, this.visibleWidth ) - this.visibleWidth )-50;
if( val !== 0 )
val += this.options.margin; // decrease the margin left if not on the first position
// show / hide navigation buttons
this._toggleControls( 'right', -1 );
fml = Math.abs( val );
}
// show / hide navigation buttons
if( fml > 0 )
this._toggleControls( 'left', 1 );
else
this._toggleControls( 'left', -1 );
if( Math.max( this.sliderW, this.visibleWidth ) - this.visibleWidth > fml + this.options.margin )
this._toggleControls( 'right', 1 );
else
this._toggleControls( 'right', -1 );
}
$.fn.applyStyle = ( anim === undefined ) ? $.fn.animate : $.fn.css;
var sliderCSS = { marginLeft : val };
var instance = this;
this.$slider.applyStyle( sliderCSS, $.extend( true, [], { duration : this.options.speed, easing : this.options.easing, complete : function() {
if( callback ) callback.call();
} } ) );
},
_slideToCurrent : function( anim ) {
// how much to slide?
var amount = this.current * this.itemW;
this._slide('', -amount, anim );
},
add : function( $newelems, callback ) {
// adds new items to the carousel
this.$items = this.$items.add( $newelems );
this.itemsCount = this.$items.length;
this._setDim();
this._setCurrentValues();
this.$slider.css({
width : this.sliderW
});
this._slideToCurrent();
if ( callback ) callback.call( $newelems );
},
destroy : function( callback ) {
this._destroy( callback );
},
_destroy : function( callback ) {
this.$el.unbind('.elastislide').removeData('elastislide');
$(window).unbind('.elastislide');
if ( callback ) callback.call();
}
};
var logError = function( message ) {
if ( this.console ) {
console.error( message );
}
};
$.fn.elastislide = function( options ) {
if ( typeof options === 'string' ) {
var args = Array.prototype.slice.call( arguments, 1 );
this.each(function() {
var instance = $.data( this, 'elastislide' );
if ( !instance ) {
logError( "cannot call methods on elastislide prior to initialization; " +
"attempted to call method '" + options + "'" );
return;
}
if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) {
logError( "no such method '" + options + "' for elastislide instance" );
return;
}
instance[ options ].apply( instance, args );
});
}
else {
this.each(function() {
var instance = $.data( this, 'elastislide' );
if ( !instance ) {
$.data( this, 'elastislide', new $.elastislide( options, this ) );
}
});
}
return this;
};
})( window, jQuery );
(function( $ ){
$.fn.eABI = function(options) {
var settings = $.extend({
'data' : '',
condition : function(){},
callback : function(){}
}, options);
return this.each(function() {
var $this = $(this);
// Check condition on load
if(settings.condition() == true){
$this.append(settings.data);
$this.addClass('activecontent');
settings.callback();
}else{
// Check for the condition on page resize
$(window).resize(function() {
if(!$this.hasClass('activecontent') && settings.condition()){
$this.append(settings.data);
$this.addClass('activecontent');
settings.callback();
}
});
}
});
};
})( jQuery );;
/* Author:
Johnny Martin
*/
(function(doc) {
var addEvent = 'addEventListener',
type = 'gesturestart',
qsa = 'querySelectorAll',
scales = [1, 1],
meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : [];
function fix() {
meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1];
doc.removeEventListener(type, fix, true);
}
if ((meta = meta[meta.length - 1]) && addEvent in doc) {
fix();
scales = [.25, 1.6];
doc[addEvent](type, fix, true);
}
}(document));
(function ($) {
$(function() {
$("#innercontent").fitVids();
$('#homebox .rotate img').each(function(){
$(this).removeAttr('width').removeAttr('height');
});
$('#homebox .rotate').after('');
$('#slideplaceholder').append($('#homebox .rotate').children().eq(0).clone());
$('#homebox .rotate').cycle({
fx: 'fade',
speed: 'slow',
timeout: 7000,
containerResize: 0,
slideResize: 0,
pager: '#homebox .selectors',
// callback fn that creates a thumbnail to use as pager anchor
pagerAnchorBuilder: function(idx, slide) {
return '';
}
});
$('#qod .cycle').cycle({
fx: 'scrollVert',
speed: 'slow',
timeout: 0,
startingSlide:$(this).children().length,
cleartype: true,
cleartypeNoBg: true,
next: '#qod .controls .next',
prev: '#qod .controls .prev'
});
$(window).konami({
cheat: function() {
$('body').append($('
')); $("#konamiplayer").jPlayer({ ready: function (event) { $(this).jPlayer("setMedia", { mp3:"/sites/all/themes/encore/js/mylibs/Encore.mp3", oga:"/sites/all/themes/encore/js/mylibs/Encore.ogg" }).jPlayer("play");; }, swfPath: "mylibs", supplied: "mp3, oga", wmode: "window" }); } }); if (typeof(folioitems) != "undefined"){ //$('#folioitem').css('display', 'none'); if(folioitems[0].video == "") $('#folioitem').empty().append(''); else{ $('#folioitem').empty().append(folioitems[0].video); $('#folioview').attr('style',''); $('#folioview').addClass('foliovideo-'+0); $("#folioitem").fitVidsPortfolio(); } $('#folioitemtitle').html(folioitems[0].title); $('#folioitem > *').load(function(){ if (this.complete) { $('#folioitem').fadeIn(); var classes = $('#foliocontrols li').eq(0).attr("class"); var classarray = classes.split(' '); $('.'+classarray[1]).addClass('active') $('#foliocontrols li a').eq(0).addClass('active'); } }); $('#folioitem').click(function(){ if($('#foliocontrols li a.active').eq(0).parent().next().length != 0){ $('#foliocontrols li a.active').eq(0).parent().next().find('a').trigger('click'); $('#foliocontrols li a.active').eq(0).parent().next().find('a').trigger('click.elastislide'); }else{ $('#foliocontrols li a.active').eq(0).parent().parent().children().eq(0).find('a').trigger('click'); $('#foliocontrols li a.active').eq(0).parent().parent().children().eq(0).find('a').trigger('click.elastislide'); } }); $('#foliocontrols a').click(function(){ $('#foliocontrols li a').removeClass('active') $(this).addClass('active') $('#foliocontrols li').removeClass('active'); var classes = $(this).parent().attr("class"); var classarray = classes.split(' '); $('.'+classarray[1]).addClass('active') var imgid = $('img', this).attr('id').substr(6); // Set container height so container doesn't jump on fade out $('#views-portfolio-view').css('height',$('#views-portfolio-view').height()); $('#folioview').fadeOut(function(){ if(folioitems[imgid].video == "") $('#folioitem').empty('').append('
'); else{ $('#folioitem').empty().append(folioitems[imgid].video); $('#folioview').attr('style',''); $('#folioview').addClass('foliovideo-'+imgid); $("#folioitem").fitVidsPortfolio(); } $('#folioitemtitle').html(folioitems[imgid].title); }).fadeIn(function(){ // Make the height auto on fade in $('#views-portfolio-view').css('height','auto'); }); }); } $('#foliocontrols').elastislide({ imageW : 119, minItems : 2, margin : 0 }); $(window).trigger('resize.elastislide'); $('#mainheader nav ul.nav').eABI({ 'data' : '', condition : function(){ return $('#mainheader nav ul.social').css('display') == "block"; }, callback: function(){ $('#mainheader nav').prepend('') $('#mainheader nav ul.nav li a').each(function(){ var thiselem = $(this); var newitem = $(''); $('#dropnav select').append(newitem) $(newitem).attr('selected',function(){ if(thiselem.hasClass('active')) return "selected"; else return; }); }); $("#dropnav select").change(function() { window.location = $(this).find("option:selected").val(); }); } }); }); }(jQuery)); ;
-
this.$slider.show();
// slide to current's position
this._slideToCurrent( false );
},
_validateOptions : function() {
if( this.options.speed < 0 )
this.options.speed = 450;
if( this.options.margin < 0 )
this.options.margin = 4;
if( this.options.border < 0 )
this.options.border = 1;
if( this.options.minItems < 1 || this.options.minItems > this.itemsCount )
this.options.minItems = 1;
if( this.options.current > this.itemsCount - 1 )
this.options.current = 0;
},
_configure : function() {
// current item's index
this.current = this.options.current;
// the ul's parent's (div.es-carousel) width is the "visible" width
this.visibleWidth = this.$esCarousel.width();
// test to see if we need to initially resize the items
if( this.visibleWidth < this.options.minItems * ( this.options.imageW + 2 * this.options.border ) + ( this.options.minItems - 1 ) * this.options.margin ) {
this._setDim( ( this.visibleWidth - ( this.options.minItems - 1 ) * this.options.margin ) / this.options.minItems );
this._setCurrentValues();
// how many items fit with the current width
this.fitCount = this.options.minItems;
}
else {
this._setDim();
this._setCurrentValues();
}
// set the
- width
this.$slider.css({
width : this.sliderW
});
},
_setDim : function( elW ) {
//
- style
this.$items.css({
marginRight : this.options.margin,
width : ( elW ) ? elW : this.options.imageW + 2 * this.options.border
});
},
_setCurrentValues : function() {
// the total space occupied by one item
this.itemW = this.$items.outerWidth(true);
// total width of the slider /