jQuery(document).ready(function() {
      jQuery("#menu img").hover(function() {
        jQuery(this).attr("src", jQuery(this).attr("src").split(".").join("-hover."));
      }, function() {
        jQuery(this).attr("src", jQuery(this).attr("src").split("-hover.").join("."));
      });
              	
      var jQuerylast = jQuery([]);
      
      jQuery(".bookText").attr({scrollTop:0,scrollLeft:0});
      
      jQuery(".pageLinks").localScroll({
           target:".bookText",
           axis:"xy",
           duration:1000,
           click: function(e) {
              jQuerylast=jQuery(this).addClass("active");
              jQuerylast.toggleClass("active");
           },
           onBefore:function( e, anchor, jQuerytarget ){//'this' is the clicked link
            jQuery(".pageLinks a").css({fontWeight: "normal"});
		    jQuerylast.removeClass("scrolling");
		    jQuerylast = jQuery(this).addClass("scrolling");
		    jQuerylast.css({fontWeight: "bold"});
		    if( this.blur )
			    this.blur();//remove the awful outline
	        },
	        onAfter:function( anchor ){
		        jQuerylast.removeClass("scrolling");
		        
	        }
        });


      jQuery("#menu").localScroll({
           target:"#MainContent",
           axis:"xy",
           duration:1000,
           onBefore:function( e, anchor, jQuerytarget ){//'this' is the clicked link
			jQuerylast.removeClass("scrolling");
			jQuerylast = jQuery(this).addClass("scrolling");
			
			if( this.blur )
				this.blur();//remove the awful outline
		 
		    },
		    onAfter:function( anchor ){
			    jQuerylast.removeClass("scrolling");
		    }

           
           
           
          
        });
        jQuery("#mnu0").click(function() {
           jQuery("#MenuSection .currentCh").animate({top: "-20", left: "0"}, "slow")
           
           });
           
        jQuery("#mnu1").click(function() {
           jQuery("#MenuSection .currentCh").animate({top: "-20", left: "100"}, "slow")
           
           });
           
        jQuery("#mnu2").click(function() {
           jQuery("#MenuSection .currentCh").animate({top: "-20", left: "195"}, "slow")
           
           });
        
        jQuery("#mnu3").click(function() {
           jQuery("#MenuSection .currentCh").animate({top: "-20", left: "320"}, "slow")
           
           });
           
        jQuery("#mnu4").click(function() {
           jQuery("#MenuSection .currentCh").animate({top: "-20", left: "440"}, "slow")
           
           });
           
           
        jQuery("#mnu5").click(function() {
           jQuery("#MenuSection .currentCh").animate({top: "-20", left: "560"}, "slow")
           
           });
           
           
        jQuery("#mnu6").click(function() {
           jQuery("#MenuSection .currentCh").animate({top: "-20", left: "700"}, "slow")
           
           });
           
           
        jQuery("#mnu7").click(function() {
           jQuery("#MenuSection .currentCh").animate({top: "-20", left: "820"}, "slow")
           
           });
         
         
         jQuery("div.MoreButton").click(function(){
		    jQuery("div#MoreContent").animate({
			    height: "240px"
		    });
                    jQuery("div#MoreContent").css({"z-index":10});
		    jQuery("div.MoreButton").toggle();
    	
	    });	
    	
           jQuery("div#MoreButton2").click(function(){
		        jQuery("div#MoreContent").animate({
			        height: "0px"
		        }, "fast");
        		
        	
           });
             
    });