$(document).ready(function(){						   
	$("#wrapper").load("_js/loadPhotos.html", function(){
		$("#homePhotos p").css ({'top': '+512px' , 'display' : 'block'})
		$("#homePhotos img").css ({'top': '-488px' , 'display' : 'block'})
		$("p.1").animate({"top": "+=0px" , "opacity" : 100}, 700).animate({"top": "-=500px" , "opacity" : 100}, 1200);
		$("img.1").animate({"top": "+=0px" , "opacity" : 100}, 700).animate({"top": "+=500px" , "opacity" : 100}, 1200);
	});
});
	
	var i = 1;
	var intervalID;
	
		function startJS(){  
  			intervalID = setInterval(homePhotos, 15000);  
		}
		
		function homePhotos () {
			if (i < 3) {
				var p_i = 'p.' + i;
				var img_i = 'img.' + i;
									
				//animate out
					$(p_i).animate({"top": "+=500px" , "opacity" : 0}, 600);
					$(img_i).animate({"top": "-=500px" , "opacity" : 0}, 600);
				i++;
				var p_i = 'p.' + i;
				var img_i = 'img.' + i;
				//alert(i);
				//animate in
					$(p_i).animate({"top": "-=0px" , "opacity" : 1}, 700).animate({"top": "-=500px" , "opacity" : 100}, 1200);
					$(img_i).animate({"top": "+=0px" , "opacity" : 1}, 700).animate({"top": "+=500px" , "opacity" : 100}, 1200);
				
				//alert(p_i);
				
			} else {
				var p_i = 'p.' + i;
				var img_i = 'img.' + i;
									
				//animate out
					$(p_i).animate({"top": "+=500px" , "opacity" : 0}, 600);
					$(img_i).animate({"top": "-=500px" , "opacity" : 0}, 600);
				i = 1;
				var p_i = 'p.' + i;
				var img_i = 'img.' + i;
				//alert(i);
				//animate in
					$(p_i).animate({"top": "-=500px" , "opacity" : 1}, 1200);
					$(img_i).animate({"top": "+=500px" , "opacity" : 1}, 1200);
			
			};
		}