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

	$(document).ready(function(){
		$("#contact-form").ajaxForm(function(data) {
			if( data == "ok" ){
				$("#ajax-response").html("Your message has been sent.");
			} else {
				$("#ajax-response").html("Wrong email adress!");
			}
		});
	});
  },
  
  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('Next');
    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();
});