jQuery(function($){

	
	var tagline = $("#tagline")
	var delay = parseInt(tagline.attr("data-delay")) || 5
	delay *= 1000
	
	var slides = tagline.find("H4")
	var n = slides.length
	 
	 
	if (n > 1) {
		var w = tagline.width()
		var h = tagline.height()
		var counter = 0
		var hasFocus = false
		
		tagline.width(w).height(h).css("overflow","hidden")
		slides.show().fadeOut(0)
		slides.filter(".currentSlogan").show()
		
		function rotate() {
			if (hasFocus) return
			var from = slides.eq(counter)
			counter = (counter + 1) % n
			var to = slides.eq(counter)
			
			from.fadeOut(500,function() {
				to.fadeIn(500)
			})
			
		}
		
		function eventHandler(e) {
			hasFocus = (e.type == "mouseenter")
		}
		
		tagline
			.bind("mouseenter",eventHandler)
			.bind("mouseleave",eventHandler)
		
		setInterval(rotate,delay)
		
		
	}
});