Нужна помощь по js и php в шаблоне - Joomla 2.5: Шаблоны, разметка и макеты вывода

var h = document.getElementsByTagName('head')[0]; 
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '#middle{height: 581px;}';
h.appendChild(style);

<script type="text/javascript">
        function findDimensions()
                {
                var height = 0;
                if(window.innerWidth)
                        height = window.innerHeight;
                else if(document.body && document.body.clientWidth)
                        height = document.body.clientHeight;
                var h = document.getElementById("middle");
                if(h)
                var head = document.getElementsByTagName('head')[0]; 
                style = document.createElement('style');
                style.type = 'text/css';
                style.innerHTML = '#middle{height: '+height - 135 + 'px'+'}';
                head.appendChild(style);
                }
                if (window.addEventListener)
                        window.addEventListener("load", findDimensions, false);
                else if (window.attachEvent)
                        window.attachEvent("onload", findDimensions);
</script>

<script type="text/javascript">
    jQuery(function(){jQuery('.scroll-pane-right').jScrollPane({verticalDragMinHeight: 30, verticalDragMaxHeight: 30});});
</script>

<script type="text/javascript">
   function findDimensions()
    {
           var height = 0;
            if(window.innerWidth)
                   height = window.innerHeight;
                else if(document.body && document.body.clientWidth)
                   height = document.body.clientHeight;
           var a = height - 135;
           var b = document.getElementsByTagName('head')[0];
           style = document.createElement('style');
           style.type = 'text/css';
           style.innerHTML = '#middle, .scroll-pane-right, .scroll-pane-left {height: ' + a + 'px;}';
           b.appendChild(style);
   }
   if (window.addEventListener)
              window.addEventListener("load", findDimensions, false);
   else if (window.attachEvent)
              window.attachEvent("onload", findDimensions);
</script>

$(document).ready(function(){
  var cheight = $(document).height();
  $('.mydiv').height(cheight - 135);
  $(window).resize(function(){
     var cheight = $(document).height();
     $('.mydiv').height(cheight - 135);
  });
});

<script type="text/javascript">
    $(document).ready(function(){
        var h = $(window).height();
        $('#middle').height(h-135);
        $('.scroll-pane').height(h-135);
    });
    $(window).resize(function(){setTimeout('window.location.reload()',0);});
</script>