[Jquery] height in proporzione alla larghezza della della finestra

otta

[Jquery] height in proporzione alla larghezza della della finestra

In un template responsive non potendo impostare una altezza fissa di una immagine nè potendo utilizzare height:auto calcolo l'altezza dell'immagine in base alla larghezza della finestra del browser con il seguente codice:

$(document).ready(function() {
var bodywidth = $(document).width();
var ratioheight = (bodywidth/3.582);
$("#gallery").height(ratioheight);
});

// for the body resize active
$(window).resize(function() {
var bodywidth = $(document).width();
var ratioheight = (bodywidth/3.582);
$("#gallery").height(ratioheight);
});

Funziona bene ma sul mobile (iphone/ipad) succede che passando da portrait a landscape l'altezza dell'immagine non venga ricalcolata e quindi in modalità landscape l'immagine ha dimensioni più piccole.

Qualcuno può darmi una mano per capire come implementare una funzione del genere?:

$(window).bind('orientationchange resize', function(event){
if(event.orientation) {
if(event.orientation == 'portrait') {
// do something
} else if (event.orientation == 'landscape') {
// do something else
}
} else {
// optional... PC-version javascript for example
}

});

Grazie in anticipo.

yudoit