Prototype nightmare

buttons.html

<?php
/**
 * Openstream
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to [email protected] so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2013 Openstream (http://www.openstream.ch)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
?>
<?php
/**
 * Template for Mage_Adminhtml_Block_Catalog_Product_Edit
 * Template for Mage_Adminhtml_...
 */
?>

<!-- <link rel="stylesheet" type="text/css" href="../../../../../../../skin/adminhtml/default/default/socialcommerce.css">-->

<script type="text/javascript" src="http://openstream.local:108/magento/1.7/js/prototype/prototype.js"></script>
<script type="text/javascript" src="http://openstream.local:108/magento/1.7/js/prototype/validation.js"></script>
<script type="text/javascript" src="http://openstream.local:108/magento/1.7/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="http://openstream.local:108/magento/1.7/js/mage/adminhtml/form.js"></script>
<script type="text/javascript" src="http://openstream.local:108/magento/1.7/js/mage/captcha.js"></script>

<script>

    $$('#twitter > img').invoke('observe', 'click', function(event) {
        alert("list item clicked");
    });

    /*
        $('.post-link').on('click', function(){

            var parents = $(element).ancestors();
            parents[0].addClassName('selected');
        });
*/

</script>


<style type="text/css">
    #socialcommerce li {
        list-style-type: none;
        float: left;
        padding: 2px;
    }

   #socialcommerce li.selected {
       filter:alpha(opacity=30);
       -moz-opacity: 0.3;
       opacity: 0.3;
   }

</style>

<div id="socialcommerce">
    <ul>
        <li id="twitter">
            <a class="" title="Posting to Twitter">
                <img src="twitter.png">
            </a>
        </li>
        <li id="facebook">
            <a class="" title="Posting to Facebook">
                <img src="facebook.png">
            </a>
        </li>
        <li id="delicious">
            <a class="" title="Posting to Delicious">
                <img src="delicious.png">
            </a>
        </li>
    </ul>
</div>