What is the error?

What is the error?

Hi.. could anyone tell me why this is doesn't work? the problem is when I open the page that at the beginning the .flex-viewport is not in the right place as when I resize or I reload the page... I premise that I'm not good with jquery and I'm trying to learn!


  3. var halfWindowHeight = jQuery( window ).height()/2;
  4. var halfViewportHeight = jQuery('#content .flexslider .slides li').height()/2;

  6. function putOnTheMiddle(){
  7.       var halfWindowHeight = jQuery( window ).height()/2;
  8.       var halfViewportHeight = jQuery('#content .flexslider .slides li').height()/2;
  9.       var result = parseFloat(halfWindowHeight) - parseFloat(halfViewportHeight);
  10.       var viewportNavHeight =  jQuery('.flex-control-nav li').height();
  11.       var paddingViewNav = jQuery('.flex-control-nav').css('padding-top');
  12.       var totViewNav = parseFloat(viewportNavHeight) + parseFloat(paddingViewNav);
  14.       jQuery('.flex-viewport').css("margin-top", result - parseFloat(totViewNav) + "px");
  15. }


  18. jQuery( window ).load(function(halfViewportHeight){
  19.        putOnTheMiddle()
  20. });

  22. jQuery( window ).resize(function(halfViewportHeight){
  23.        putOnTheMiddle()
  24. });