window.onload=function() {setTarget();}

function setTarget() {
	var no_of_pics=document.getElementById('rollover_count').value;
	var anchor=document.getElementsByTagName('a');
	for (var i=0;i<anchor.length;i++) {
		for (var j=1;j<=no_of_pics;j++) {
			var tname="t"+j;
			if (anchor[i].className==tname) {
				anchor[i].onmouseover = ( function(n) { return function() { showPic(n); }  } ) (j);
				anchor[i].onmouseout = ( function(n) { return function() { clearPic(n); }  } ) (j);
			}
		}
	}
}
		
function clearPic(n) {
	if (document.getElementById) {				
		var picBox = document.getElementById("pic"+n);
		var descBox = document.getElementById("desc"+n);
		picBox.style.visibility="hidden";
		descBox.style.visibility="hidden";
	}
}


			
function showPic(n) {
	if (document.getElementById) {
		var no_of_pics=document.getElementById('rollover_count').value;
		for (i=1;i<=no_of_pics;i++) {
			var pic = document.getElementById("pic"+i);
			var desc = document.getElementById("desc"+i);
			pic.style.visibility="hidden";
			desc.style.visibility="hidden";
		}
		var picBox = document.getElementById("pic"+n);
		var descBox = document.getElementById("desc"+n);
		
		
		$(picBox).css({opacity: 0.0, visibility: "visible"}).animate({
		opacity: 1.0,
		}, 1200, "linear");
		
		$(descBox).css({opacity: 0.0, visibility: "visible"}).animate({
				opacity: 0.65,
		} , 1500, "linear");


		//picBox.style.visibility="visible";
		
		//descBox.style.visibility="visible";

		
		}
	
	 
}