var homepage = new Homepage();

$(document).ready(function() {
    homepage.init();
});


function Homepage () {

  var zindex = 0;
  var timer = 0;
  var current = 1;

  /**
   *
   */
  this.init = function() {
    var items = $(".slider img");
    var nb = items.length;
    items.hide();
    var div = $("<div></div>");
    div.addClass("pagination");
    for ( i = 0; i < nb; i++ ) {      
      div.append("<a href=''></a>");
    }    
    $("body").append(div);
    
    var foo = function(link, noFade) {
      $(".pagination a").removeClass("current");
      link.addClass("current");
      var index = link.index();
      var img = $(".slider img:eq(" + index + ")");
      img.hide();
      img.css("zIndex", zindex++);
      if ( noFade )
	img.show();
      else
	img.fadeIn(2000);
    }

    $(".pagination a").click(function() {
	clearInterval(timer);
	current = $(this).index();      
	foo($(this), false);
	return false;	
    });    

    timer = setInterval(function() {
	foo($(".pagination a:eq(" + current + ")"), false);
	if ( current + 1 == nb )
	  current = 0;
	else
	  current++;
    }, 10000);

    foo($(".pagination a:eq(0)"), true);
  }

}