Gallery script not functioning

[jessamca]

I am trying to make a web gallery using the following code on my blog, and the thumbnail images will not load. I tried it out another a blank blog, and it worked fine, so I know I must have something embedded on my site that is preventing it from working. Any recommendations on what to change?

My website is www.lookbookcookbook.com

Many thanks

<div id="content">
<script type="text/javascript">
    function myshowImages(id) {

         /**$(".bigPic").hide();
            $("#pic-"+id).show();*/
            $('.bigPic').css({'display':'none'});
            $("#pic-"+id).fadeIn('slow'); 

    }
</script>
<script>
    $(document).ready(function () {
        $('.email-sign-up').css({'marginBottom':'0px'});        
    })
</script>

<div class="product">
    <div class="galerie">
        <div class="bigPics">
            <a href="insert" target="_blank">
                <img src="insert" title="" alt="" id="pic-0" width="450" height="450" class="bigPic" name="bigPic"  />
            </a>
            <a href="insert" target="_blank">
                <img src="insert" title="" alt="" id="pic-1" width="450" height="450" class="bigPic" name="bigPic" style="display:none;" />
            </a>
        </div>

        <div class="thumbnails">
            <div class="mini-thumb">
                <a href="javascript:myshowImages(0)" >
                    <img src="insert" title="" alt="" />
                </a>
            </div>
            <div class="mini-thumb">
                <a href="javascript:myshowImages(1)" >
                     <img src="insert" title="" alt="" />
                </a>
            </div>

[jessamca]

i've now published the post where the script is not working if that helps!