Strano problema nel ridimensionare larghezza di un box con resize()

[Rodrigoson6]

Ciao ragazzi...

sono due giorni che ci sto lavorando su ma niente! non riesco proprio a capire come risolvere!!!!

Vi spiego:

devo creare una sorta di overlay che appunto, quando clicco su una tra le tante immagini di una galleria, questa appare in un box.
Il problemone è che questo box deve trovarsi al centro della finestra. E se modifico la dimensione della finestra, comunque al centro deve trovarsi!

1) quando la larghezza del box (che non ha una larghezza fissa) è MAGGIORE della larghezza dell'immagine (non la larghezza dell'immagine ridimensionata eh!), al box aggiungo ciò:

$('#box').css('left', '50%');$('#box').css('transform','translate3d(-50%,0,0)');

2) quando la larghezza del box è MINORE della larghezza dell'immagine al box aggiungo ciò:

$('#box').css('left', '0%');$('#box').css('transform','translate3d(0%,0,0)');

Il problema sta nel codice javascript
Non mi funziona il punto 1.

Vi posto il jsfiddle dove potete vedere il codice

http://jsfiddle.net/tvafw5Ls/2/


Vi prego ragazzi aiutatemi ((

Grazie

[Rodrigoson6]

Ho risolto

alla fine mi è arrivato il lampo di genio

invece di stare a confrontare la grandezza del box con la grandezza dell'immagina originale, ho detto:

ma perchè non faccio un confronto tra la larghezza dell'immagine originale e larghezza dell'immagina ridimensionata?

ecco a voi il codice:
http://jsfiddle.net/tvafw5Ls/7/