I have a problem when it comes to inherit css and javascript to nodes lower than the second level.

To make the interface easy for the end user, I have put all nodes (that the user can access from the menu), in files under the home page. For every node that have more children, these are then place under its parent node. In this way I will get a nice hierarchal folder system. The doctypes are as the content, placed in the hierarchal structure.

All templates are placed directly under a master template which they inherit from.  The master template imports all the css and javascripts files. The problem is when the content pages are located more than one level under the homepage, the javascript and the css stops working, even though their templates are locater irectly under the master template.  It works fine for the nodes directly under the home page. How can I make the inheritance work through the whole hierarchal structure?

The second problem I have is related to this problem. I have imported the jCarousel packet and it works fine, when the node keeping the carousel is placed directly under the Content folder. I would like to take the javascript out from the xslt and put it in the javascrit file, so I have everything in one place. But the script tag includes some xslt, and I do not know how to seperate them.

<script type="text/javascript">
$(document).ready(function() { 
   $('#s3slider').s3Slider({ 
      timeOut: <xsl:value-of select="$currentPage/data[@alias='speed']"/>
   });
}); 
</script>

Does anyone know how to do this?

Thankful for all help I can get!