/*
Mosaic - Sliding Boxes and Captions jQuery Plugin
Version 1.0.1
www.buildinternet.com/project/mosaic
By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
Released under MIT License / GPL License
*/
;
(function($, window, undefined) {
'use strict';
var defaultOptions = {
animation: 'fade',
speed: 150,
opacity: 1,
preload: 0,
anchor_x: 'left',
anchor_y: 'bottom',
hover_x: '0px',
hover_y: '0px',
overlay: '.mosaic-overlay', //Mosaic overlay
backdrop: '.mosaic-backdrop' //Mosaic backdrop
};
function init(params, options) {
var newOptions = $.extend({}, defaultOptions, options);
load_box(params, newOptions);
}
function load_box(params, options) {
// Hide until window loaded, then fade in
if (options.preload) {
$(options.backdrop, params.el).hide();
$(options.overlay, params.el).hide();
$(window).load(function() {
// IE transparency fade fix
if (options.options.animation == 'fade' && $(options.overlay, params.el).css('opacity') == 0)
$(options.overlay, params.el).css('filter', 'alpha(opacity=0)');
$(options.overlay, params.el).fadeIn(200, function() {
$(options.backdrop, params.el).fadeIn(200);
});
hover(params, options);
});
} else {
$(options.backdrop, params.el).show();
$(options.overlay, params.el).show();
hover(params, options);
}
}
function hover(params, options) {
// Select animation
switch (options.animation) {
// Handle fade animations
case 'fade':
$(params.el).hover(function() {
$(options.overlay, params.el).stop().fadeTo(options.speed, options.opacity);
}, function() {
$(options.overlay, params.el).stop().fadeTo(options.speed, 0);
});
break;
// Handle slide animations
case 'slide':
// Grab default overlay x,y position
var startX = $(options.overlay, params.el).css(options.anchor_x) != 'auto' ? $(options.overlay, params.el).css(options.anchor_x) : '0px';
var startY = $(options.overlay, params.el).css(options.anchor_y) != 'auto' ? $(options.overlay, params.el).css(options.anchor_y) : '0px';
var hoverState = {};
hoverState[options.anchor_x] = options.hover_x;
hoverState[options.anchor_y] = options.hover_y;
var endState = {};
endState[options.anchor_x] = startX;
endState[options.anchor_y] = startY;
$(params.el).hover(function() {
$(options.overlay, params.el).stop().animate(hoverState, options.speed);
}, function() {
$(options.overlay, params.el).stop().animate(endState, options.speed);
});
break;
}
}
$.fn.mosaic = function(options) {
return this.each(function() {
var $el = $(this),
el = this;
var params = {
'$el': $el,
'el': el
};
init(params, options);
// Add a reverse reference to the DOM object
// $el.data("omr.mosaic", base);
});
};
})(jQuery, window);