var slide_img = new Array();

slide_img[0] = 'images/banner-VCUK.jpg';

slide_img[1] = 'images/banner-irish.jpg';

slide_img[2] = 'images/banner-missguided.jpg';

slide_img[3] = 'images/banner-rowleys.jpg';



var slide_text = new Array();

slide_text[0] = '<p><a href="portfolio-vcuk.php">New website and event booking system for National Church movement</a><p><a href="portfolio-vcuk.php"><img src="images/homebanner-VCUK.gif" alt="VCUK" width="233" height="40" /></a></p>';



slide_text[1] = '<p><a href="portfolio-irishclothing.php">Irish Clothing\'s new website creates additional turnover of over £75,000</a></p><p><a href="portfolio-irishclothing.php"><img src="images/homebanner-irish.gif" alt="Irish Clothing" /></a></p>';



slide_text[2] = '<p>Online retailer Missguided add iphone app to their marketing arsenal</p><p><img src="images/homebanner-missguided.gif" alt="Missguided" /></p>';



slide_text[3] = '<p><a href="portfolio-rowleys.php">Modern and vibrant CMS website for 85 year established accountancy firm</a></p><p><a href="portfolio-rowleys.php"><img src="images/homebanner-rowleys.png" alt="Rowleys" /></a></p>';





var current_slide = 0;

var num_slides = slide_img.length;

var animatestep = 1;



$(document).ready(function() {

	window.setInterval(function(){

		changeSlide(current_slide);

	}, 4000);

});



function changeSlide(slide_no){

	if(slide_no >= (num_slides-1)){

		current_slide = 0;

	}

	else{

		current_slide = slide_no+1;

	}

	

	if(animatestep == 1)

	{

		$('#slideimage').fadeOut('slow',function(){

			$('#slideimage').attr('src',slide_img[current_slide]);

			$('#slidetext_next').css("top","294px");

			$('#slidetext').animate({"top": "-=274px"},"slow");

			$('#slidetext_next').html(slide_text[current_slide]);

			$('#slidetext_next').animate({"top": "-=274px"},"slow");

		});

	

		$('#slideimage').fadeIn('slow',function(){

			// animation complete

		});

		

		animatestep = 2;

	}

	else

	{

		$('#slideimage').fadeOut('slow',function(){

			$('#slideimage').attr('src',slide_img[current_slide]);

			$('#slidetext').css("top","294px");

			$('#slidetext').html(slide_text[current_slide]);

			$('#slidetext_next').animate({"top": "-=274px"},"slow");

			$('#slidetext').animate({"top": "-=274px"},"slow");

		});

		

		$('#slideimage').fadeIn('slow',function(){

			// animation complete

		});

		

		animatestep = 1;

	}

}