$(document).ready(function(){
  var header = $('#animation');
  var n = document.getElementById('nextImg');
  var imgpath = "/templates/garden/img/";
	var bgImg = 0;
	var pics = new Array('1.jpg','2.jpg','3.jpg','4.jpg','5.jpg','6.jpg','7.jpg','8.jpg','9.jpg','10.jpg','11.jpg');
	n.src = imgpath+pics[(bgImg+1)];
	setInterval(function(){
		header.animate({opacity: 0},1000,function(){
				header.removeClass('anim-'+bgImg);
				bgImg++;
				if(bgImg > (pics.length-1)) bgImg = 0;
				nextImg = bgImg+1;
				if(nextImg > (pics.length-1)) nextImg = 0;
				n.src = imgpath+pics[nextImg];
				header.addClass('anim-'+bgImg).animate({opacity: 1},1000);
			}
		);
	},5000);

  
});