jQuery(document).ready(function() {
  jQuery("form#login_form").hide();

  jQuery('input[type=text]').placeholder();
  jQuery('input[type=password]').placeholder();
  
	jQuery('#countdown').countdown({until: new Date('March 25, 2010 23:59:59'), timezone: 0, layout: 'Only <strong>{dn} {dl} and {hn} {hl}</strong> left to apply! Ends 11:59 p.m. on March 25.'});
	jQuery('#countdown-in').countdown({until: new Date('March 25, 2010 23:59:59'), timezone: 0, layout: 'Only <strong>{dn} {dl} and {hn} {hl}</strong> left to <a href="/profile/">finish your application</a>.'});
	
  jQuery('#intro_video_link, .youtube_lightbox').colorbox({iframe:true, innerWidth:425, innerHeight:344});

  jQuery('body').supersleight({shim: '/wp-content/themes/sta/images/clear.gif'});
  jQuery('.city').supersleight2({shim: '/wp-content/themes/sta/images/clear.gif'});	

  jQuery('textarea[maxlength]').before('<span class="remaining_characters">&nbsp;</span>').keyup(function() {
    var max = parseInt(jQuery(this).attr('maxlength'));
    jQuery(this).prev('.remaining_characters').html((max - jQuery(this).val().length) + ' characters remaining');
  });

  jQuery('textarea[maxlength]').each(function(i,e) {
    var max = parseInt(jQuery(e).attr('maxlength'));
    jQuery(e).prev('.remaining_characters').html((max - jQuery(e).val().length) + ' characters remaining');
  });

  jQuery("li#login div").click(function()
  {
    jQuery(this).toggleClass('opened').next("form#login_form").slideToggle("fast").siblings("form#login_form").slideUp("fast");	
  });

  jQuery("#switcher select").change(function(){
    window.location = jQuery(this).val(); 
  });

  if ( jQuery('#latest_activity_carousel').length > 0 ) {
    jQuery('h3#latest').after('<span id="no_activity_results" style="display: none;">No Results</span><span id="latest_activity_first" style="display: none;"></span><select id="activity_filter"><option value="all">show all</option><option value="flickr">flickr</option><option value="facebook">facebook</option><option value="twitter">twitter</option><option value="youtube">youtube</option></select>');
    jQuery('#latest_activity_prev').before('<span id="filtered_latest_activity_prev">prev</span><span id="filtered_latest_activity_next">next</span><div id="filtered_latest_activity_carousel"><ul></ul></div>');
    jQuery('#activity_filter').change(function(){
      jQuery('#no_activity_results').hide();
      var source = jQuery(this).val();
      
      if (source == 'all') {
        jQuery('#latest_activity_carousel,#latest_activity_next,#latest_activity_prev').show();
        jQuery('#filtered_latest_activity_carousel,#filtered_latest_activity_next,#filtered_latest_activity_prev').hide();
      } else {
        jQuery('#latest_activity_carousel,#latest_activity_next,#latest_activity_prev').hide();
        jQuery('#filtered_latest_activity_carousel,#filtered_latest_activity_next,#filtered_latest_activity_prev').show();

        jQuery('#filtered_latest_activity_carousel ul').empty().append(jQuery('#latest_activity_carousel li.' + source).clone());
      
        jQuery('#filtered_latest_activity_carousel').jCarouselLite({
          start: 0,
          scroll: 3,
          speed: 800,
          visible: 3,
          circular: false,
          btnNext: '#filtered_latest_activity_next',
          btnPrev: '#filtered_latest_activity_prev'
        });
        
        if (jQuery('#filtered_latest_activity_carousel li').length == 0)
          jQuery('#no_activity_results').show();
          
      }
    });
  }



  jQuery('#latest_activity_carousel li.youtube').each(function(i,e) {
    var block = jQuery(e);
    var vid = block.find('.body td[width=140] div').show();
    block.find('.body td[width=140] div a').show();
    block.find('.body td[width=140]').attr( 'width', '220' );
    block.find('.body td[width=256], .body td[width=146]').hide();
  });

  if (jQuery('#reminder ol li').length > 1) {
    jQuery('#reminder ol').cycle( {
      timeout: 0, 
      cleartypeNoBg: true,
      pager:	'#reminder_pager'
    });
  }

  if (jQuery('#latest_activity_carousel').length > 0) {
    jQuery('#latest_activity_carousel').jCarouselLite({
      start: 0,
      scroll: 3,
      speed: 800,
      visible: 3,
      circular: false,
      btnNext: '#latest_activity_next',
      btnPrev: '#latest_activity_prev',
      btnGo: ["#latest_activity_first"]
    });
  }

  if (jQuery('#latest_applicants_carousel').length > 0) {
    jQuery('#latest_applicants_carousel').jCarouselLite({
      start: 0,
      scroll: 1,
      speed: 800,
      visible: 1,
      circular: false,
      btnNext: '#latest_applicants_next',
      btnPrev: '#latest_applicants_prev',
      btnGo: ["#latest_applicants_first"]
    });
  }

  jQuery('#like_vote').click(function() { jQuery(this).hide().parent().hide(); });

  if ( jQuery('#commentform').length > 0 ) {
    var errorContainer = jQuery("<div class='error'>Please fill out the required fields</div>").appendTo("#commentform").hide();
    var errorLabelContainer = jQuery("<div class='error errorlabels'></div>").appendTo("#commentform").hide();
    jQuery("#commentform").validate({
      rules: {
        author: "required",
        email: {
          required: true,
          email: true
        },
        url: "url",
        comment: "required"
      },
      errorContainer: errorContainer,
      errorLabelContainer: errorLabelContainer,
      ignore: ":hidden"
    });
    jQuery.validator.messages.required = "";
    jQuery.validator.messages.email = "&raquo; " + jQuery.validator.messages.email;
    jQuery.validator.messages.url = "&raquo; " + jQuery.validator.messages.url;
  }
  
  if ( jQuery('.commentlist').length > 0 ) {
    jQuery('.commentlist').jScrollPane({
      'showArrows': true,
      'scrollbarWidth': 16,
      'scrollbarMargin': 24
    });
  }

});

jQuery(window).bind('load', function() {
  jQuery('#city_images li').css( 'visibility', 'visible' );
  if (jQuery('#city_images li').length > 1) {
    jQuery('#city_images').cycle( {
      timeout: 5000,
      cleartypeNoBg: true,
      pager:	'#city_image_pager',
      pagerAnchorBuilder: function(idx, slide) {
        return '<li><a href="#">' + jQuery(slide).children('img').eq(0).attr('alt') + '</a></li>';
      }
    });
  }
});