// JavaScript Document

function makeSlide($this, settings) {
	var imgSrc = "url('" + $('.buttons li.current a').attr("href")  + "')";
		
	// Fade Effect
	$('#wsnDesc').html($('.buttons li.current span').html());
	
	//var img = $($this).find('img');
	//
	var img1 = $("#wsnImage1");
	var img2 = $("#wsnImage2");
	img2.css("background-image",  imgSrc);
	
	img2.fadeIn(800);
	img1.fadeOut(800, function() {		
		img1.css("background-image", imgSrc);
		img1.fadeIn(100);
	});
	
	if(settings.interval > 0) {
		clearInterval(rotator);
		rotator = setInterval(function() {nextslide($this, settings)}, settings.interval);
	}
}

(function( $ ){

  $.fn.wsnSlider = function(options) {
  
        var defaults = {   
				interval: 5000,
				slwidth: $(this).width()				
		  };

		var settings = $.extend({}, defaults, options);  		

		settings.pushsize = 100;
		settings.slmove = settings.slwidth;
	
		
		this.each(function() {
				   
			var $this = $(this); //store reference	
			$('.buttons').css({visibility:"visible"});
			
			$('.buttons li:first').addClass("current");
			
			// If there's only one picture => don't show navigation icons
			if($('.buttons li:first').next().length == 0) {
				$('#wsnPrev').hide();
				$('#wsnNext').hide();
				$('#wsnSlider ul').hide();
			}
			
			$('#wsnDesc').css({ opacity: 0.8 });			
			$('#wsnDesc').html($('.buttons li.current span').html());
			
			var imgSrc = "url('" + $('.buttons li.current a').attr("href")  + "')";
			$("#wsnImage1").css("background-image", imgSrc);
			
			if(settings.interval > 0) {
				rotator = setInterval(function() {nextslide($this, settings)}, settings.interval);
			}
  		
			$('#wsnPrev').click(function(evt) {
				evt.preventDefault();				
				prevslide($this, settings);				
			});
			
			$('#wsnNext').click(function(evt) {
				evt.preventDefault();
				nextslide($this, settings);
			});
			
			$('.buttons li a').click(function(evt) {
					evt.preventDefault();
					
					$('.buttons li.current').removeClass("current");
					$(this).parent().addClass("current");
					
					makeSlide($this, settings);
			});			
		
		});					 
		
		return this;	

	};

	prevslide = function ($this, settings) {
		var nextImage = $('.buttons li.current').prev();
		//alert(nextImage.html());
		if (nextImage.length == 0) {
			var lastImage = $('.buttons li.current').removeClass("current").siblings(":last");
			if(lastImage.length == 0) {
				return;
			} else {
				lastImage.addClass("current");
			}
		} else {	
			$('.buttons li.current').removeClass("current").prev().addClass("current");
		}
		
		makeSlide($this, settings);
	};
	
	nextslide = function ($this, settings) {
		var nextImage = $('.buttons li.current').next();
		if (nextImage.length == 0) {
			var firstImage = $('.buttons li.current').removeClass("current").siblings(":first");			
			if(firstImage.length == 0) {
				return;
			} else {
				firstImage.addClass("current");
			}
		} else {	
			$('.buttons li.current').removeClass("current").next().addClass("current");
		}
		
		makeSlide($this, settings);
	};


})( jQuery );