$(document).ready(function(){

		var ajaximages = [
		    'images/slideshow_ge.jpg',
		    'images/slideshow_facebook.jpg',
		    'images/slideshow_jack.jpg',
		    'images/slideshow_nike.jpg',
		    'images/slideshow_kia.jpg',
		    'images/slideshow_socialbakers.jpg'
		];
		var imagestext = [
		    {title:'GE Money Bank: We Support Czech Olympic Team', caption: 'Facebook application'},
		    {title:'Facebook: Statistics Tab for Local Facebook Pages', caption: 'Facebook Page tab'},
		    {title:'Jack Daniel\'s: Sign Jack\'s Birthday Card', caption: 'Facebook application'},
		    {title:'Nike: Write the Future Campaign', caption: 'Facebook page tab'},
		    {title:'KIA Soul: Design Your Own Car!', caption: 'Facebook application'},
		    {title:'Socialbakers: Heart of Facebook Statistics', caption: 'In-depth Facebook monitoring'},
		];
		var imageshref = [
			'/clients.php#ge',
			'/clients.php#facebook',
			'/clients.php#jack',
			'/clients.php#nike',
			'/clients.php#kia',
			'http://www.socialbakers.com'
		]
		var current = 0;
		$("#slider").sudoSlider({
		    fade:true,
		    continuous:true,
		    auto:true,
		    pause: 4000,
		    prevNext: false,
		    customLink:'a.customLink',
//		    numeric: true,
		    ajax: ajaximages,
		    imgAjaxFunction: function(t){
			    current = t;
			   $(this).wrap('<a href="'+imageshref[t-1]+'" />');
			   $(this)
				  .css("position","relative")
				  .append('<div class="line" ><h3>' + imagestext[t-1].title + '</h3>'+ imagestext[t-1].caption+
					  '<a href="#" rel="prev" class="customLink arrow_left"> << </a>'+
					  '<a href="#" rel="next" class="customLink arrow_right"> >> </a>'+
					  '</div>');
		    },
		    beforeAniFunc: function(t){
			   //$(this).children('.line').hide();
		    },
		    afterAniFunc: function(t){
			   //$(this).children('.line').slideDown(400);
		    }
		});
	  });