$(document).ready(function(){
	$('img.xfire_img').mouseInfo($('.xfire_info'));
	$('#wrap3').cycle({
		fx: 'scrollDown',
		timeout: 5000});


});

$.fn.mouseInfo = function(note)
{//makes info show up right next to mouse cursor when hovering over this.
	var noteC = note.clone();
	$('body').append(noteC);
	noteC.css('position',"absolute")
	    .hide();
	this.mousemove(function(e){
			noteC.show().css('top',e.pageY+20+"px").css('left',e.pageX-20-note.width()+"px");
	});
	this.mouseout(function(){noteC.hide();});
	
}
