Nivo Slider not functioning in IE7

I've been going in circles trying to get the slider to function with Microcrap IE7. I've read that even having a comma in the incorrect position can cause havoc with older versions of IE. The code works from IE8 on and obviously works with browsers such as Firefox, Chrome, etc. Any info on this is greatly appreciated. I'm trying to avoid adding a script to validate the IE7 browser to force the user to upgrade. www.888subtogo.com. Thanks in advance for the support.

Regards

</script>
<script type="text/javascript">
$(document).ready(function(){
	$('INPUT').click(function(){
		if ($(this).attr('value') == $(this).attr('title')) $(this).attr('value', '');
	});
	$('INPUT').blur(function(){
		if ($(this).attr('value') == '') $(this).attr('value', $(this).attr('title'));
	});
	
	if ($('.lower_boxes_slider2').length>0) {
		$('.lower_boxes_slider2').nivoSlider({
		effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
		slices:15,
		animSpeed:3000, //Slide transition speed
		pauseTime:5000,
		startSlide:0, //Set starting Slide (0 index)
		directionNav:false, //Next & Prev
		directionNavHide:false, //Only show on hover
		controlNav:false, //1,2,3...
		controlNavThumbs:false, //Use thumbnails for Control Nav
      	controlNavThumbsFromRel:false, //Use image rel for thumbs
		controlNavThumbsSearch: '.jpg', //Replace this with...
		controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
		keyboardNav:true, //Use left & right arrows
		pauseOnHover:true, //Stop animation while hovering
		manualAdvance:false, //Force manual transitions
		captionOpacity:0.8, //Universal caption opacity
		beforeChange: function(){},
		afterChange: function(){},
		slideshowEnd: function(){}, 		
		});
	}
});

</script>
</head>

Select allOpen in new window