<?php 

<script type="text/javascript">

jQuery.noConflict();

    jQuery(function() {

        //run the currently selected effect

        function runEffect(){

            //get effect type from 

            var selectedEffect = 'slide';

            

            //most effect types need no options passed by default

            var options = {};

            //check if it's scale or size - they need options explicitly set

            if(selectedEffect == 'scale'){  options = {percent: 0}; }

            else if(selectedEffect == 'size'){ options = { to: {width: 200,height: 60} }; }

            

            //run the effect

            jQuery("#effect").toggle(selectedEffect,options,500);



        };

        

        //set effect from select menu value

        jQuery("#button").click(function() {

            jQuery(this).toggleClass("clickedbuttons")

            runEffect();

            return false;

        });



    });

    </script>

<style type="text/css">

.buttons {

    background: url(images/tab2.png) no-repeat;

    width: 29px;

    height: 37px;

    display: block;

    cursor: pointer;

    margin-right: -30px;

}



.clickedbuttons {

    background: url(images/tab1.png) no-repeat;

    width: 29px;

    height: 37px;

    display: block;

    cursor: pointer;

    margin-right: -30px;

}

</style>