(function ($) {
	$.fn.textRotate = function (images, prefix) {
		
		var images = $.extend({}, $.fn.textRotate.images, images),
		prefix = prefix || false;	

		this.hide(); //hide the element
		
		rotateHtml = '<div class="rotate-container">';
		if (prefix) {
			rotateHtml += '<div class="rotate-prefix"></div>';
		}
		rotateHtml += '<div class="rotate-images">';
		rotateHtml += '<div class="rotate-slider">';
			for (image in images) {
				rotateHtml += '<div class="rotate-image"></div>';
			}
		rotateHtml += '</div>'; //.rotate-slider
		rotateHtml += '</div>'; //.rotate-images
		rotateHtml += '</div>'; //.rotate-container

		
		$(rotateHtml).appendTo('#page-title');
		
		rotateImagesWidth = '100%';
		$('.rotate-images').css({
			width: rotateImagesWidth
		});
		if (prefix) {
			img = new Image();
			img.src = prefix;
			img.onload = function(){
				$('.rotate-prefix').css({
					background: 'url('+prefix+') no-repeat',
					width: img.width
				});
				rotateImagesWidth = 760 - img.width;
				$('.rotate-images').css({
					width: rotateImagesWidth
				});
			}
		}

		$('.rotate-image').each(function(i,e){
			$(e).css({
				background: 'url('+images[i]+') no-repeat'
			});
		});
		
		//rotate images
		var slideMargin = 0,
		slideAmount = 60,
		imagesLength = $('.rotate-image').length;
		maxSlideHeight = slideAmount - (slideAmount*imagesLength);

		rotate = function(){
			if (slideMargin == maxSlideHeight) {
				slideMargin = 0;
			} else {
				slideMargin = slideMargin - slideAmount;
			}
			$('.rotate-slider').animate({
				marginTop: slideMargin
			});
		}
		
		setInterval(function(){
			rotate()
		},3000);
		
		return this;
	};
})(jQuery);