var xPos = 0;
var yPos = 0;
var img = null;
var field = null;
var status = 'none';

function setStatus( stat )
{
  status = stat;
  
  /* Geef huidige keuze aan */
  $( 'status_none' ).src='/img/seats/none.png';
  $( 'status_available' ).src='/img/seats/available.png';
  $( 'status_reserved' ).src='/img/seats/reserved.png';
  $( 'status_vip' ).src='/img/seats/vip.png';
  $( 'status_crew' ).src='/img/seats/crew.png';
  
  $( 'status_' + status ).src='/img/seats/' + status + '.gif';
}

function prefix( num )
{
  if( num < 10 )
  {
    return "0" + num;
  }
  
  return num;
}

function updateFields( )
{
  //$( 'xPos' ).value = xPos;
  //$( 'yPos' ).value = yPos;
  
  img = $( 'seatimg_' + prefix( xPos ) + '_' + prefix( yPos ) );
  img.src = '/img/seats/' + status + '.png';
  
  field = $( 'seat_' + prefix( xPos ) + '_' + prefix( yPos ) );
  field.value = status;
}

function selectSeat( newX, newY )
{
  xPos = newX;
  yPos = newY;
  
  updateFields( );
}

function hideDiv( divId )
{
  if( $( divId ) )
  {
    var div     = $(divId);
    var message = new Fx.Slide(divId);
    
    div.fade(0);
    message.slideOut();
  }
}

function insertQuote( id, quote )
{
	tinyMCE.execCommand( 'mceInsertContent', false, '<p>[forummessage id=' + id + ']</p><div class="quote">' +quote+ '</div>' );
}

window.addEvent('domready',function(){
  
  if( $('login_user') && $('login_pass') )
  {
    var user = $('login_user');
    var pass = $('login_pass');
    
    var userValue = user.value;
    var passValue = pass.value;
    
    
    user.addEvent('focus',function()
    {
      if( user.value == userValue )
      {
        user.value = '';
      }
    });
    
    user.addEvent('blur',function()
    {
      if( user.value == '' )
      {
        user.value = userValue;
      }
    });
    
    pass.addEvent('focus',function()
    {
      if( pass.value == passValue )
      {
        pass.value = '';
      }
    });
    
    pass.addEvent('blur',function()
    {
      if( pass.value == '' )
      {
        pass.value = passValue;
      }
    });
  }
  
  if( $('close') && $('divError') )
  {
    /* Error DIV */
    
    $('close').setStyle( 'display', 'block' );    
    
    // Sluitknop voor Error
    $('close').addEvent('click',function(e){
      e.stop();
      hideDiv( 'divError' );
    });
    
    // Timeout voor Error
    setTimeout( "hideDiv('divError')", 10000 );
  }
  
  if( $('close') && $('divInfo') )
  {
    /* Info DIV */
    
    $('close').setStyle( 'display', 'block' );    
    
    // Sluitknop voor Info
    $('close').addEvent('click',function(e){
      e.stop();
      hideDiv( 'divInfo' );
    });
    
    // Timeout voor Info
    setTimeout( "hideDiv('divInfo')", 5000 );
  }
  
  if( $('clan_id') && $('clan') )
  {
    var clanId   = $('clan_id');
    var clanDiv = new Fx.Slide('clan').hide( );
    
    clanId.addEvent('change',function(e)
    {
      e.stop( );
        
      if( clanId.value == "new" )
      {
        clanDiv.slideIn( );
      }
      else
      {
        clanDiv.slideOut( );
      }
    });
  }
  
  if($('payment_ideal') && $('payment_paypal'))
  {
    var divIDeal = new Fx.Slide('payment_ideal').show( );
    var divPayPal = new Fx.Slide('payment_paypal').hide( );
    
    function setPaymentType( type )
    {    
      if( type == "iDeal" )
      {
        divIDeal.slideIn( );
      }
      else
      {
        divIDeal.slideOut( );
      }
      
      if( type == "PayPal" )
      {
        divPayPal.slideIn( );
      }
      else
      {
        divPayPal.slideOut( );
      }
    }
    
    /* Betalingen */
    /* iDeal */
    if($('rdo_paymenttype_ideal') && $('payment_ideal'))
    {
      var rdoIDeal = $('rdo_paymenttype_ideal');
      
      rdoIDeal.addEvent('change',function(e){
        
        setPaymentType('iDeal');
        
      });
    }
    
    /* PayPal */
    if($('rdo_paymenttype_paypal') && $('payment_paypal'))
    {
      var rdoPayPal = $('rdo_paymenttype_paypal');
      
      rdoPayPal.addEvent('change',function(e){
        
        setPaymentType('PayPal');
        
      });
    }
  }
  
  if( $( 'shoutbox' ) )
  {
    var req_shoutbox = new Request({  
      url: '/shoutbox.php?dummy=' + Math.random( ),  
      method: 'get',  
      update: 'refresh-me',
      onComplete: function( response ){  
         $( 'shoutbox' ).set( 'html', response );  
      }
    });
    
    var doMany = function( ){        
        $( 'shoutbox' ).load( '/shoutbox.php?dummy=' + Math.random( ) );
        req_shoutbox.send( );
    };
     
    doMany.periodical( 2500 );
    
    if($('frmShout') && $( 'shout_content')){
      $( 'frmShout' ).set( 'send', { url: '/scripts/post_shout.php', method: 'post' } );    
      $( 'frmShout' ).addEvent( 'submit', function( e ){
        e.stop( );
        
        var msg = $( 'shout_content' ).value;
        
        if( msg.length > 0 )
        {
          $( 'frmShout' ).send(); //Sends the form.
          $( 'shout_content' ).value = '';
          $( 'shoutbox' ).load( '/shoutbox.php?dummy=' + Math.random( ) );
          req_shoutbox.send( );
        }
      });
    }
  }
  
  if( $( 'reflink' ) && $( 'refinfo' ) )
  {
    var divRefinfo = new Fx.Slide('refinfo').hide( );
    
    $( 'reflink' ).addEvent( 'click', function( e ){
      e.stop( );
      divRefinfo.toggle( );
    });
  }
  
  if( $( 'sponsor_img' ) && $( 'sponsor_prev' ) )
  {
    $( 'sponsor_img' ).addEvent( 'change', function(e){
      $( 'sponsor_prev' ).src = '/img/sponsors/' + $( 'sponsor_img' ).value;
    });
  }
  
  if( $( 'partner_img' ) && $( 'partner_prev' ) )
  {
    $( 'partner_img' ).addEvent( 'change', function(e){
      $( 'partner_prev' ).src = '/img/partners/' + $( 'partner_img' ).value;
    });
  }
  
  if( $( 'theme' ) && $( 'frmTheme' ) )
  {
    $( 'theme' ).addEvent( 'change', function(e){
      $( 'frmTheme' ).submit( );
    });
    
    $( 'btnApplyTheme' ).setStyle( 'display', 'none' );
  }
  
});