<!-- jQuery -->
	    <spring:url value="/resources/scripts/jquery-1.12.2.js" var="jquery_url" />
	    <script src="${jquery_url}" type="text/javascript"><!-- /required for FF3 and Opera --></script>	   


        <!-- jQuery UI -->	    
	    <spring:url value="/resources/scripts/jquery-ui-1.11.4.custom/jquery-ui.min.js" var="jquery_ui_url" />
     	<script src="${jquery_ui_url}" type="text/javascript"><!-- /required for FF3 and Opera --></script>

	    <spring:url value="/resources/scripts/jquery-ui-1.11.4.custom/jquery-ui.min.css" var="jquery_ui_css" />
        <link rel="stylesheet" type="text/css" media="screen" href="${jquery_ui_css}" />

	    <spring:url value="/resources/scripts/jquery-ui-1.11.4.custom/jquery-ui.structure.min.css" var="jquery_ui_structure_css" />
        <link rel="stylesheet" type="text/css" media="screen" href="${jquery_ui_structure_css}" />

	    <spring:url value="/resources/scripts/jquery-ui-1.11.4.custom/jquery-ui.theme.min.css" var="jquery_ui_theme_css" />
        <link rel="stylesheet" type="text/css" media="screen" href="${jquery_ui_theme_css}" />

function bookNewDialog() {

	var url = '<iframe id="newBookDialog" src="/stock/books?form"></iframe>';

	$(url).dialog({

		autoOpen : true,

		open : function() {

			$(this).css('width', '95%');

		},

		close : function(event, ui) {
			$(this).dialog("close");
			$("iframe#newBookDialog").remove();
		},

		height : 600,

		width : 750,

		// modal: true,

		destroy : true,

		resizable : true,

		title : "New book",

		draggable : true,

		position : [ "center" ],

		buttons : {

			"Close" : function() {
//				$(this).dialog('destroy');
				$("iframe#newBookDialog").remove();				
				
			}

		}

	});
}