$( document ).ready( function()
  {
    setTimeout( function()
    {
      if( $( '#content_chat' ).css( 'display' ) == 'block' )
      {
        $( '#faq' ).css( 'margin-top', '60px' );
      }
    }, 500 );
  });

  var IDMask = 'faq_question_{0}';
  
  ( function($)
  {
    $.fn.setID = function()
    {
      var FAQIndex = 1;
      return this.each( function()
      {
        $( '.number', this ).text( FAQIndex + '. ' );
        $( this ).parent()[0].id = IDMask.format( FAQIndex );
        FAQIndex++;
      });
    };
  })(jQuery);
  
  var H3Collection = document.getElementById( 'content' ).getElementsByTagName( 'H3' );
  for( var i = 0; i < H3Collection.length; i++ )
  {
    var H3Text = H3Collection[i].innerHTML;
    var NewAnchor = document.createElement( 'A' );
    var NameToUse = H3Text.toLowerCase().replace( /[\s]+/g, '' );
    
    NewAnchor.href = '#' + NameToUse;
    NewAnchor.innerHTML = H3Text.trim();
    NewAnchor.className = 'faq_jump_links_insert_link';
    
    H3Collection[i].innerHTML = '<a name="' + NameToUse + '">' + H3Text + '</a>';
    document.getElementById( 'faq_jump_links_insert' ).appendChild( NewAnchor );
    if( i < H3Collection.length - 1 )
    {
      var NewAnchorSeperator = document.createElement( 'span' );
      NewAnchorSeperator.innerHTML = '|';
      document.getElementById( 'faq_jump_links_insert' ).appendChild( NewAnchorSeperator );
    }
  }

  $("#content > ol > li > span").append('<a class="arrow">&nbsp;</a>');
  $("#content > ol > li > span").click(function() {
	  if( $(this).hasClass("selected") )
		{
		  $(".selected").removeClass("selected");
		  $("#content > ol > li > div").hide("medium");
		}
	  else
		{
		  $("#content > ol > li > div").hide("medium");
		  $(".selected").removeClass("selected");
		  $(this).addClass("selected");
		  $("a", this).addClass("selected");
		  $(this).next().slideToggle();
		}
  });
  
  $( '.orange_text' ).setID();
  
  var FAQ_num = Moxi.query.q;
  if( FAQ_num )
  {
    $( "#" + IDMask.format( FAQ_num ) ).addClass("selected");
    $("a", "#" + IDMask.format( FAQ_num ) ).addClass("selected");
    $("#" + IDMask.format( FAQ_num )).next().slideToggle();
    document.getElementById( IDMask.format( FAQ_num ) ).scrollIntoView();
  }