Configuración del índice z en elementos arrastrables

Estoy tratando de establecer el índice z en elementos arrastrables usando jQuery. Puedes ver de lo que estoy hablando y lo que tengo hasta ahora aquí:

http: //jsfiddle.net/sushik/LQ4JT/1

Es muy primitivo y hay problemas con él. Cualquier idea sobre cómo haría que el último elemento en el que se hizo clic tenga el índice z más alto y en lugar de restablecer todo el resto a una basez-index, haga que avancen, de modo que el segundo al último clic tenga la segunda @ más alz-index, etc. ..

Otro problema que tengo con él es que solo funciona en un evento de clic completo, pero la funcionalidad arrastrable funciona haciendo clic y manteniendo presionada. ¿Cómo podría aplicar la clase en ese clic inicial y no esperar el evento de liberar el clic?

Respuestas a la pregunta(5)

Su respuesta a la pregunta