causesHeader = { page: 1 };
$(document).ready(function(){
  $('div.feedback a').click(function(){
    CausesFeedback.create();
    return false;
  });

  var displayed = 4;
  var elements = $('div.statsHeaderCause').length - 0;
  var hidden = elements - displayed;
  var i = 0;
  
  $('div.statsHeaderCause').each(function(i) {
    if (i  >= displayed)
    {
      $(this).hide();
      $(this).addClass('hide');
    } else {
      $(this).addClass('show');
    }
  });
  
  $('#leftArrowNav').click(function() { changeHeaderToPage( causesHeader.page - 1 ); });
  $('#rightArrowNav').click(function() { changeHeaderToPage( causesHeader.page + 1 ); });  
 
  $('ul.status .statusLink').click(function(){ $('ul.status div.info').slideToggle('slow'); });
  $('ul.status .close').click(function(){ $('ul.status div.info').slideUp('slow'); $('ul.status .statusLink').addClass('pseudolink').removeClass('bold'); });
 
  $('td.forumsTab').click(function() {
    $('ul.forumsList').slideToggle('slow');
    $('select.causeFilter').toggle();
    return false;
  });

});


function changeHeaderToPage( pageNumber )
{
  causesHeader.page = pageNumber;
  var count = $('div.statsHeaderCause').size();
  var offset = ( Math.abs( pageNumber - 1 ) * 4 );
  offset = offset % count;
  $('div.statsHeaderCause').hide();
  $('div.statsHeaderCause:gt(' + ( offset - 1 ) + '):lt(4)').show();
  var vSize = $('div.statsHeaderCause:visible').size();
  if ( vSize < 4 )
  {
    $('div.statsHeaderCause:lt(' + ( 5 - vSize ) + ')').show();
  }
}

var CausesFeedback = {
  create : function()
  {
    $('<div />').appendTo('body')
      .dragonDrop({
        type:'window',
        title:'Causes Beta Feedback',
        content: this.getContents(),
        enableMinMax: false,
        width:400
      }).find('input.submit').one( 'click', this.submit );
    return false;
  },
  
  
  remove : function()
  {
    $('.SuggestionBox_content').parents('.dragon').slayDragon();
    return false;
  },
  
  
  getContents : function()
  {
    var html = '<div class="SuggestionBox_content"><div class="submitDiv"><div class="text">Tell us how to make myYearbook Causes even better!<br />Fill out the form below and submit your suggestion!</div><div class="formContainer"><div class="label">Subject:</div><input class="subject" type="text" /><div class="label">Suggestion:</div><textarea class="suggestion"></textarea><input class="submit" type="image" src="' + IMAGE_URL + '/btn_suggestion.gif" /><br /><br /></div></div><div class="successDiv">Thank you, your message has been sent!<br /><a class="close" href="#">Close Window</a><br /><br /></div></div>';
    return $( html );
  },
  
  
  submit : function()
  {
    var dataObj = {
      type : 'causesbeta',
      subject : $.trim( $('.SuggestionBox_content input.submit').siblings('.subject').val() ),
      suggestion : $.trim( $('.SuggestionBox_content input.submit').siblings('.suggestion').val() ),
      wid: screen.width,
      hei: screen.height,
      url: window.location + ''
    };
    
    if ( dataObj.subject == '' )
    {
      alert('Please enter a subject.');
    }
    else if ( dataObj.suggestion == '' )
    {
      alert('Please enter a suggestion.');
    }
    else
    {
      $.ajax({
        type : 'post',
        url : '/suggestions/ajax',
        data : dataObj,
        dataType: 'json',
        success : function( data ) {
          if ( data.success == true )
          {
            $('.dragon .SuggestionBox_content .submitDiv').hide();
            $('.dragon .SuggestionBox_content .successDiv').show().children('.close').click( CausesFeedback.remove );
          }
        }
      });
    }
    return false;
  }
}