$(document).ready(function() {
  
  var $overlay;
  var $dialog;
  
  Cufon.replace('.box a, #header #slogan', { fontFamily: 'Myriad Pro'});
  
  $('.navi > li:first').addClass('blue');
  $('.navi > li:eq(1)').addClass('orange');
  
  $('.navi > li > a, .box, #dialog-content a:not(.flag)').live('click',function(){
    
    // Make sure no other dialogs open
    
    if($('#overlay').size())
         $('#overlay').remove();
    
    if($('#dialog-wrapper').size())
        $('#dialog-wrapper').remove()
    
    if($(this).hasClass('box'))
    {
      var href = $(this).find('a').attr('href');    
    } else
    {
      var href = $(this).attr('href');
    }
    var content;
   
    $.post(href+'?disableLayout=1', {}, function(response){
      $overlay = createOverlay();
      $dialog = createDialog();
      
      $dialog.find('#dialog > #dialog-content').html(response).end().find('#closeDialog').click(function(){ $overlay.remove(); $dialog.remove(); });
      
      $overlay.click(function(){ $overlay.remove(); $dialog.remove(); });
            
      $dialog.appendTo('body');
      $overlay.appendTo('body');

      if($dialog.find('img#background').size())
      {
        var $bg = $('#dialog').find('#background');

          
        $('#dialog').css('background-image','url('+$bg.attr('src')+')');
        
        $bg.remove();
      }
      
      //Cufon.replace('#dialog-content h1,h2,h3', { fontFamily: 'Myriad Pro'});
    });
 
    return false;
  });
  
  $('#dialog-content a.flag').live('click',function(){
    var lang = '';
    if($(this).hasClass('fi'))
      lang = 'fi';
    else if($(this).hasClass('en'))
      lang = 'en';
    else lang = 'es';
    
      $('#dialog-content iframe').hide();
    $('#dialog-content iframe#btmonitor-'+lang).show();
    return false;
  });
  
  function createOverlay()
  {
    $overlay = $('<div id="overlay"></div>');
    return $overlay;
  }
  
  function createDialog()
  {
    $dialog = $('<div id="dialog-wrapper"><div id="dialog"><a id="closeDialog" href="#"></a><div id="dialog-content"></div></div></div>');
    return $dialog;
  }
  
});