$(document).ready(function() {


function nobg() {
//$("#shar").css('background', 'none');
$("#shar").html('<a class="thickbox" href="/y.php?code=09u3rdjbfsydh289" style="font-family: Tahoma, Verdana, sans-serif; text-decoration:none; color:#000; font-size: 30px; background-color:#fff; position:relative; top:40px;">Êëèê!</a>');
}

$("#shar").click(function(){
$(this).animate({"top": "-=400px" }, 900, nobg);
$(this).animate({"top": "+=400px" }, 1000);

});

//$("#shar").animate({"left": "+=50px"}, "slow");

//var x = 0;

 function runIt2() {
$("#shar-2").animate({"left": "+=15px", "top": "+=10px" }, 1000);
$("#shar-2").animate({"left": "+=5px", "top": "+=10px" }, 1000);
$("#shar-2").animate({"left": "+=10px", "top": "+=5px" }, 1000);
$("#shar-2").animate({"left": "-=10px", "top": "+=10px" }, 1000);
$("#shar-2").animate({"left": "-=20px", "top": "+=5px" }, 1000);
$("#shar-2").animate({"left": "+=5px", "top": "-=20px" }, 1000);
$("#shar-2").animate({"left": "-=5px", "top": "-=20px" }, 1000,runIt2);
 }

 runIt2();

function runIt() {
$("#shar").animate({"left": "+=15px", "top": "+=10px" }, 1000);
$("#shar").animate({"left": "+=5px", "top": "+=10px" }, 1000);
$("#shar").animate({"left": "+=10px", "top": "+=5px" }, 1000);
$("#shar").animate({"left": "-=10px", "top": "+=10px" }, 1000);
$("#shar").animate({"left": "-=20px", "top": "+=5px" }, 1000);
$("#shar").animate({"left": "+=5px", "top": "-=20px" }, 1000);
$("#shar").animate({"left": "-=5px", "top": "-=20px" }, 1000,runIt);
 }
 //runIt();
});