Problema con resize y fundamentos de jquery para sitio web responsive

[JCmaillo]

Hola a todos,

hace poco que estoy desarrollando con jquery y estoy intentando hacer algunas cosas para mi web responsive pero no terminan de funcionar, tampoco se si estoy haciendolo del todo bien. Agradecería me echasen una mano al respecto.

Estoy intentando hacer que funcione resize y que ejecute de nuevo mi función ya que es esencial para que se adapte al cambiar de tamaño la ventana.

Lo que estoy haciendo es ajustar la altura de mis contenidos siempre a la altura de la ventana. Tengo 3 areas de contenido, 2 de ellos tienen siempre el mismo tamaño, por lo que en el 3 area (fotos) es donde aplico el tamaño necesario para llenar la altura de la ventana.
Funciona perfecto al cargar la página pero no cambia al hacer el resize.

Código que estoy usando:

Código:

$(document).ready(function(){

var $window = $(window);
var $windowHeight = $window.height();
var $windowWidth = $window.width();


var $wrapper_fotos = $('#wrapper-fotos');
var $img_model = $('#wrapper-fotos .img');
var $filterHeight = $('.wrapper-filter').height();
var $info = $('#info').height(); 

var $fotos_single_height =  $windowHeight - ($filterHeight + $info) - 6; //Obtenemos la altura exacta de las fotografías


//Mi funcion
function MarginSection(){

if ($windowWidth > 700){ //Si la ventana es mas ancha de 700
	
	$wrapper_fotos.css({"height": $fotos_single_height});//Aplica la altura resultante
	$img_model.css({"height": $fotos_single_height});
	}
}

MarginSection();

$(window).resize(function() {
	MarginSection();
});
	
	
});