<div id="menuOrdenPreparacion"> <!-- mantenemos el mismo id por la clase CSS -->
	
    <?php if($abiertaPorMi && $numeroCajasPaletizadas<$numeroCajas) { ?>
    <img id="botonPaletizar" src="<?php echo DIR_IMAGENES; ?>/botones/play.png" alt="Paletizar" class="icono"/>
    <?php } else { ?>
    <img id="botonPaletizarOff" src="<?php echo DIR_IMAGENES; ?>/botones/play-off.png" alt="Paletizar" class="icono"/>
    <?php } ?>
    
    <?php if($abiertaPorMi) { ?>
    <img id="botonLiberar" src="<?php echo DIR_IMAGENES; ?>/botones/stop.png" alt="Liberar de este Packing List" class="icono"/>
    <img id="botonPausar" src="<?php echo DIR_IMAGENES; ?>/botones/pause.png" alt="Pausar y volver al listado" class="icono"/>
	<?php } else { ?>
    <img id="botonLiberarOff" src="<?php echo DIR_IMAGENES; ?>/botones/stop-off.png" alt="Liberar de este Packing List" class="icono"/>
    <img id="botonPausarOff" src="<?php echo DIR_IMAGENES; ?>/botones/pause-off.png" alt="Pausar y volver al listado" class="icono"/>
    <?php } ?>

    <img id="botonCancelar" src="<?php echo DIR_IMAGENES; ?>/botones/back.png" alt="Volver al listado" class="icono"/>
    
</div>

<script>

$(document).ready(function() {

	$('#botonPausar').on("click",function(e){
		e.preventDefault();
		window.location='<?php echo $rutaHtml; ?>/packing-lists.php';	
	});

	$('#botonCancelar').on("click",function(e){
		e.preventDefault();
		window.location='<?php echo $rutaHtml; ?>/packing-lists.php';	
	});
	
});

</script>