的Javascript側翻WordPress的

我想請教一下有側翻的JavaScript按鈕我有我的wordpress主題，問題是代碼被分成兩個部分：的Javascript側翻WordPress的

的第一代碼是關於JavaScript

<script> 
<!-- 
if(document.images) 
{ 
    var image_array = new Array(); 

    // path to the directory with images 
    var path = '/img/'; 

    // enumeration of the "active" images 
    image_array[0] = "<?php bloginfo('template_directory'); ?>/button1_red.png"; 
    image_array[1] = "<?php bloginfo('template_directory'); ?>/button2_red.png"; 
    image_array[2] = "<?php bloginfo('template_directory'); ?>/button3_red.png"; 

    var preload_image = new Array(); 

for(var i=0; i<image_array.length; i++) 
    { 
    preload_image[i]= new Image(); 
    preload_image[i].src = image_array[i]; 
    } 
} 

function rollover(name, filename) 
{ 
    var fullpath = '' + filename; 
    document.images[name].src = fullpath; 
} 
//--> 
</script> 

<!--ROLL OVER SCRIPT-->

和第二個是HTML。

 <div id="buttons"> 

      <a href="http://www.facebook.com/pages/Ben-Daggers/209582909053404" target="_blank" onmouseover=rollover('button1','<?php bloginfo('template_directory'); ?>/button1_red.png'); onmouseout=rollover('button1','<?php bloginfo('template_directory'); ?>/button1_blue.png')><img src="<?php bloginfo('template_directory'); ?>/button1_blue.png" name="button1" width="35" height="35" border="0" title="Like us on Facebook!" alt="BenDaggers.com: Like us on Facebook!"></a> 
      <a href="http://twitter.com/bendaggers" target="_blank" onmouseover=rollover('button2','<?php bloginfo('template_directory'); ?>/button2_red.png'); onmouseout=rollover('button2','<?php bloginfo('template_directory'); ?>/button2_blue.PNG')><img src="<?php bloginfo('template_directory'); ?>/button2_blue.PNG" name="button2" width="35" height="35" border="0" title="Follow us on Twitter!" alt="BenDaggers.com: Follow us on Twitter!"/></a> 
      <a href="http://feeds.feedburner.com/bendaggers" target="_blank" onmouseover=rollover('button3','<?php bloginfo('template_directory'); ?>/button3_red.png'); onmouseout=rollover('button3','<?php bloginfo('template_directory'); ?>/button3_blue.PNG')><img src="<?php bloginfo('template_directory'); ?>/button3_blue.PNG" name="button3" width="35" height="35" border="0" title="Subscribe to our RSS Feeds!" alt="BenDaggers.com: Subscribe to our RSS Feeds!" /></a> 

</div>

我應該在哪裏把javascript代碼因爲按鈕應在側邊欄（sidebar.php的）？

我試着將index.php中的javascript和sidebar.php中的html代碼放在一起，但它不工作。

任何幫助？

來源

2011-10-11 Kleigh Heart Garcia