Hey everyone. I got the anythingslider functioning on my test site, and wanted to incorporate lightbox functionality - where user clicks on a certain image and a photo gallery popsup.

When I tried to install the Suckerfish Hover Lightbox, it appears that a conflict was created with the AnythingSlider.

Any ideas how to resolve this issue? I tried re-arranging the order of Javascript references below, but that did not resolve the issue. Right now the Suckerfish Lightbox is working but the AnythingSlider is not.

<!-- jQuery --> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
 
<!-- Anything Slider --> 
<script type="text/javascript" src="js/jquery.anythingslider.js"></script>

<!-- AnythingSlider initialization -->
<script type="text/javascript" >
// DOM Ready
	$(function(){
		$('#slider1').anythingSlider({theme:"default", hashTags: false, buildStartStop: false, autoPlay: false, delay: 4000,});
	});
	$(function(){
		$('#slider2').anythingSlider({theme:"slider2", hashTags: false, mode: "vertical", buildStartStop: false, buildNavigation: false, autoPlay: true, delay: 8000,});
	});
	$(function(){
		$('#slider3').anythingSlider({theme:"slider3", hashTags: false, buildStartStop: false, autoPlay: false, delay: 4000,});
	});

</script>

<!-- start: Suckerfish HoverLightbox Redux -->

<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen,projection" />
<link rel="stylesheet" href="lightbox/css/gallery.css" type="text/css" media="screen,projection" />
<script src="lightbox/js/prototype.js" type="text/javascript"></script>
<script src="lightbox/js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="lightbox/js/lightbox.js" type="text/javascript"></script>

<!--[if lte IE 6]>
<script src="lightbox/js/navigation.js" type="text/javascript"></script>
<![endif]-->
<!-- end: Suckerfish HoverLightbox Redux -->