Error con onClick, no activa el z-index.

[jorgemibanez]

<div onmouseover="document.getElementById('photo-edit').style.visibility='visible'" onmouseout="document.getElementById('photo-edit').style.visibility='hidden'" onclick="document.getElementById('photo-editor').style.z-index='1000'" style="
width: 120px;
height: 120px;
float: right;
background-color: rgb(83, 108, 133);
border: 1px solid #E2E2E2;
background-image: url(camera-photo.png);
position: relative;
cursor: pointer;
">
</div>

Se supone que al dar click dentro de este div debería aparecer otro div, que se encuentra oculto al tener un z-index menor.

Me devuelve este error: Uncaught ReferenceError: Invalid left-hand side in assignment