(function ($) {

$(document).ready( function () {

  var ref         = location.href;
  var iFrameWidth = $('atw_stream').attr('width');
  var page        = $('atw_stream').attr('page');
  var filter      = $('atw_stream').attr('filter');
  var lang        = '';

  if ($('atw_stream').attr('lang') == 'undefined' || $('atw_stream').attr('lang') == '') {
        lang = 'de';
  } else {
        lang = $('atw_stream').attr('lang');
  }

  $('atw_stream').before('<div id="atwPreload" style="width: ' + iFrameWidth + 'px; text-align: center;"><img style="border: none; margin: none; padding: none;" src="http://social-extension.abouttheweb.de/css/img/fbpre.gif" /></div>');

  var iFrame = '<div id="atwLink" style="display: none; margin-bottom:3px; text-align: right; color: #808080; font-size: 11px; width: ' + iFrameWidth + 'px;"></div>' +
               '<iframe src="http://social-extension.abouttheweb.de/page/' + page + '?filter=' + filter + '&width=' + iFrameWidth + '&lang=' + lang + '&ref=' + ref + '"' +
                  'id="abouttheweb-social-extension-feed"' +
                  'name="abouttheweb-social-extension-feed"' +
                  'frameborder="0"' +
                  'width="' + iFrameWidth + '"' +
                  'scrolling="no">' +
               '</iframe>'

  $('atw_stream').replaceWith(iFrame);
  
  $('#abouttheweb-social-extension-feed').bind('load', ( function() {
    $('#atwPreload').remove();
  }));

  $.receiveMessage(
    function(e){
      
      $('#atwLink').css('cssText', 'display: block !important');
      $('#abouttheweb-social-extension-feed').css({'height' : e.data + 'px'});
    },
    'http://social-extension.abouttheweb.de'
  );
});

}(jQuery));