<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
	require_once 'conf/link.php';
	require_once '_cargar_almacen.php';
?>
<html>
<head>
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<link rel="stylesheet" href="css/dragcss.css" media="screen" type="text/css" />
<script type="text/javascript" src='js/drag.js'></script>
<script type="text/javascript">
function validarForm(formlist)
{
	if(formlist.nombrelista.value.length==0)
	{
		formlist.nombrelista.focus();    // Damos el foco al control
		alert('No has escrito el nombre de la lista'); //Mostramos el mensaje
		return false;
	}
	else
	{
		saveDragDropNodes();
		formlist.submit();
	}
}

</script> 
</head>
	<body>
		<form method='post' action='_list_new.php' name='formlist' id='formlist' >
		<input type='hidden' name='listOfItems' id='listOfItems' value=''/>
			Nombre de Lista : <input type='text' name='nombrelista' id='nombrelista' size='40' /><br>
			Elementos Multimedia<br>
			

<div id="dhtmlgoodies_dragDropContainer">
	<div id="dhtmlgoodies_listOfItems">
		<div>
			<p>Almac&eacute;n Multimedia</p>
			<ul id="allItems">
				<?php echo cargar_almacen($conexion); ?>
			</ul>
		</div>
	</div>
	<div id="dhtmlgoodies_mainContainer">
		<!-- ONE <UL> for each "room" -->
		<div>
			<p>Nueva Lista de Reproducción</p>
			<ul id="seleccionados">
				
			</ul>
		</div>
		
	</div>
</div>
<div id="footer">
<input type="button" value="Enviar" onClick='validarForm(formlist);'></form>
</div>
<ul id="dragContent"></ul>
<div id="dragDropIndicator"><img src="images/insert.gif"></div>
	</body>
</html>