function drawProgressBar(color, width, percent, link)  
      {  
        var newcolor = '#CCCCFF';
        if (percent > 33)
         {
           newcolor = '#CCCCFF';
         }
        if (percent > 66)
         {
           newcolor = '#CCCCFF';
         }
        if (percent > 99)
         {
           newcolor = '#CCCCFF';
         }  
      
        var pixels = width * (percent / 100);  
      
        document.write('<div class="smallish-progress-wrapper" style="width: ' + width + 'px">');  
        document.write('<div class="smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + newcolor + ';"></div>');  
        document.write('<div class="smallish-progress-text" style="width: ' + width + 'px"> ' + percent + '%</div>');  
        document.write('</div>');  
      }  
      function drawProgressBar2(color, width, percent, text)  
      {  
        var pixels = width * (percent / 100);  
      
        document.write('<div class="smallish-progress-wrapper" style="width: ' + width + 'px">');  
        document.write('<div class="smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>');  
        document.write('<div class="smallish-progress-text" style="width: ' + width + 'px">' + text + '</div>');  
        document.write('</div>');  
      } 
      
      function drawProgressBar3(percent)  
      {  
        var pixels = 97 * (percent / 100);  
      
        document.write('<div style="position: relative;">')  ;  
        document.write('<div style="position:relative"><a onMouseOver=\'Tip("Click the star rating<br />for an explanation.")\' target=new href=http://www.findmyschool.co.uk/blog/?page_id=89> <img border=0 src=images/0stars.jpg></a></div>');  
       if (percent>0) {
        document.write('<div style="overflow:hidden;position:absolute;top: 0; left: 0;width: ' + pixels + 'px"><a onMouseOver=\'Tip("Click the star rating<br />for an explanation.")\' target=new href=http://www.findmyschool.co.uk/blog/?page_id=89><img border=0 src=images/5stars.jpg></a></div>');  
   }    
    document.write('</div>');  
      } 
      
      function drawProgressBar4(percent)  
      {  
        var pixels = 70 * (percent / 100);  
      
        document.write('<div style="position: relative;">')  ;  
        xdocument.write('<div style="position:relative"><img src=images/0stars-sm.jpg></div>');  
        document.write('<div style="overflow:hidden;position:absolute;top: 0; left: 0;width: ' + pixels + 'px"><img src=images/5stars-sm.jpg></div>');  
        document.write('</div>');  
      } 
      
  
var state = 'none'; 

function showhide(layer_ref) { 

if (state == 'block') { 
state = 'none'; 
} 
else { 
state = 'block'; 
} 
if (document.all) { //IS IE 4 or 5 (or 6 beta) 
eval( "document.all." + layer_ref + ".style.display = state"); 
} 
if (document.layers) { //IS NETSCAPE 4 or below 
document.layers[layer_ref].display = state; 
} 
if (document.getElementById &&!document.all) { 
hza = document.getElementById(layer_ref); 
hza.style.display = state; 
} 
}