//Using jQuery to hide and show each row of the table as the user hover over

$(document).ready(function(){
	$("#adv-holder > div").attr("id", function (index) {
	  return "hider" + index;
	});
	
	$("tr.row").attr("id", function(dex){
		return "row" + dex;						
	}).each(function(d){
		$(this).hover(
			function(){
				$('#row'+d).addClass('active-row');
				$('#hider'+d).show();
				$('#showBox').addClass('active-box')
			},
			function(){
				$('#row'+d).removeClass('active-row');
				$('#showBox').removeClass('active-box');
				$('#hider'+d).hide();
			}
		);
	});
	
});
