Getting an error on the product page so nothing shows beyond the main div
Uncaught TypeError: Object #<Object> has no method 'supports'
avia.js:225
Just can not work out why this error occurs?
// -------------------------------------------------------------------------------------------
// fancy hover effect
// -------------------------------------------------------------------------------------------
(function($)
{
"use strict";
$.avia_utilities = $.avia_utilities || {};
$.fn.avia_fancy_buttons = function(passed_options)
{
var win = $(window),
defaults =
{
target: false,
copy_img: true
},
options = $.extend({}, defaults, passed_options);
return this.each(function()
{
//check if the browser supports element rotation
if(!$.avia_utilities.supports('transition', ['Khtml', 'Ms','Moz','Webkit'])) { return false; }
Uncaught TypeError: Object #<Object> has no method 'supports'
var buttons = $(this),
current = false,
target = false,
html = "<span class='css_3_hover'></span>",
effect = false;
buttons.each(function()
{
current = $(this).addClass('css_3_hover_container');
target = options.target ? current.find(options.target) : current;
effect = $(html).appendTo(current);
//fix the default hover color
target.css('background-color', target.css('background-color'));
if(options.copy_img)
{
effect.css('background-position', target.css('background-position'));
effect.css('background-image', target.css('background-image'));
}
});
});
};
})(jQuery);
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
