(function($){
var patterns = {
text: /^['"]?(.+?)["']?$/,
url: /^url\(["']?(.+?)['"]?\)$/
};
function clean(content) {
if(content && content.length) {
var text = content.match(patterns.text)[1],
url = text.match(patterns.url);
return url ? '
': text;
}
}
function inject(prop, elem, content) {
if(prop != 'after') prop = 'before';
if(content = clean(elem.currentStyle[prop])) {
$(elem)[prop == 'before' ? 'prepend' : 'append'](
$(document.createElement('span')).addClass(prop).html(content)
);
}
}
$.pseudo = function(elem) {
inject('before', elem);
inject('after', elem);
elem.runtimeStyle.behavior = null;
};
if(document.createStyleSheet) {
var o = document.createStyleSheet(null, 0);
o.addRule('.dummy','display: static;');
o.cssText = 'html, head, head *, body, *.before, *.after, *.before *, *.after * { behavior: none; } * { behavior: expression($.pseudo(this)); }';
}
})(jQuery);
/**
* Isotope v1.3.110525
* An exquisite jQuery plugin for magical layouts
* http://isotope.metafizzy.co
*
* Commercial use requires one-time license fee
* http://metafizzy.co/#licenses
*
* Copyright 2011 David DeSandro / Metafizzy
*/
(function(a,b,c){var d=function(){function b(b,c){c=c||document.documentElement;var d=c.style,e;if(typeof d[b]=="string")return b;b=b.charAt(0).toUpperCase()+b.slice(1);for(var f=0,g=a.length;fg?1:fd&&(e.x=0,e.y=e.height),c._pushPosition(a,e.x,e.y),e.height=Math.max(e.y+g,e.height),e.x+=f})},_fitRowsGetContainerSize:function(){return{height:this.fitRows.height}},_fitRowsResizeChanged:function(){return!0},_cellsByRowReset:function(){this.cellsByRow={index:0},this._getSegments(),this._getSegments(!0)},_cellsByRowLayout:function(a){var c=this,d=this.cellsByRow;a.each(function(){var a=b(this),e=d.index%d.cols,f=~~(d.index/d.cols),g=(e+.5)*d.columnWidth-a.outerWidth(!0)/2,h=(f+.5)*d.rowHeight-a.outerHeight(!0)/2;c._pushPosition(a,g,h),d.index++})},_cellsByRowGetContainerSize:function(){return{height:Math.ceil(this.$filteredAtoms.length/this.cellsByRow.cols)*this.cellsByRow.rowHeight+this.offset.top}},_cellsByRowResizeChanged:function(){return this._checkIfSegmentsChanged()},_straightDownReset:function(){this.straightDown={y:0}},_straightDownLayout:function(a){var c=this;a.each(function(a){var d=b(this);c._pushPosition(d,0,c.straightDown.y),c.straightDown.y+=d.outerHeight(!0)})},_straightDownGetContainerSize:function(){return{height:this.straightDown.y}},_straightDownResizeChanged:function(){return!0},_masonryHorizontalReset:function(){this.masonryHorizontal={},this._getSegments(!0);var a=this.masonryHorizontal.rows;this.masonryHorizontal.rowXs=[];while(a--)this.masonryHorizontal.rowXs.push(0)},_masonryHorizontalLayout:function(a){var c=this,d=c.masonryHorizontal;a.each(function(){var a=b(this),e=Math.ceil(a.outerHeight(!0)/d.rowHeight);e=Math.min(e,d.rows);if(e===1)c._masonryHorizontalPlaceBrick(a,d.rowXs);else{var f=d.rows+1-e,g=[],h,i;for(i=0;id&&(e.x=e.width,e.y=0),c._pushPosition(a,e.x,e.y),e.width=Math.max(e.x+f,e.width),e.y+=g})},_fitColumnsGetContainerSize:function(){return{width:this.fitColumns.width}},_fitColumnsResizeChanged:function(){return!0},_cellsByColumnReset:function(){this.cellsByColumn={index:0},this._getSegments(),this._getSegments(!0)},_cellsByColumnLayout:function(a){var c=this,d=this.cellsByColumn;a.each(function(){var a=b(this),e=~~(d.index/d.rows),f=d.index%d.rows,g=(e+.5)*d.columnWidth-a.outerWidth(!0)/2,h=(f+.5)*d.rowHeight-a.outerHeight(!0)/2;c._pushPosition(a,g,h),d.index++})},_cellsByColumnGetContainerSize:function(){return{width:Math.ceil(this.$filteredAtoms.length/this.cellsByColumn.rows)*this.cellsByColumn.columnWidth}},_cellsByColumnResizeChanged:function(){return this._checkIfSegmentsChanged(!0)},_straightAcrossReset:function(){this.straightAcross={x:0}},_straightAcrossLayout:function(a){var c=this;a.each(function(a){var d=b(this);c._pushPosition(d,c.straightAcross.x,0),c.straightAcross.x+=d.outerWidth(!0)})},_straightAcrossGetContainerSize:function(){return{width:this.straightAcross.x}},_straightAcrossResizeChanged:function(){return!0}},b.fn.imagesLoaded=function(a){var b=this.find("img"),d=b.length,e=this;b.length||a.call(this),b.bind("load",function(){--d<=0&&a.call(e)}).each(function(){if(this.complete||this.complete===c){var a=this.src;this.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",this.src=a}});return this},b.fn.isotope=function(a){if(typeof a=="string"){var c=Array.prototype.slice.call(arguments,1);this.each(function(){var d=b.data(this,"isotope");if(!d)return b.error("cannot call methods on isotope prior to initialization; attempted to call method '"+a+"'");if(!b.isFunction(d[a])||a.charAt(0)==="_")return b.error("no such method '"+a+"' for isotope instance");d[a].apply(d,c)})}else this.each(function(){var c=b.data(this,"isotope");c?(c.option(a),c._init()):b.data(this,"isotope",new b.Isotope(a,this))});return this}})(window,jQuery);
/*
* jQuery Orbit Plugin 1.2.3
* www.ZURB.com/playground
* Copyright 2010, ZURB
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
(function(d){d.fn.orbit=function(a){a=d.extend({animation:"horizontal-push",animationSpeed:600,timer:!0,advanceSpeed:4E3,pauseOnHover:!1,startClockOnMouseOut:!1,startClockOnMouseOutAfter:1E3,directionalNav:!0,captions:!0,captionAnimation:"fade",captionAnimationSpeed:600,bullets:!1,bulletThumbs:!1,bulletThumbLocation:"",afterSlideChange:function(){}},a);return this.each(function(){function q(){if(!a.timer||a.timer=="false")return!1;else r.is(":hidden")?s=setInterval(function(){l("next")},a.advanceSpeed):
(o=!0,x.removeClass("active"),s=setInterval(function(){var a="rotate("+m+"deg)";m+=2;t.css({"-webkit-transform":a,"-moz-transform":a,"-o-transform":a});m>180&&(t.addClass("move"),z.addClass("move"));m>360&&(t.removeClass("move"),z.removeClass("move"),m=0,l("next"))},a.advanceSpeed/180))}function n(){if(!a.timer||a.timer=="false")return!1;else o=!1,clearInterval(s),x.addClass("active")}function A(){if(!a.captions||a.captions=="false")return!1;else{var y=e.eq(b).data("caption");(_captionHTML=d(y).html())?
(j.attr("id",y).html(_captionHTML),a.captionAnimation=="none"&&j.show(),a.captionAnimation=="fade"&&j.fadeIn(a.captionAnimationSpeed),a.captionAnimation=="slideOpen"&&j.slideDown(a.captionAnimationSpeed)):(a.captionAnimation=="none"&&j.hide(),a.captionAnimation=="fade"&&j.fadeOut(a.captionAnimationSpeed),a.captionAnimation=="slideOpen"&&j.slideUp(a.captionAnimationSpeed))}}function B(){if(a.bullets)D.children("li").removeClass("active").eq(b).addClass("active");else return!1}function l(d){function c(){e.eq(f).css({"z-index":1});
u=!1;a.afterSlideChange.call(this)}var f=b,g=d;if(f==g)return!1;if(e.length=="1")return!1;u||(u=!0,d=="next"?(b++,b==p&&(b=0)):d=="prev"?(b--,b<0&&(b=p-1)):(b=d,fb&&(g="prev")),B(),e.eq(f).css({"z-index":2}),a.animation=="fade"&&e.eq(b).css({opacity:0,"z-index":3}).animate({opacity:1},a.animationSpeed,c),a.animation=="horizontal-slide"&&(g=="next"&&e.eq(b).css({left:h,"z-index":3}).animate({left:0},a.animationSpeed,c),g=="prev"&&e.eq(b).css({left:-h,"z-index":3}).animate({left:0},a.animationSpeed,
c)),a.animation=="vertical-slide"&&(g=="prev"&&e.eq(b).css({top:v,"z-index":3}).animate({top:0},a.animationSpeed,c),g=="next"&&e.eq(b).css({top:-v,"z-index":3}).animate({top:0},a.animationSpeed,c)),a.animation=="horizontal-push"&&(g=="next"&&(e.eq(b).css({left:h,"z-index":3}).animate({left:0},a.animationSpeed,c),e.eq(f).animate({left:-h},a.animationSpeed)),g=="prev"&&(e.eq(b).css({left:-h,"z-index":3}).animate({left:0},a.animationSpeed,c),e.eq(f).animate({left:h},a.animationSpeed))),A())}var b=0,
p=0,h,v,u,f=d(this).addClass("orbit"),c=f.wrap('').parent();f.add(h).width("1px").height("1px");var e=f.children("img, a, div");e.each(function(){var a=d(this),b=a.width(),a=a.height();b>f.width()&&(f.add(c).width(b),h=f.width());a>f.height()&&(f.add(c).height(a),v=f.height());p++});if(e.length==1)a.directionalNav=!1,a.timer=!1,a.bullets=!1;e.eq(b).css({"z-index":3}).fadeIn(function(){e.css({display:"block"})});if(a.timer){c.append('
');
var r=d("div.timer"),o;if(r.length!=0){var t=d("div.timer span.rotator"),z=d("div.timer span.mask"),x=d("div.timer span.pause"),m=0,s;q();r.click(function(){o?n():q()});if(a.startClockOnMouseOut){var C;c.mouseleave(function(){C=setTimeout(function(){o||q()},a.startClockOnMouseOutAfter)});c.mouseenter(function(){clearTimeout(C)})}}}a.pauseOnHover&&c.mouseenter(function(){n()});if(a.captions){c.append('');var j=c.children(".orbit-caption");A()}if(a.directionalNav){if(a.directionalNav==
"false")return!1;c.append('RightLeft
');var k=c.children("div.slider-nav").children("span.left"),w=c.children("div.slider-nav").children("span.right");k.click(function(){n();l("prev")});w.click(function(){n();l("next")})}if(a.bullets){c.append('');var D=d("ul.orbit-bullets");for(i=0;i"+(i+1)+"");if(a.bulletThumbs&&(w=e.eq(i).data("thumb")))k=d(''+
i+""),k.css({background:"url("+a.bulletThumbLocation+w+") no-repeat"});d("ul.orbit-bullets").append(k);k.data("index",i);k.click(function(){n();l(d(this).data("index"))})}B()}})}})(jQuery);
(function($) {
$.fn.slide = function(options) {
var defaults = {
speed : 2000,
pause : 3000,
transition : 'fade'
};
options = $.extend(defaults, options);
return this.each(function() {
$this = $(this);
$id = $this.attr('id');
$next = $('.' + $id + '-next');
$prev = $('.' + $id + '-prev');
$next.live('click', function() {
console.log('clicked');
next();
return false;
});
$prev.live('click', function() {
prev();
return false;
});
$height = $this.height();
$this.css({
'height' : $height,
'position' : 'relative',
'overflow' : 'visible'
});
if ( options.transition === 'fade' ) {
$this.children()
.css({
'position' : 'absolute',
'top' : 0,
'left' : 0,
'display' : 'block'
})
for(var i = $this.children().length, y = 0; i > 0; i--, y++) {
$this.children().eq(y).css('zIndex', i + 99999);
}
fade();
} // end if 'fade'
function fade() {
slideIt();
} // end fade
function slideIt() {
int = setInterval(function() {
$this.children(':first').animate({'opacity' : 0}, options.speed, function() {
$thisChild = $(this);
$thisChild
//.fadeTo(options.speed, 0)
.css('opacity', 1) // Return opacity back to 1 for next time.
.css('zIndex', $this.children(':last').css('zIndex') - 1) // Reduces zIndex by 1 so that it's no longer on top.
.appendTo($this)
;
});
}, options.pause); // end setInterval
}
function next() {
clearInterval(int);
$thisChild = $this.children(':first');
$thisChild
.css('opacity', 1) // Return opacity back to 1 for next time.
.css('zIndex', $this.children(':last').css('zIndex') - 1) // Reduces zIndex by 1 so that it's no longer on top.
.appendTo($this)
;
slideIt();
}
function prev() {
clearInterval(int);
$thisChild = $this.children(':last');
$thisChild
.css('opacity', 1) // Return opacity back to 1 for next time.
.css('zIndex', $this.children(':first').css('zIndex') + 1) // Reduces zIndex by 1 so that it's no longer on top.
.prependTo($this)
;
slideIt();
}
}); // end each
} // end plugin
})(jQuery);
// tipsy, facebook style tooltips for jquery
// version 1.0.0a
// (c) 2008-2010 jason frame [jason@onehackoranother.com]
// released under the MIT license
(function($) {
function maybeCall(thing, ctx) {
return (typeof thing == 'function') ? (thing.call(ctx)) : thing;
};
function Tipsy(element, options) {
this.$element = $(element);
this.options = options;
this.enabled = true;
this.fixTitle();
};
Tipsy.prototype = {
show: function() {
var title = this.getTitle();
if (title && this.enabled) {
var $tip = this.tip();
$tip.find('.tipsy-inner')[this.options.html ? 'html' : 'text'](title);
$tip[0].className = 'tipsy'; // reset classname in case of dynamic gravity
$tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).prependTo(document.body);
var pos = $.extend({}, this.$element.offset(), {
width: this.$element[0].offsetWidth,
height: this.$element[0].offsetHeight
});
var actualWidth = $tip[0].offsetWidth,
actualHeight = $tip[0].offsetHeight,
gravity = maybeCall(this.options.gravity, this.$element[0]);
var tp;
switch (gravity.charAt(0)) {
case 'n':
tp = {top: pos.top + pos.height + this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
break;
case 's':
tp = {top: pos.top - actualHeight - this.options.offset, left: pos.left + pos.width / 2 - actualWidth / 2};
break;
case 'e':
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth - this.options.offset};
break;
case 'w':
tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width + this.options.offset};
break;
}
if (gravity.length == 2) {
if (gravity.charAt(1) == 'w') {
tp.left = pos.left + pos.width / 2 - 15;
} else {
tp.left = pos.left + pos.width / 2 - actualWidth + 15;
}
}
$tip.css(tp).addClass('tipsy-' + gravity);
$tip.find('.tipsy-arrow')[0].className = 'tipsy-arrow tipsy-arrow-' + gravity.charAt(0);
if (this.options.className) {
$tip.addClass(maybeCall(this.options.className, this.$element[0]));
}
if (this.options.fade) {
$tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity});
} else {
$tip.css({visibility: 'visible', opacity: this.options.opacity});
}
}
},
hide: function() {
if (this.options.fade) {
this.tip().stop().fadeOut(function() { $(this).remove(); });
} else {
this.tip().remove();
}
},
fixTitle: function() {
var $e = this.$element;
if ($e.attr('title') || typeof($e.attr('original-title')) != 'string') {
$e.attr('original-title', $e.attr('title') || '').removeAttr('title');
}
},
getTitle: function() {
var title, $e = this.$element, o = this.options;
this.fixTitle();
var title, o = this.options;
if (typeof o.title == 'string') {
title = $e.attr(o.title == 'title' ? 'original-title' : o.title);
} else if (typeof o.title == 'function') {
title = o.title.call($e[0]);
}
title = ('' + title).replace(/(^\s*|\s*$)/, "");
return title || o.fallback;
},
tip: function() {
if (!this.$tip) {
this.$tip = $('').html('');
}
return this.$tip;
},
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; }
};
$.fn.tipsy = function(options) {
if (options === true) {
return this.data('tipsy');
} else if (typeof options == 'string') {
var tipsy = this.data('tipsy');
if (tipsy) tipsy[options]();
return this;
}
options = $.extend({}, $.fn.tipsy.defaults, options);
function get(ele) {
var tipsy = $.data(ele, 'tipsy');
if (!tipsy) {
tipsy = new Tipsy(ele, $.fn.tipsy.elementOptions(ele, options));
$.data(ele, 'tipsy', tipsy);
}
return tipsy;
}
function enter() {
var tipsy = get(this);
tipsy.hoverState = 'in';
if (options.delayIn == 0) {
tipsy.show();
} else {
tipsy.fixTitle();
setTimeout(function() { if (tipsy.hoverState == 'in') tipsy.show(); }, options.delayIn);
}
};
function leave() {
var tipsy = get(this);
tipsy.hoverState = 'out';
if (options.delayOut == 0) {
tipsy.hide();
} else {
setTimeout(function() { if (tipsy.hoverState == 'out') tipsy.hide(); }, options.delayOut);
}
};
if (!options.live) this.each(function() { get(this); });
if (options.trigger != 'manual') {
var binder = options.live ? 'live' : 'bind',
eventIn = options.trigger == 'hover' ? 'mouseenter' : 'focus',
eventOut = options.trigger == 'hover' ? 'mouseleave' : 'blur';
this[binder](eventIn, enter)[binder](eventOut, leave);
}
return this;
};
$.fn.tipsy.defaults = {
className: null,
delayIn: 0,
delayOut: 0,
fade: false,
fallback: '',
gravity: 'n',
html: false,
live: false,
offset: 0,
opacity: 0.8,
title: 'title',
trigger: 'hover'
};
// Overwrite this method to provide options on a per-element basis.
// For example, you could store the gravity in a 'tipsy-gravity' attribute:
// return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
// (remember - do not modify 'options' in place!)
$.fn.tipsy.elementOptions = function(ele, options) {
return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
};
$.fn.tipsy.autoNS = function() {
return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
};
$.fn.tipsy.autoWE = function() {
return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
};
/**
* yields a closure of the supplied parameters, producing a function that takes
* no arguments and is suitable for use as an autogravity function like so:
*
* @param margin (int) - distance from the viewable region edge that an
* element should be before setting its tooltip's gravity to be away
* from that edge.
* @param prefer (string, e.g. 'n', 'sw', 'w') - the direction to prefer
* if there are no viewable region edges effecting the tooltip's
* gravity. It will try to vary from this minimally, for example,
* if 'sw' is preferred and an element is near the right viewable
* region edge, but not the top edge, it will set the gravity for
* that element's tooltip to be 'se', preserving the southern
* component.
*/
$.fn.tipsy.autoBounds = function(margin, prefer) {
return function() {
var dir = {ns: prefer[0], ew: (prefer.length > 1 ? prefer[1] : false)},
boundTop = $(document).scrollTop() + margin,
boundLeft = $(document).scrollLeft() + margin,
$this = $(this);
if ($this.offset().top < boundTop) dir.ns = 'n';
if ($this.offset().left < boundLeft) dir.ew = 'w';
if ($(window).width() + $(document).scrollLeft() - $this.offset().left < margin) dir.ew = 'e';
if ($(window).height() + $(document).scrollTop() - $this.offset().top < margin) dir.ns = 's';
return dir.ns + (dir.ew ? dir.ew : '');
}
};
})(jQuery);
/**
* Image Desaturate - jQuery plugin
* Desaturate (convert) all types of images on web page
*
* (c) 2010 Dmitry Kelmi
* Version: 0.6 (23 Sep 2010)
* Requires: jQuery v1.3+
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
* How to use:
* $(selector).desaturate(options);
* options = {
* 'iefix': true or false - autofix images for IE(6-8)
* }
*
* IE fix need in following cases:
* - image is png with transparency - it apply standart IE fix for png
* - desaturated image will be switched with opacity (fadeIn/fadeOut) - jQuery can reset filters after
* fadeIn / fadeOut and lost desaturate effect
* 'iefix' apply fixes only to target of desaturate() and not to other png images!
* If you set 'iefix' to false, you can fix images with .desaturateImgFix(), note: all other kind of scripts
* for PNG IE fix wont work with .desaturate().
*
* Note: desaturate will replace current image and return new node as result (for all browsers)
* Note for non-ie: u can't desaturate IMG which is not loaded yet, so better to use it with onload event.
*/
jQuery.desaturate = {
defaults: {
'onswitch': null,
'iefix': true, // autofix png for IE
'level': 1, // level of desaturation, ignored in IE
'rgb': [0.3333, 0.3333, 0.3333] // levels of RGB for compose grayscale, ignored in IE
},
customClass: 'js-desaturate-fixed' // usually no need to change this
};
jQuery.desaturate.Image = function(obj) {
this.image = obj;
this.canvas = null;
this.options = {};
this.jImage = jQuery(this.image);
this.jImage.bind("load.desaturate", jQuery.proxy(this.imageLoaded, this));
this.loaded = this.image.complete;
this.src = this.jImage.attr('src');
this.isPNG = this.jImage.is("IMG[src$=.png]");
var styleWidth = new String(this.jImage.css('width')); styleWidth = styleWidth.replace(/px/, '');
var styleHeight = new String(this.jImage.css('height')); styleHeight = styleHeight.replace(/px/, '');
this.width = this.jImage.width() ? this.jImage.width() : (styleWidth ? styleWidth : this.jImage.attr('width'));
this.height = this.jImage.height() ? this.jImage.height() : (styleHeight ? styleHeight : this.jImage.attr('height'));
// var styles = ['padding', 'margin', 'border'];
// for (var i in styles) {
// this.imgCustomStyles += styles[i] + ':' + this.image.style[styles[i]]+';';
// this.image.style[styles[i]] = '';
// }
this.imgFilter = '';
if (this.image.style.filter) {
this.imgFilter = 'filter:'+this.image.style.filter+';';
this.image.style.filter = '';
}
this.image.style.width = '';
this.image.style.height = '';
this.imgId = this.jImage.attr('id') ? 'id="' + this.jImage.attr('id') + '" ' : '';
this.imgClass = 'class="' + this.jImage.attr('class') + ' ' + jQuery.desaturate.customClass + '" ';
this.imgTitle = this.jImage.attr('title') ? 'title="' + this.jImage.attr('title') + '" ' : '';
this.imgAlt = this.jImage.attr('alt') ? 'alt="' + this.jImage.attr('alt') + '" ' : '';
this.imgStyles = this.image.style.cssText;
this.imgStyles += this.jImage.attr('align') ? 'float:' + this.jImage.attr('align') + ';' : '';
this.imgStyles += this.jImage.parent().attr('href') ? 'cursor:hand;' : '';
// nulled filter present as FILTER: in cssText
this.imgStyles = this.imgStyles.replace(/filter:/i,'');
this.imgCssSize = (this.width && this.height) ? 'width:' + this.width + 'px;' + 'height:' + this.height + 'px;' : '';
};
jQuery.desaturate.Image.prototype.imageLoaded = function() {
this.loaded = true;
this.jImage.unbind("load.desaturate");
if (this.canvas)
{
this.replaceImageWithCanvas();
this.canvas = null;
}
};
jQuery.desaturate.Image.prototype.replace = function(html) {
return jQuery(html).replaceAll(this.image).get(0);
};
jQuery.desaturate.Image.prototype.prepareCanvas = function() {
var canvasStr = '';
this.canvas = jQuery(canvasStr).get(0);
return this.canvas;
};
jQuery.desaturate.Image.prototype.switchToCanvas = function() {
if (this.loaded && this.canvas) {
this.replaceImageWithCanvas();
this.canvas = null;
}
};
jQuery.desaturate.Image.prototype.replaceImageWithCanvas = function() {
var el = this.replace(this.getCanvas());
if (typeof(this.options.onswitch) == 'function')
this.options.onswitch.call(el);
};
jQuery.desaturate.Image.prototype.getCanvas = function() {
var options = this.options;
var canvas = this.canvas;
var canvasContext = canvas.getContext('2d');
var imgW = this.width;
var imgH = this.height;
canvas.width = imgW;
canvas.height = imgH;
canvasContext.drawImage(this.image, 0, 0);
var imgPixels = canvasContext.getImageData(0, 0, imgW, imgH);
for(var y = 0; y < imgPixels.height; y++){
for(var x = 0; x < imgPixels.width; x++){
var i = (y * 4) * imgPixels.width + x * 4;
var avg = imgPixels.data[i]*options.rgb[0] + imgPixels.data[i + 1]*options.rgb[1] + imgPixels.data[i + 2]*options.rgb[2];
imgPixels.data[i] = avg*options.level + imgPixels.data[i]*(1-options.level);
imgPixels.data[i + 1] = avg*options.level + imgPixels.data[i + 1]*(1-options.level);
imgPixels.data[i + 2] = avg*options.level + imgPixels.data[i + 2]*(1-options.level);
}
}
canvasContext.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
return canvas;
};
jQuery.desaturate.Image.prototype.getIeFix = function() {
/* Some jQuery operations like fadeIn/Out can reset filter atribute, so we need 3 SPAN's: 1st for styles and
* correct work with jQuery's animation, 2rd for grayScale filter and last one for alpha image filter.
* Combined 2 filters in one span won't work too.
*/
var blockInit = 'display:block;background:transparent;padding:0;margin:0;';
var strNewHTML = '';
strNewHTML += '';
if (this.isPNG) {
strNewHTML += '';
strNewHTML += '';
} else {
strNewHTML += '![]()
';
}
strNewHTML += '';
strNewHTML += '';
return jQuery(strNewHTML).get(0);
};
jQuery.fn.desaturate = function(options) {
var ret = [];
var _opt = jQuery.extend(true, {}, jQuery.desaturate.defaults, options);
this.each(function() {
var el = this;
var image = null;
var $opt = jQuery.extend(true, {}, _opt, jQuery.metadata ? jQuery(el).metadata() : {}, jQuery(el).data('desaturate'));
if (jQuery.browser.msie && jQuery(el).is("IMG") && $opt.iefix) {
// autofix IE images
image = new jQuery.desaturate.Image(el);
image.options = $opt;
el = image.replace(image.getIeFix());
}
if (jQuery.browser.msie && (jQuery(el).is("IMG") || jQuery(el).hasClass(jQuery.desaturate.customClass))) {
// apply filter for IE
var el1 = el;
if (jQuery(el).hasClass(jQuery.desaturate.customClass))
{
// if this element is our imgage fixed by pngIE - set grayscale filter to child span
el1 = jQuery("SPAN", el).get(0);
}
el1.style.filter = (el1.style.filter ? el1.style.filter+' ' : '') +
'progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)';
if (typeof($opt.onswitch) == 'function')
jQuery.proxy($opt.onswitch, el);
}
if (!jQuery.browser.msie && (jQuery(el).is("IMG"))) {
// convert image to canvas
image = new jQuery.desaturate.Image(el);
image.options = $opt;
el = image.prepareCanvas();
image.switchToCanvas();
}
ret.push(el);
});
return this.pushStack(ret, "desaturate", "");
};
jQuery.fn.desaturateImgFix = function(options) {
if (!jQuery.browser.msie) {
return this;
}
var _opt = jQuery.extend(true, {}, jQuery.desaturate.defaults, options);
var ret = [];
this.each(function() {
var $opt = jQuery.extend(true, {}, _opt, jQuery.metadata ? jQuery(this).metadata() : {}, jQuery(this).data('desaturate'));
if (!jQuery(this).is("IMG")) {
ret.push(this);
} else {
var image = new jQuery.desaturate.Image(this);
image.options = $opt;
ret.push(image.replace(image.getIeFix()));
}
});
return this.pushStack(ret, "desaturateImgFix", "");
};
var paircount = 0;
/* If you want to desaturate after page loaded - use onload event
* of image.
*/
function initImage(obj)
{
obj.onload = null;
var $newthis = $(obj);
if ($.browser.msie)
{
// You need this only if desaturate png with aplha channel
$newthis = $newthis.desaturateImgFix();
}
// class for easy switch between color/gray version
$newthis.addClass("pair_" + ++paircount);
var $cloned = $newthis.clone().attr('id', '');
// reset onload event on cloned object
$cloned.get(0).onload = null;
// add cloned after original image, we will switch between
// original and cloned later
$cloned.insertAfter($newthis).addClass("color").hide();
// desaturate original
$newthis = $newthis.desaturate();
// add events for switch between color/gray versions
$newthis.bind("mouseenter mouseleave", desevent);
$cloned.bind("mouseenter mouseleave", desevent);
};
function desevent(event)
{
var classString = new String($(this).attr('class'));
var pair = classString.match(/pair_\d+/);
// first I try was $("."+pair).toggle() but IE switching very strange...
$("."+pair).hide();
if (event.type == 'mouseenter')
$("."+pair).filter(".color").show();
if (event.type == 'mouseleave')
$("."+pair).filter(":not(.color)").show();
}
$(function() {
});
$(window).load(function() {
$('#slider').orbit({
animation: 'fade', // fade, horizontal-slide, vertical-slide, horizontal-push
animationSpeed: 800, // how fast animtions are
timer: true, // true or false to have the timer
advanceSpeed: 8000, // if timer is enabled, time between transitions
pauseOnHover: true, // if you hover pauses the slider
startClockOnMouseOut: true, // if clock should start on MouseOut
startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
directionalNav: false, // manual advancing directional navs
captions: false, // do you want captions?
captionAnimation: 'fade', // fade, slideOpen, none
captionAnimationSpeed: 800, // if so how quickly should they animate in
bullets: true, // true or false to activate the bullet navigation
bulletThumbs: false, // thumbnails for the bullets
bulletThumbLocation: '', // location from this file where thumbs will be
afterSlideChange: function(){} // empty function
});
$('a.atipsy').tipsy({fade: true, gravity: 's'});
});
$(function() {
/* ----------------------------------------
LAST-CHILD ELEMENTS
add classes for styling
------------------------------------------ */
// Last Child Objects
var listsNeedLasties = [
'.socialize a',
'.inner>div',
'.no-border>div',
'.foot>div',
'.main>ul>li',
'.internal>a',
'.product-list>.product',
'.featurette .inner>.box'
];
// Add last-child class to :last-child objects
$.each( listsNeedLasties, function(i, selector){
$(selector + ':last-child').addClass('last-child');
});
/* ----------------------------------------
COMPARE SLIDER BAR
choose price range for comparison
------------------------------------------ */
// Product Comparison price slider
if ($('#slider-range').length) {
var $min = 49;
var $initrange = 129;
var $max = 1000;
var $comparison = $('.comparison');
var $product = $('.product');
$('#slider-range').slider({
range: true,
min: $min,
max: $max,
step: 10,
values: [ $min, $initrange ],
create: function( event, ui ) {
var $comparison = $('.comparison');
var $price = $('.comparison .price span');
// Filter Slider Results
$price.each(function() {
var $this = $(this);
var $text = $this.text();
var $product = $this.parents('div.product');
// Check Product Price against Selected Range
if ( $text >= $min && $text <= $initrange ) {
$product.addClass('show');
} else {
// Remove class show
$product.removeClass('show');
}
});
// Animate Options
$comparison.isotope({
itemSelector: '.product',
filter: '.show',
masonry: {
columnWidth: 320
},
animationEngine: 'none'
});
},
slide: function( event, ui ) {
// Adjust price numbers in comparison bar based on positions
$( "#amount" ).text( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
var $comparison = $('.comparison');
var $price = $('.comparison .price span');
// Filter Slider Results
$price.each(function() {
var $this = $(this);
var $text = $this.text();
var $product = $this.parents('div.product');
// Check Product Price against Selected Range
if ( $text >= ui.values[0] && $text <= ui.values[1] ) {
$product.addClass('show');
} else {
// Remove class show
$product.removeClass('show');
}
});
// Animate Options
$comparison.isotope();
}
});
$comparison.find('.details a').live('click', function() {
$(this).parents('.product').toggleClass('detail-view');
$comparison.isotope('reLayout');
return false;
});
$( "#amount" ).text( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
}
// change size of clicked element
$('.show-full').live('click', function(){
$(this).parents('.product').children('.full').slideToggle('slow');
return false;
});
$('.flipimage').hover(
function() {
$(this).children('.icon').addClass('active');
},
function() {
$(this).children('.icon').removeClass('active');
}
);
$('#awards div.slider').slide();
});