$(document).ready(function()
	 {
	  $("#firstboxContent").css({"visibility":"visible"});
	 $("#firstboxContent2").css({"visibility":"visible"});
        var nextLink = false;
        var backLink = false;
	     $("#mycarousel").jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback, 
        
       
        
      
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null,
        easing: 'easeOutQuint',
        animation: 600

        });
    
    
        $("#mycarousel2").jcarousel({
        scroll: 1,
        initCallback: mycarousel_initCallback2,
        itemLastOutCallback: callback1,
       
        // This tells jCarousel NOT to autobuild prev/next buttons
        buttonNextHTML: null,
        buttonPrevHTML: null,
        easing: 'easeOutExpo',
        animation: 600

         });
         

        function callback1()
        {
        if(nextLink)
        {
        thisElement = $('.activeElement');
	    nextElement = $('.activeElement').next();
	    thisElement.css({"backgroundImage":"url(style/images/navigationelement.jpg)"});
	    nextElement.css({"backgroundImage":"url(style/images/navigationelement_active.jpg)"});
	    $(thisElement).attr("class","disActiveElement");
	    $(nextElement).attr("class","activeElement");
        }
        if(backLink)
        {
        thisElement = $('.activeElement');
	    nextElement = $('.activeElement').prev();
	    thisElement.css({"backgroundImage":"url(style/images/navigationelement.jpg)"});
	    nextElement.css({"backgroundImage":"url(style/images/navigationelement_active.jpg)"});
	    $(thisElement).attr("class","disActiveElement");
	    $(nextElement).attr("class","activeElement");
	    }
        
        };
	   	function mycarousel_initCallback(carousel) {
	    $('#nextLink').bind('click', function() {
        carousel.next();
        return false;
        });
        $('#backLink').bind('click', function() {
        carousel.prev();
        return false;
    });

}


 	function mycarousel_initCallback2(carousel2) {
	    $('#nextLink2').bind('click', function() {
        nextLink = false;
        backLink = false;
        if(carousel2.next())
        {
        nextLink = true;
        }
	   
	    
        return false;
        });
        
        
        $('#backLink2').bind('click', function() {
       backLink = false;
       nextLink = false;
       
     
        if(carousel2.prev())
        {
        backLink = true;
        }
        
        return false;
    });
    
     jQuery('.NavigationLinks a').bind('click', function() {
     nextLink = false;
     backLink = false;
        carousel2.scroll(jQuery.jcarousel.intval(jQuery(this).attr("href")));
        jQuery('.NavigationLinks a').css({"backgroundImage":"url(style/images/navigationelement.jpg)"});
        jQuery('.NavigationLinks a').attr("class","disActiveElement");
        carousel2.scroll(jQuery.jcarousel.intval(jQuery(this).css({"backgroundImage":"url(style/images/navigationelement_active.jpg)"})));
        $(this).attr("class","activeElement");
        return false;
        });

}
	   /* $("#nextLink").click(function()
	    {
		    nextid =  parseInt($('#nextLink').attr("href")) +1;

		    if(nextid<=4)
		    {	
			    $("#firstboxContent").fadeOut("slow", function()
			    {
				    $("#firstboxContent").load($('#nextLink').attr("href")+".html",function()
					{
				        $("#firstboxContent").fadeIn("slow", function()
						{
						    $('#nextLink').attr("href", ""+nextid+"");
						    $('#backLink').attr("href", ""+nextid-2+"");
						});
					});
			    });	
             }
	    });*/

	     /*$("#backLink").click(function()
	     {
		    nextid =  parseInt($('#backLink').attr("href")) -1;

		    if(nextid>=0)
		    {	
			    $("#firstboxContent").fadeOut("slow", function()
			    {
				    $("#firstboxContent").load($('#backLink').attr("href")+".html", function()
                    {
                        $("#firstboxContent").fadeIn("slow", function()
			            {
			                nexttid = parseInt(nextid) + 2; 
				            $('#nextLink').attr("href", ""+nexttid+"");
				            $('#backLink').attr("href", ""+nextid+"");
			            });
                    });
			    });	
		    }
	    });*/
	});