diff --git a/modules/crossselling/crossselling.php b/modules/crossselling/crossselling.php
index ebb0434a1..ee9fc14a8 100755
--- a/modules/crossselling/crossselling.php
+++ b/modules/crossselling/crossselling.php
@@ -100,6 +100,7 @@ class CrossSelling extends Module
 	public function hookHeader()
 	{
 		$this->context->controller->addCSS(($this->_path).'crossselling.css', 'all');
+		$this->context->controller->addJS(($this->_path).'js/crossselling.js');
 	}
 
 	/**
diff --git a/modules/crossselling/crossselling.tpl b/modules/crossselling/crossselling.tpl
index 80ce798f5..b10ab5f99 100755
--- a/modules/crossselling/crossselling.tpl
+++ b/modules/crossselling/crossselling.tpl
@@ -25,8 +25,7 @@
 
 {if isset($orderProducts) && count($orderProducts)}
 <div id="crossselling">
-	<script type="text/javascript">var middle = {$middlePosition_crossselling};</script>
-	<script type="text/javascript" src="{$content_dir}modules/crossselling/js/crossselling.js"></script>
+	<script type="text/javascript">var cs_middle = {$middlePosition_crossselling};</script>
 	<h2 class="productscategory_h2">{l s='Customers who bought this product also bought:' mod='crossselling'}</h2>
 	<div id="{if count($orderProducts) > 5}crossselling{else}crossselling_noscroll{/if}">
 		{if count($orderProducts) > 5}<a id="crossselling_scroll_left" title="{l s='Previous' mod='crossselling'}" href="javascript:{ldelim}{rdelim}">{l s='Previous' mod='crossselling'}</a>{/if}
diff --git a/modules/crossselling/js/crossselling.js b/modules/crossselling/js/crossselling.js
index 73db212a5..deb924291 100755
--- a/modules/crossselling/js/crossselling.js
+++ b/modules/crossselling/js/crossselling.js
@@ -60,5 +60,5 @@ $(document).ready(function(){
 		force:false,
 		cycle:false
 	});
-	$('#crossselling_list').trigger( 'goto', [middle-3] );
+	$('#crossselling_list').trigger( 'goto', [cs_middle-3] );
 });