$(document).ready(function(){	
		$("#slider").sudoSlider({
			continuous:        true,
			history:           true,
			auto: true,
			numericText:       ['1','2','3'],
			customLink:        'a.tablink',
			updateBefore:      true,
			beforeAniFunc: function(t){ 
				$('.nextBtn').stop().fadeTo(300, 0.4);
				$('.prevBtn').stop().fadeTo(300, 0.4);
			},
			afterAniFunc: function(t){ 
				$('.nextBtn').stop().fadeTo(500, 1);
				$('.prevBtn').stop().fadeTo(500, 1);
			},
			currentFunc:function(t){
				  $(this).stop().animate({
				    fontSize: '18'
				  }, 400);
								},
			uncurrentFunc:function(t){
				 $(this).stop().animate({
				    fontSize: '15'
				  }, 400);
								}/* */
		});
		 $(".showoff").sudoSlider({
			numeric:false,
			customLink:'a.customLink',
			prevNext:false
		}); 
		
		$('button.clickbuttonclass').click(function() {
			// Here i do some check, to see if the content is valid.
			var value = false;
			$('input#someID').each(function() {
				value = $(this).val();
			});
			if (value)
			{
				$(".showoff").sudoSlider('next');
			}
			else
			{
				alert('Put something in the text-field plz :p');
			}
		});
	});