$(function() {
		$("#pic1").mouseover(
			function() {
			var rot = document.getElementById('picsnum').value;
			for(i = 1; i <= rot; i++){
			document.getElementById('pic'+i).style.backgroundImage = "url(images/homepics_gallery_thumb.gif)";
			}
			
				$("#imagearea").animate({textIndent: 0}, 500);
				document.getElementById('pic1').style.backgroundImage = "url(images/homepics_gallery_thumb_on.gif)";
				return true
			}
		);
		
		$("#pic2").mouseover(
			function() {
			var rot = document.getElementById('picsnum').value;
			for(i = 1; i <= rot; i++){
			document.getElementById('pic'+i).style.backgroundImage = "url(images/homepics_gallery_thumb.gif)";
			}
			
				$("#imagearea").animate({textIndent: -187}, 500);
				document.getElementById('pic2').style.backgroundImage = "url(images/homepics_gallery_thumb_on.gif)";
				return true
			}
		);
		$("#pic3").mouseover(
			function() {
			var rot = document.getElementById('picsnum').value;
			for(i = 1; i <= rot; i++){
			document.getElementById('pic'+i).style.backgroundImage = "url(images/homepics_gallery_thumb.gif)";
			}
			
				$("#imagearea").animate({textIndent: -374}, 500);
				document.getElementById('pic3').style.backgroundImage = "url(images/homepics_gallery_thumb_on.gif)";
				return true
			}
		);
		$("#pic4").mouseover(
			function() {
			var rot = document.getElementById('picsnum').value;
			for(i = 1; i <= rot; i++){
			document.getElementById('pic'+i).style.backgroundImage = "url(images/homepics_gallery_thumb.gif)";
			}
			
				$("#imagearea").animate({textIndent: -561}, 500);
				document.getElementById('pic4').style.backgroundImage = "url(images/homepics_gallery_thumb_on.gif)";
				return true
			}
		);
		
	});