$(function() {
$(".fade").css("opacity","0.8");
$(".fade").hover(	function () {$(this).stop().animate({opacity: 1.0}, 550);},
			function () {$(this).stop().animate({opacity: 0.8}, 1440);});
});

$(function() {
$(".fadetext").css("opacity","0.3");
$(".fadetext").hover(	function () {$(this).stop().animate({opacity: 1.0}, 770);},
			function () {$(this).stop().animate({opacity: 0.3}, 1000);});
});

$(function() {
$(".icon").css("opacity","0.55");
$(".icon").hover(	function () {$(this).stop().animate({opacity: 1.0}, 320);},
			function () {$(this).stop().animate({opacity: 0.55}, 550);});
});

$(document).ready(function () {
    var $div = $('#down');
    var height = $div.height();
    $div.hide().css({ height : 0 });

    $('.down').click(function () {
        if ($div.is(':visible')) {
            $div.animate({ height: 0 }, { duration: 300, complete: function () {
                $div.hide();
            } });
        } else {
            $div.show().animate({ height : height }, { duration: 500 });
        }
        
        return false;
    });
});

$(document).ready(function () {
    var $div = $('#ref');
    var height = $div.height();
    $div.hide().css({ height : 0 });

    $('.ref').click(function () {
        if ($div.is(':visible')) {
            $div.animate({ height: 0 }, { duration: 300, complete: function () {
                $div.hide();
            } });
        } else {
            $div.show().animate({ height : height }, { duration: 500 });
        }
        
        return false;
    });
});