lightbox messes everything up

[flashvenom]

hey guys

I am building a site you can see it at http://www.platinumescorts.co

on the home page I have a css animated menu and a bit of flash and all is good but on the next page i built http://www.platinumescorts.co/profiles.html i have added a lightbox and for some reason it stop the animated menu.

I have tried everything to fix it but no joy, any Ideas?

Any help would much appreciated.

Cheers

[bokanegro]

hi,

You are using jQuery library and Prototype library that may be problem, why don't you use jquery lightbox?

<!--MENU SCRIPT START-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
	
	$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
	
	$("#topnav li").each(function() { //For each list item...
		var linkText = $(this).find("a").html(); //Find the text inside of the a tag
		$(this).find("span").show().html(linkText); //Add the text in the span tag
	}); 
	
	$("#topnav li").hover(function() {	//On hover...
		$(this).find("span").stop().animate({ 
			marginTop: "-40" //Find the span tag and move it up 40 pixels
		}, 250);
	} , function() { //On hover out...
		$(this).find("span").stop().animate({
			marginTop: "0" //Move the span back to its original state (0px)
		}, 250);
	});
	
	
});
</script>

<script type="text/javascript" src="scripts/prototype.js"></script>

<script type="text/javascript" src="scripts/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="scripts/lightbox.js"></script>
<!--MENU SCRIPT END-->

If you wish to use this lightbox check this link:


Using jQuery with Other Libraries

[flashvenom]

Cheers, Ill give it a go