$(document).ready(function() {



       $('.button').mousedown(function(e){
       var position = $('.star').position()
       //координаты начала блока со звездочкой
       var eventPoint = position.left;
       var block = $('.button');
       //определяем в координаты первого клика по блоку    
        var clickCoordinates = e.pageX;
   //    var blockStartPos = block;
        var endBlock = $('.star').offsetLeft;
        var cuteEnd = (this.offsetLeft + 130) - clickCoordinates;
     //   $("#cuteCount").text(cuteEnd);
     //   $("#clickCoordinates").text(clickCoordinates);
      //  $("#endPoint").text(endBlock);
    //    $("#blockStartPos").text(this.offsetLeft);
//        $("#blockEnd").text(this.offsetLeft + 130);
          $().mousemove(function(b){
            var pagesX = b.pageX + cuteEnd;
    //        $('#pageX').text(pagesX);
            var marginVal = b.pageX - clickCoordinates;

     //       $("#marginVal").text(marginVal);
              if (marginVal >= 0) {$(block).css("margin-left", marginVal);}
              var bingo = pagesX - eventPoint;
     //       $('#endPoint').text(bingo)

            if (bingo >= 0) {
               $(block).animate({marginLeft:"0"}, 450);
                     $('.star').css({backgroundPosition: '0px 0px'});
               $().unbind();

                    $.fancybox({


                                             'transitionIn'	:	'elastic',
                                             'transitionOut'	:	'elastic',
                                             'speedIn'		:	600,
                                             'speedOut'		:	200,
                                             'overlayShow'	:	false,
                                             'href' : '/images/site/celebrate.jpg',
                                             'orig' : $('.star'),
                                             'onComplete': function() {$('.star').css({backgroundPosition: '0px -33px'})},
                                             'onClosed': function() {$('.star').css({backgroundPosition: '0px -66px'})}

                        });
                       $.fancybox.hideActivity()



            }



          });

         $().one('mouseup', function(){
                 $(block).animate({marginLeft:"0"}, 450)
                  $().unbind();
           });

           

         return false;

    });



});