Jquery lightbox help

Hi,

I'm trying to get some javascript to work from code within a fancybox and fullcalendar. The caendar code works great, its trying to store the date range thats the problem.

Basically, once a user has selected a date range, id like a lightbox to show a confirm yes/no button, which then fires a ajax request to a php page. My JS is a bit rusty to say the least, any help to get this working would be much appreciated.

Here is my code, I've commented where Im stuck:

Code:

---


  $('.button').click(function(){
              // Call the function to handle the AJAX.
            sendValue($(this).val()); 
     
    });

// post to ajax page and display in lightbox
  function sendValue(str){
            $.post("ajax.php",{ sendValue: str },
            function(data){
                                var fancyContent = ('<div class="header">Request sent</div>');
                            $.fancybox({
                content: fancyContent
            });
            }, "json");
         
        }
       


        $(document).ready(function() {
       
        var liveDate = new Date(); // current Date
                var date = new Date();
                var d = date.getDate();
                var m = date.getMonth();
                var y = date.getFullYear();
               
                var calendar = $('#calendar').fullCalendar({
                disableDragging: true,
                        header: {
                                left: 'prev,next today',
                                center: 'title',
                                right: 'year'
                        },
                       
                        selectable: true,
                        selectHelper: true,
                        select: function(start, end, allDay) {
                        // disable booking dates in the past
                          if (liveDate > start) {
          var fancyContent = ('<div class="header">Canot book dates in the past</div>');
                                  $.fancybox({
                content: fancyContent
            });
                                return false;
            } else {
                        // get user to confirm selection, then use ajax post at top of code
                        var fancyContent = ('<div class="header">Book the following days off</div>Start Time: </b></label>' + start + '<br>' + '<label><b>End Time: </b></label>' + end + '<br>' + '<label><a href="#" class="button">Yes</a><a class="button" href="#">No</a></div>');
                          .fancybox({
              content: fancyContent
            });
                       
                        //if ajax post successful then show booking on page
                       
                                if (confirmed) {
                                        calendar.fullCalendar('renderEvent',
                                                {
                                                        title: title,
                                                        start: start,
                                                        end: end,
                                                        allDay: allDay
                                                },
                                                true // make the event "stick"
                                        );
                                } // end of if
                                } // end of else
                               
                                calendar.fullCalendar('unselect');
                        },
                        editable: true,
                        events: 'json-events.php'
                       
                });
               
        });

---