title: script error- ready function()?
body: <p>i have two ready function() script,how to combine  this  to keep in header file..can someone rearrange code to help me,,,pllz </p>
  
  <p>1)</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {  
  
      //Get the height of the first item
      $('#mask').css({'height':$('#panel-1').height()});  
  
      //Calculate the total width - sum of all sub-panels width
      //Width is generated according to the width of #mask * total of sub-panels
      $('#panel').width(parseInt($('#mask').width() * $('#panel div').length));
  
      //Set the sub-panel width according to the #mask width (width of #mask and sub-panel must be same)
      $('#panel div').width($('#mask').width());
  
      //Get all the links with rel as panel
      $('a[rel=panel]').click(function () {
  
          //Get the height of the sub-panel
          var panelheight = $($(this).attr('href')).height();
  
          //Set class for the selected item
          $('a[rel=panel]').removeClass('selected');
          $(this).addClass('selected');
  
          //Resize the height
          $('#mask').animate({'height':panelheight},{queue:false, duration:500});         
  
          //Scroll to the correct panel, the panel id is grabbed from the href attribute of the anchor
          $('#mask').scrollTo($(this).attr('href'), 800);     
  
          //Discard the link default behavior
          return false;
      });
  
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>2)</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(
          function(){
              $('#testim').innerfade({
                  animationtype: 'slide',
                  speed: 750,
                  timeout: 4000,
                  type: 'random',
                  containerheight: '102px'
              });
  
      });
  
      //Get the height of the first item
      $('#mask').css({'height':$('#panel-1').height()});  
  
      //Calculate the total width - sum of all sub-panels width
      //Width is generated according to the width of #mask * total of sub-panels
      $('#panel').width(parseInt($('#mask').width() * $('#panel div').length));
  
      //Set the sub-panel width according to the #mask width (width of #mask and sub-panel must be same)
      $('#panel div').width($('#mask').width());
  
      //Get all the links with rel as panel
      $('a[rel=panel]').click(function () {
  
          //Get the height of the sub-panel
          var panelheight = $($(this).attr('href')).height();
  
          //Set class for the selected item
          $('a[rel=panel]').removeClass('selected');
          $(this).addClass('selected');
  
          //Resize the height
          $('#mask').animate({'height':panelheight},{queue:false, duration:500});         
  
          //Scroll to the correct panel, the panel id is grabbed from the href attribute of the anchor
          $('#mask').scrollTo($(this).attr('href'), 800);     
  
          //Discard the link default behavior
          return false;
      });
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>when i keep like this one progoram is running,one not,,how to fix,,,,</p>