// Hover Effect

function hovereffect(classname,hoverclass,text,tooltip){
var classname = "."+classname;
$(classname).append('<span class="'+hoverclass+'">'+text+'</span>')

$(classname).hover(function() {
	$('.'+hoverclass, this).stop().animate({
	'opacity': 1
		}, 1000, 'easeOutSine')

},function() {
	$('.'+hoverclass, this).stop().animate({
		'opacity': 0
		}, 500, 'easeOutExpo')
})

if(tooltip){
	bubble(classname,"joeblogs")
}
}

function bubble(classname,title){
var title = $(classname).attr("title");
$(classname).append('<em class="bubble">'+title+'</em>')
$(classname).hover(function() {
	$(".bubble", this).stop().animate({
	'opacity': 1,
	'top': -45
	}, 200, 'easeOutSine')

},function() {
	$(".bubble", this).stop().animate({
		'top': -55,
		'opacity': 0
		}, 300, 'easeOutExpo')	
	})

}