/**
* jquery.swatchbook.js v1.1.0
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Copyright 2012, Codrops
* http://www.codrops.com
*/
;
(function($, window, undefined) {
'use strict';
// global
var Modernizr = window.Modernizr;
jQuery.fn.reverse = [].reverse;
$.SwatchBook = function(options, element) {
this.$el = $(element);
this._init(options);
};
$.SwatchBook.defaults = {
// index of initial centered item
center: 6,
// number of degrees that is between each item
angleInc: 8,
speed: 700,
easing: 'ease',
// amount in degrees for the opened item's next sibling
proximity: 45,
// amount in degrees between the opened item's next siblings
neighbor: 4,
// animate on load
onLoadAnim: true,
// if it should be closed by default
initclosed: false,
// index of the element that when clicked, triggers the open/close function
// by default there is no such element
closeIdx: -1,
// open one specific item initially (overrides initclosed)
openAt: -1
};
$.SwatchBook.prototype = {
_init: function(options) {
this.options = $.extend(true, {}, $.SwatchBook.defaults, options);
this.$items = this.$el.children('div');
this.itemsCount = this.$items.length;
this.current = -1;
this.support = Modernizr.csstransitions;
this.cache = [];
if (this.options.onLoadAnim) {
this._setTransition();
}
if (!this.options.initclosed) {
this._center(this.options.center, this.options.onLoadAnim);
} else {
this.isClosed = true;
if (!this.options.onLoadAnim) {
this._setTransition();
}
}
if (this.options.openAt >= 0 && this.options.openAt < this.itemsCount) {
this._openItem(this.$items.eq(this.options.openAt));
}
this._initEvents();
},
_setTransition: function() {
if (this.support) {
this.$items.css({
'transition': 'all ' + this.options.speed + 'ms ' + this.options.easing
});
}
},
_openclose: function() {
this.isClosed ? this._center(this.options.center, true) : this.$items.css({
'transform': 'rotate(0deg)'
});
this.isClosed = !this.isClosed;
},
_center: function(idx, anim) {
var self = this;
this.$items.each(function(i) {
var transformStr = 'rotate(' + (self.options.angleInc * (i - idx)) + 'deg)';
$(this).css({
'transform': transformStr
});
});
},
_openItem: function($item) {
var itmIdx = $item.index();
if (itmIdx !== this.current) {
if (this.options.closeIdx !== -1 && itmIdx === this.options.closeIdx) {
this._openclose();
this._setCurrent();
} else {
this._setCurrent($item);
$item.css({
'transform': 'rotate(0deg)'
});
this._rotateSiblings($item);
}
}
},
_initEvents: function() {
var self = this;
this.$items.on('click.swatchbook', function(event) {
self._openItem($(this));
});
},
_rotateSiblings: function($item) {
var self = this,
idx = $item.index(),
$cached = this.cache[idx],
$siblings;
if ($cached) {
$siblings = $cached;
} else {
$siblings = $item.siblings();
this.cache[idx] = $siblings;
}
$siblings.each(function(i) {
var rotateVal = i < idx ?
self.options.angleInc * (i - idx) :
i - idx === 1 ?
self.options.proximity :
self.options.proximity + (i - idx - 1) * self.options.neighbor;
var transformStr = 'rotate(' + rotateVal + 'deg)';
$(this).css({
'transform': transformStr
});
});
},
_setCurrent: function($el) {
this.current = $el ? $el.index() : -1;
this.$items.removeClass('ff-active');
if ($el) {
$el.addClass('ff-active');
}
}
};
var logError = function(message) {
if (window.console) {
window.console.error(message);
}
};
$.fn.swatchbook = function(options) {
var instance = $.data(this, 'swatchbook');
if (typeof options === 'string') {
var args = Array.prototype.slice.call(arguments, 1);
this.each(function() {
if (!instance) {
logError("cannot call methods on swatchbook prior to initialization; " +
"attempted to call method '" + options + "'");
return;
}
if (!$.isFunction(instance[options]) || options.charAt(0) === "_") {
logError("no such method '" + options + "' for swatchbook instance");
return;
}
instance[options].apply(instance, args);
});
} else {
this.each(function() {
if (instance) {
instance._init();
} else {
instance = $.data(this, 'swatchbook', new $.SwatchBook(options, this));
}
});
}
return instance;
};
})(jQuery, window);
