jQuery(document).ready(function(){
	jQuery(".trigger").click(function(){
		jQuery(".info-panel").toggle("fast");
		jQuery(this).toggleClass("active");
		return false;
	});
    jQuery("a.trigger").css('left', '-125px');
    jQuery(".trigger").fadeTo("250", 0.3); // This sets the opacity of the thumbs to fade down to 30% when the page loads
    jQuery(".trigger").hover(function(){
    jQuery(this).fadeTo("250", 1.0);
    jQuery("a.trigger").animate({left: "0px"}, {duration:250, easing: 'slide'})
     // This should set the opacity to 100% on hover
    },function(){
    jQuery(this).fadeTo("250", 0.3); // This should set the opacity back to 30% on mouseout
    jQuery("a.trigger").animate({left: "-125px"}, {duration:250, easing: 'slide'})
    });
});