jQuery.fn.panelScroll = function() {
		
		var args = arguments[0] || {};
		var panelName = args.panelName;
		var timer = args.timer;
		var resumeOnClick = args.resumeOnClick;
		var fadeSpeed = args.fadeSpeed;
		var navButton = args.navButton;
		var navButtonHighlighted = args.navButtonHighlighted;
		var counter = args.startSlide;
			
		// Count the number of slides	
		var elements = $(panelName + " div").size() - 1;	
		
		// Populate the button panel with navigation Images
		if(counter >= elements) {
			counter = 0;	
		}
		
		
		var ButtonHTML = "";
		
		
		
		$(panelName + " .PanelnavButtons").html(ButtonHTML);
		
		
		$(panelName + " div:not(:nth-child(" + (counter+1) + ")):not(.PanelnavButtons)").hide();
		$(panelName + " .PanelnavButtons img").click( function() {
			
			$(panelName + " .PanelnavButtons img").attr("src", "/_assets/button.png");
			nextSlideCount = $(this).attr("rel");
			nextSlideCount = parseInt(nextSlideCount);				
			var thisSlide = panelName + " div:eq(" + counter + ")"
			var nextSlide = panelName + " div:eq(" + nextSlideCount + ")"
		
			$(thisSlide).fadeOut(fadeSpeed);
			$(nextSlide).fadeIn(fadeSpeed);
		
			counter = nextSlideCount;

			$(panelName + " .PanelnavButtons img").eq(counter).attr("src", "/_assets/button_selected.png");
			
			clearInterval(timerval);
			
			if(resumeOnClick == true) {
				timerval = setInterval(function() {
					counter = movePanel(panelName,fadeSpeed,counter,elements);	
				}, timer);
			}
			
		});
		
		var timerval = setInterval(function() {
			counter = movePanel(panelName,fadeSpeed,counter,elements);
		}, timer);
		
		
		
		
	};
	
	function movePanel(panelName,fadeSpeed, counter, elements){
		
			//alert(counter);
			
			$(panelName + " .PanelnavButtons img").eq(counter).attr("src", "/_assets/button.png");
			$(panelName + " .PanelnavButtons img").eq(counter).attr("src", "/_assets/button.png");
			if (counter == (elements-1)) {
				//We are at the start element
				//therefore we set the next counter as the last element
				var nextSlideCount = 0
			} else {
				var nextSlideCount = counter + 1
			}
				
			var thisSlide = panelName + " div:eq(" + counter + ")"
			var nextSlide = panelName + " div:eq(" + nextSlideCount + ")"
		
			$(thisSlide).fadeOut(fadeSpeed);
			setTimeout(function() {$(nextSlide).fadeIn(fadeSpeed);}, fadeSpeed);
			//$(nextSlide).fadeIn(fadeSpeed);	
			counter = nextSlideCount;
	
			$(panelName + " .PanelnavButtons img").eq(counter).attr("src", "/_assets/button_selected.png");
			
	
			return counter;
			
	}