$(document).ready(function(){
	$("#m_collection").hover(
		function(){
			$('.collection_items').show(1000);
			//$("#menu").animate({height: "180px"}, 1000, "swing" );
			$("#menu").animate({bottom:'50px', height:'180px'},"slow");
			$("#rgt_menu").animate({bottom:'20px'},"slow");
			$('.collection_items').hover(
					function(){
						$(this).stop();
						$("#menu").stop();
					},
					function(){
						$(this).hide('slow');
						$("#menu").animate({bottom:'50px', height:'150px'},"slow");
					}) ;
		},
		function(){
			$('.collection_items').hide(1000);
			$("#menu").animate({bottom:'50px', height:'150px'},"slow");
		}
	);
	
	
	$("#mmagazine").hover(
		function(){
			$('.magazine_items').show(1000) ;
			//$("#menu").animate({height: "180px"}, 1000, "swing" );
			$("#menu").animate({bottom:'50px', height:'180px'},"slow");
			$("#rgt_menu").animate({bottom:'20px'},"slow");
			$('.magazine_items').hover(
					function(){
						$(this).stop();
						$("#menu").stop();
					},
					function(){
						$(this).hide('slow');
						$("#menu").animate({bottom:'50px', height:'150px'},"slow");
					}) ;
		},
		function(){
			$('.magazine_items').hide(1000);
			$("#menu").animate({bottom:'50px', height:'150px'},"slow");
		}
	);
	
	
	$("#about").hover(
		function(){
			$('.about_items').show(1000) ;
			$('.about_items').hover(function(){$(this).stop();},function(){$(this).hide('slow');} ) ;
		},
		function(){$('.about_items').hide(1000);}
	);
	
$("#panel, .content").hide(); //hides the panel and content from the user
 
   $('#tab').toggle(function(){ //adding a toggle function to the #tab
      $('#panel').stop().animate({width:"400px", opacity:0.8}, 500, function() {//sliding the #panel to 400px
	  $('.content').fadeIn('slow'); //slides the content into view.
	  });  
   },
   function(){ //when the #tab is next cliked
   $('.content').fadeOut('slow', function() { //fade out the content 
      $('#panel').stop().animate({width:"0", opacity:0.1}, 500); //slide the #panel back to a width of 0
	  });
   });


$('#slider').nivoSlider({
        effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
        slices:15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed:500, // Slide transition speed
        pauseTime:2000, // How long each slide will show
        startSlide:0, // Set starting Slide (0 index)
        directionNav:false, // Next & Prev navigation
        directionNavHide:false, // Only show on hover
        controlNav:true, // 1,2,3... navigation
        controlNavThumbs:false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel:false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav:false, // Use left & right arrows
        pauseOnHover:false, // Stop animation while hovering
        manualAdvance:false, // Force manual transitions
        captionOpacity:0.8, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    });


});


