JavaScript - Jquery-lightbox Help Needed

        <script type="text/javascript" src="js/jquery.min.js"></script> 
        <script type="text/javascript" src="js/pirobox.js"></script>  
        <script type="text/javascript"> 
        $(document).ready(function(){ 
        $().piroBox({ 
              my_speed: 300, //animation speed 
              bg_alpha: 0.5, //background opacity 
              slideShow : 'true', // true == slideshow on, false == slideshow off 
              slideSpeed : 3, //slideshow 
              close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox 
              }); 
        }); 
         
        </script> 	

        <script language="javascript" type="text/javascript" src="js/mootools.js"></script>
	<script language="javascript" type="text/javascript" src="js/script.js"></script>

        <script language="javascript" type="text/javascript" src="js/mootools.js"></script>
	<script language="javascript" type="text/javascript" src="js/script.js"></script>
        
        <script type="text/javascript" src="js/jquery.min.js"></script> 
        <script type="text/javascript" src="js/pirobox.js"></script> 
        <script type="text/javascript"> 
        $(document).ready(function(){ 
        $().piroBox({ 
              my_speed: 300, //animation speed 
              bg_alpha: 0.5, //background opacity 
              slideShow : 'true', // true == slideshow on, false == slideshow off 
              slideSpeed : 3, //slideshow 
              close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox 
              }); 
        }); 
         
        </script>

        <script type="text/javascript">
		new LofmCordion( {wapperSelector: $E('#lof-cordion-1 .lof-cordion-wapper') } );
	</script>

        <script language="javascript" type="text/javascript" src="js/mootools.js"></script>
	<script language="javascript" type="text/javascript" src="js/script.js"></script>

$(document).ready(function(){
	//References
	var change = $("#menu li a");
	var loading = $("#loading");
	var content = $("#content");
	
	//Manage click events
	change.click(function(){
		//show the loading bar
		showLoading();
		//load selected section
		if(this.id == "home")
		{
			change.load(this.className='current-page');
			content.slideUp();
			content.load("pages/index.php", hideLoading);
			content.slideDown();
		}
		else if(this.id == "secondpage")
		{
			change.load(this.className='current-page');
			content.slideUp();
			content.load("pages/secondpage.php", hideLoading);
			content.slideDown();
		}
		else
		{
			//hide loading bar if there is no selected section
			hideLoading();
		}
	});

	//show loading bar
	function showLoading(){
		loading
			.css({visibility:"visible"})
			.css({opacity:"1"})
			.css({display:"block"})
		;
	}

	//hide loading bar
	function hideLoading(){
		loading.fadeTo(1000, 0);
	};
});

<ul id="menu">
<li><a id="home" class="normal" href="#Home"></a></li>
<li><a id="secondpage" class="normal"  href="#Secondpage"></a></li>		
</ul>

<div id="content">
<ul id="sec-menu">
<li><a id="link1" class="normal" href="#">Link1</a></li>
<li><a id="link2" class="normal"  href="#">Link2</a></li>		
</ul>
</div>

jQuery(document).ready(function($) {
        function load(num) {
            $('#content').load(num +".html");
        }

        $.history.init(function(url) {
                load(url == "" ? "1" : url);
            });

        $('#ajax-links a').live('click', function(e) {
                var url = $(this).attr('href');
                url = url.replace(/^.*#/, '');
                $.history.load(url);
                return false;
            });
    });

// Javascript

<script language="javascript">
 $(function(){
 $("a#show-panel").click(function(){
 $("#lightbox, #lightbox-panel").animate({"height" : "400px"},2000);
 $("#lightbox, #lightbox-panel").animate({"width" : "400px"},2000);
 });
 $("a#close-panel").click(function(){
 $("#lightbox, #lightbox-panel").fadeOut(300);
 });
 });
</script>

// CSS

#lightbox {
 display:none;
 background:#000000;
 opacity:0.9;
 filter:alpha(opacity=90);
 position:absolute;
 top:0px;
 left:0px;
 min-width:100%;
 min-height:100%;
 z-index:1000;
} 

#lightbox-panel {
 display:none;
 position:fixed;
 top:100px;
 left:50%;
 margin-left:-200px;
 background:#FFFFFF;
 padding:10px 15px 10px 15px;
 border:2px solid #CCCCCC;
 z-index:1001;
}

// HTML

<a id="show-panel" href="#" class="small">Show Panel</a>

<div id="lightbox-panel">
<h2>Lightbox Panel</h2>
<p>You can add any valid content here.</p>
<p align="center">
<a id="close-panel" href="#" class="small">Close this window</a>
</p>
</div><!-- /lightbox-panel -->

<div id="lightbox"> </div><!-- /lightbox -->