/*
 * Login Slider
 */
$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#slickbox').hide();
  
 // shows and hides and toggles the slickbox on click  
  $('#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });
  $('#slick-hide').click(function() {
    $('#slickbox').hide('fast');
    return false;
  });
  $('#slick-toggle').click(function() {
    $('#slickbox').toggle(400);
    return false;
  });

 // slides down, up, and toggle the slickbox on click    
  $('#slick-down').click(function() {
    $('#slickbox').slideDown('slow');
    return false;
  });
  $('#slick-up').click(function() {
    $('#slickbox').slideUp('fast');
    return false;
  });
  $('#slick-slidetoggle').click(function() {
    $('#slickbox').slideToggle(400);
    return false;
  });
});

/*
 * Category Slider
 */
 
$(document).ready(function() {
	$("div.panelButton").click(function(){
		$("div#panel").animate({
			height: "350px"
		})
		.animate({
			height: "300px"
		}, "fast");
		$("div.panelButton").toggle();
	
	});	
	
   $("div#hideButton").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, "fast");
		
	
   });	
	
});

/*
 * Image Fade
 */
 
$(document).ready(function() {
   $(".fade").fadeTo("fast", 0.0); // This sets the opacity of the thumbs to fade down to 0% when the page loads
   $(".fade").hover(function() {
      $(this).fadeTo("500", 1.0); // This should set the opacity to 100% on hover
      }
   , function() {
      $(this).fadeTo("500", 0.0); // This should set the opacity back to 0% on mouseout
      }
   ); }
);