$(function() {
	
	// Menu
	
    var counter = 1;
    $(".menu li").each(function(){
        $(this).addClass("style-" + counter);
        if (counter == 3) {
            counter = 1;
        } else {
            counter++;
        }
    });

	// Slide show
	
	$('<a href="#" class="prev">Fyrri</a><a href="#" class="next">Næsta</a>').appendTo("#slides");
	
	var currentSlide = 0;
	var numSlides = $("#slides .slide").length;
	var lastSlide = 0;
	$("#slides").addClass("slide-" + currentSlide);
	
	$("#slides a").click(function(event){
		var thisSlide = this;
		$("#slides .slide-" + currentSlide).fadeOut(500, function(){
			lastSlide = currentSlide;
			if ($(thisSlide).hasClass("next")) {
				if (currentSlide == numSlides-1) {
					currentSlide = 0;
				} else {
					currentSlide++;
				}
			} else {
				if (currentSlide == 0) {
					currentSlide = numSlides-1;
				} else {
					currentSlide--;
				}
			}
			$("#slides").removeClass("slide-" + lastSlide);
			$("#slides").addClass("slide-" + currentSlide);
			$("#slides .slide").hide();
			$("#slides .slide-" + currentSlide).fadeIn(500);
		});
		event.preventDefault();
	});
	
	$("#slides .slide").each(function(index){
		if (index != 0)
			$("<p />").addClass("number").text(index + " af 12").prependTo(this);
	});

});