$(function(){
  $("#articles_content .article").hide().eq(0).show();
  $("#articles_nav li:last").addClass("last");
  
  var content = $("#articles_content");
  var navigation = $("#articles_nav");
  var active = 0;
  var email_first = true;
  
  $("#articles_content").cycle({fx: 'fade',speed: 500,after:onAfter});
  $("#articles").hover(function(){
    $("#articles_content").cycle('pause');
  }, function(){
    $("#articles_content").cycle('resume');
  });
  
  navigation.find("li a").click(function(){
    var index = navigation.find("li a").index(this);
    navigation.find("li").eq(active).removeClass("on").end().eq(index).addClass("on");
    content.cycle(index);
    active = index;
    return false;
  });
  
  function onAfter(curr, next, opts) {
    var index = opts.currSlide;
    navigation.find("li").removeClass("on").eq(index).addClass("on");
  }; 
  
  // remove the text when user clicks the email field for the first time.
  $('#email_address').click(function(){
    if(email_first)
    {
        $(this).val(''); 
        email_first = false;        
    }
    
  });
  
  // newsletter
  $('#submit').click(function(e){
    e.preventDefault();
    var email = $('#email_address').val();
    $.post("/newsletter/subscribe/", { email: email },
      function(data){
        alert(data);
      });
    return false;
  });
  
})