<!--CSS JQuery-->
    <link type="text/css" href="{{ STATIC_URL }}css/jquery/smoothness/jquery.ui.all.css" rel="stylesheet" />

    <!--Scripts JQuery-->
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery/jquery-1.4.2.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery/ui/jquery.ui.core.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery/ui/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery/ui/jquery.ui.tabs.js"></script>
    <script type="text/javascript" src="{{ STATIC_URL }}js/jquery/ui/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}js/jquery/ui/jquery.ui.sortable.js"></script>    
    <script type="text/javascript">        
        $(function() {
        	$( "#tabs" ).tabs({
    			event: "mouseover"
    		});
        });
    </script>    

	<script>
		$(function() {
			$( "#sortable" ).sortable();
			$( "#sortable" ).disableSelection();
		});
	</script>
	
	<style>
	.ui-tabs-nav {
		background-image: url("{{ STATIC_URL }}admin/img/nav-bg.gif");
	}	
	</style>