X-Cart forums - Javascript

Hi, im trying to add javascript slider to my site , but it is not working..

i have added the following to /ideal_comfort/customer/home.tpl

in between the <head> tags..

Code:

{literal}



    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>        

        

        



        <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>                        

    <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>                

        



        <script type="text/javascript" src="rs-plugin/js/jquery-ui-1.8.21.custom.min.js"></script>                

        <script type="text/javascript" src="previewjs/preview-normal.js"></script>                

        

                <link href='http://fonts.googleapis.com/css?family=Share' rel='stylesheet' type='text/css' />



{/literal}

and to File: /ideal_comfort/customer/main/home_page_banner.tpl

Code:





<div> myslider</div>







{literal}        <script type="text/javascript">

                                                                

                                var tpj=jQuery;

                                tpj.noConflict();

                                

                                tpj(document).ready(function() {

                                

                                if (tpj.fn.cssOriginal!=undefined)

                                        tpj.fn.css = tpj.fn.cssOriginal;



                                        tpj('.banner-simple').revolution(

                                                {        

                                                        delay:9000,                                                                                                

                                                        startheight:400,                                                        

                                                        startwidth:600,

                                                        

                                                        hideThumbs:0,

                                                        

                                                        thumbWidth:100,                                                        // Thumb With and Height and Amount (only if navigation Tyope set to thumb !)

                                                        thumbHeight:50,

                                                        thumbAmount:5,

                                                        

                                                        navigationType:"bullet",                                        //bullet, thumb, none, both                (No Thumbs In FullWidth Version !)

                                                        navigationArrows:"nexttobullets",                //nexttobullets, verticalcentered, none

                                                        navigationStyle:"square",                                //round,square,navbar

                                                        

                                                        touchenabled:"on",                                                // Enable Swipe Function : on/off

                                                        onHoverStop:"on",                                                // Stop Banner Timet at Hover on Slide on/off

                                                        

                                                        navOffsetHorizontal:0,

                                                        navOffsetVertical:0,

                                                        

                                                        shadow:2,                                                                //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows  (No Shadow in Fullwidth Version !)

                                                        fullWidth:"off"                                                        // Turns On or Off the Fullwidth Image Centering in FullWidth Modus

                                                                                                                

                                                });        



                                        });

                                        

                        </script>

                {/literal}

but it does not work?.. any idea?, i'd love some help .

Regards