var box_number = 1;

function getNewBox(){
       var questionDiv = $("<div class='question_box'></div>");
       
       var divCSS = {
              'width':'900px',
              'height':'500px',
              'position':'fixed',
              'z-index':'1',
              'top':'50%',
              'left':'100%',
              'margin':'-250px 0 0 0',
              'color':'white',
              'border-radius':'10px',
              'padding':'10px',
              'background':'#000000'
              
       }
       
       questionDiv.css(divCSS);
       $(questionDiv).opaqueDiv({
                     background:'#000000',
                     roundedCorners: 10,
                     opacity: 0.9,
                     padding: 10
       });
       //console.log(questionDiv);
       
       return questionDiv;   
}

$(document).ready(function(){
       
       $('.next_question').live('click', function(e){
              e.preventDefault();
              
              if(box_number > 1){
                     
                     $('.question_'+(box_number-1)).animate({
                            opacity: 1,
                            marginLeft: '-=2000'
                     }, 1000, function() {
                            $('.question_'+(box_number-1)).remove();
                     });
              }
              var box = getNewBox();
              
              $('body').append(box);

              $(box).addClass('question_'+box_number);
              
              var ajaxURL = $(this).attr('href');
              var content;
              $.ajax({
                     type:'GET',
                     url: ajaxURL,
                     async:false,
                     success:function(msg){
                            content =msg;
                           $('.fill_me').html(content);
                     }
              });
             
              $(box).animate({
                     opacity:1,
                     left: '-=50%',
                     marginLeft: '-=450px'
              },1000, function(){
                     box_number++;
                     $('.fill_me').html(content);
                      
                     
                     
              });
              
              return false;
       });
       
       $('.previous_question').live('click', function(e){
              e.preventDefault();
              
              $('.question_'+(box_number-1)).animate({
                     opacity: 0,
                     marginLeft: '+=2000'
              }, 1000, function() {
                     $('.question_'+(box_number-1)).remove();
              });

              var box = getNewBox();
              
              $('body').append(box);
              
              box_number--;
              $(box).addClass('question_'+box_number);
              
              $(box).css('left','-50%');
              
              var ajaxURL = $(this).attr('href');
              $.ajax({
                     type:'GET',
                     url: ajaxURL,
                     async:false,
                     success:function(msg){
                           $('.fill_me').html(msg);
                     }
              });
             
              $(box).animate({
                     opacity:1,
                     left: '+=75%'
              },1000, function(){
                     box_number++;
                      
                     
                     
              });
              
              return false;
       });
       
});