$(document).ready(function() {
	var margin=0;
	$("#topnav li").prepend("<a class=\"ba\" href=\"\"></a>"); //Throws an empty span tag right before the a tag

	$("#topnav li").each(function() { //For each list item...
		var linkText = $(this).find("a").not('.ba').html(); //Find the text inside of the <a> tag
		var href=$(this).find("a").not('.ba').attr('href');
		$(this).find("a.ba").show().html(linkText); //Add the text in the <span> tag
		$(this).find('a.ba').attr('href',href);
	}); 

	$("#topnav li").hover(function() {	//On hover...
		$(this).find('a.ba').stop().animate({
			marginTop: "-40" //Find the <span> tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		$(this).find('a.ba').stop().animate({
			marginTop: "0"  //Move the <span> back to its original state (0px)
		}, 250);
	});
var i=0;
var deg=0;
var speed=20;
var rotate=2;
var break_before=3;
var break_after=3;

setInterval(function() {
    i=i+speed;
    var a=(break_before*100)*speed;
    if (i>=a) {
        if (i>a && i<a+360*rotate) deg+=speed; else deg=0;
    	if (i>=a+360*rotate+(break_after*100)*speed) i=0;
	$('img.spin').css('-moz-transform','rotate(-'+deg+'deg)');
	$('img.spin').css('transform','rotate(-'+deg+'deg)');
	$('img.spin').css('-o-transform','rotate(-'+deg+'deg)');
	
    }
},speed);
});