window.addEvent('domready', function() {

   $('tell_a_friend').setStyle('left', (($('container').offsetWidth - $('tell_a_friend').offsetWidth) / 2));
   $('link_to_this_content').setStyle('left', (($('container').offsetWidth - $('link_to_this_content').offsetWidth) / 2));
   $('share_content').setStyle('left', (($('container').offsetWidth - $('share_content').offsetWidth) / 2));
   $('tell_a_friend').inject($('container'));
   $('link_to_this_content').inject($('container'));
   $('share_content').inject($('container'));
   $('tell_a_friend').fade('hide');
   $('link_to_this_content').fade('hide');
   $('share_content').fade('hide');
   container = $('inner-container');
   init();
});

var container;

function init(){

  if($('article-special')){
    $('main-col').set("html", $('main-col').get("html").replace("[fti.special]", "<div id='feature'></div>"));
    $('feature').grab("article-special");
  }

  $('email_friend').addEvent('click', function(){
    toggleFadeInBlock('tell_a_friend');
  });
  $('cancel_friend').addEvent('click', function(){
    toggleFadeInBlock('tell_a_friend');
  });
  $('cancel_friend_cross').addEvent('click', function(){
    toggleFadeInBlock('tell_a_friend');
  });
  $('link_to_this').addEvent('click', function(){
    toggleFadeInBlock('link_to_this_content');
  });
  $('cancel_link').addEvent('click', function(){
    toggleFadeInBlock('link_to_this_content');
  });
  $('cancel_link_cross').addEvent('click', function(){
    toggleFadeInBlock('link_to_this_content');
  });
  $('share_link').addEvent('click', function(){
    toggleFadeInBlock('share_content');
  });
  $('share_cancel').addEvent('click', function(){
    toggleFadeInBlock('share_content');
  });
  $('share_cancel_cross').addEvent('click', function(){
    toggleFadeInBlock('share_content');
  });

}

function toggleFadeInBlock(elem){
  if($(elem).getStyle("opacity") == "1"){ container.fade(1); $(elem).fade(0); }
  else { container.fade(0.2); $(elem).fade(1); }

  if($(elem).getElement(".share_links")) $(elem).getElement(".share_links").fade("in");
}
