jQuery.fn.rotate = function(){



	var element = $(this);

	var slideNumber = 0;

	var slideAnimationNumber = 1;

	var numberOfSlides = $(element).length;

	var htmlStr;

	

	$(element).each(function(){

		if($(this).css("display") == "block") {

        	slideNumber = $(element).index(this);

			htmlStr = $(this).html();

		}

	});

	

	setTimeout(rotate, 15000);

	

	function rotate() {

		fade();

				

		setTimeout(rotate, 15000);

	}

	

	function fade() {

		$(element).eq(slideNumber).fadeOut("fast", function () {

			changeCSS()

			rotateSlide();

		});

	}

	

	function rotateSlide() {

		if(slideNumber == numberOfSlides - 1) {

			slideNumber = 0;	

		} else {

			slideNumber++;

		}

		

		$(element).eq(slideNumber).fadeIn("fast");

		slideAnimationNumber = slideNumber + 1;

		/*$('#slide-animation #slide-animation-numbers img').eq(slideNumber).attr('src', 'images/slide-animation-number' + slideAnimationNumber + '-hover.png');*/

	}

	

	function changeCSS() {

		$(element).eq(slideNumber).css({'display' : 'none'});

		/*$('#slide-animation #slide-animation-numbers img').eq(slideNumber).attr('src', 'images/slide-animation-number' + slideAnimationNumber + '.png');*/

	}

	

	$('#slide-animation #slide-animation-numbers img').click(function() {

		$(element).eq(slideNumber).css({'display' : 'none'});

		/*$('#slide-animation #slide-animation-numbers img').eq(slideNumber).attr('src', 'images/slide-animation-number' + slideAnimationNumber + '.png');*/

		slideNumber = $('#slide-animation #slide-animation-numbers img').index(this) - 1;

		

		rotateSlide();

	});

	

};