Javascript-форум - Масштабирование блока, в зависимости от разрешения экрана

Доброго времени суток, уважаемые программисты. Сегодня при создании своей галереи наткнулся на проблему. Пользователи могут загружать большие фотографии (больше разрешения экрана, и поэтому вылезающие за края монитора) и я хотел их уменьшать. Уменьшение происходит, но если я перехожу на следующее изображение, то разрешение нового блока остается неизменным (независимо от того, больше оно или меньше) из-за чего искажаются пропорции. Помогите пожалуйста сделать.

var imag = $('#mainImg');//это главный img, для отображения картинки

imag.load(function(){
	   
			while(imag.width() > screen.width || imag.height() > screen.height) {
				imag.width(imag.width()*0.7);
				imag.height(imag.height()*0.7);
}
		 
		 cont.width(imag.width()+20);
		 cont.height(imag.height()+20);
		 cont.css({'width':imag.width()+20,
			 'height':imag.height()+20,});
		 cont.css({
			 'margin-left':cont.width()/2*(-1),
			 'margin-top':cont.height()/2*(-1),
			 });
		 });

Если вам это поможет то могу выслать код с событий переходов на смену изображений, но на них нету ничего зависящего на разрешение.