var Project = {
  start: function() {
    this.applyProjectsCarousel();

	$(document).ready(function(){
		$("#contact-form").ajaxForm({
			success: function() {
				$("#ajax-response").html("Thank you for your message!");
			},
			beforeSubmit: function(){
				$("#ajax-response").html("");
			}
		});
	});
  },
  
  applyProjectsCarousel: function() {
    
    var $projects = $('#projects');
    var $viewer = $projects.find('.viewer');
    var $pagination = $projects.find('.pagination');
    var $slides = $pagination.find('.slides');
    
    var createHandle = function(text) {
      return $('<li class="' + text.toLowerCase() + '"><a href="">' + text + '</a></li>');
    };
    
    var $prev_handle = createHandle('Previous');
    var $next_handle = createHandle('Forward');
    var $prev = $prev_handle.find('a');
    var $next = $next_handle.find('a');
    
    var $prev_next = $('<ul class="prev-next"/>');
    
    var carouselCallback = function(carousel) {
      
      $slides.find('a').bind('click', function(e) {
        carousel.scroll($.jcarousel.intval($(this).text()));
	var selected = "#dot-" + carousel.first;
	$(".slides a").removeClass('active');
	$(selected).addClass('active');
        e.preventDefault();
      });

      $next.bind('click', function(e) {
        carousel.next();
	var selected = "#dot-" + carousel.first;
        $(".slides a").removeClass('active');
        $(selected).addClass('active');
        e.preventDefault();
      });

      $prev.bind('click', function(e) {
        carousel.prev();
	var selected = "#dot-" + carousel.first;
        $(".slides a").removeClass('active');
        $(selected).addClass('active');
        e.preventDefault();
      });
    };
    
    $prev_next.append($prev_handle, $next_handle).appendTo($pagination);
    
    $viewer.jcarousel({
      scroll: 1,
      initCallback: carouselCallback,
      buttonNextHTML: null,
      buttonPrevHTML: null
    });
  }
  
  
};

$(function() {
  Project.start();
});