//Homepage Animation
$(document).ready(function () {
    $('#Large-Logo img').hide();
$('#IndexRibbon').css('height', '0px');
    $('#IndexRibbon').animate({
        height: "160px"
    }, 1500, 'swing', function () {
        
        $('#Large-Logo img').fadeIn(4000);
    });
});

//Top Nav Animation
$(document).ready(function () {
    $('#NavRibbon').css('height', '0px');
    $('#NavRibbon').animate({
        height: "160px"
    }, 1500, 'swing');
});

//Drawer Animation
$(document).ready(function () {
    $('#DrawerAreaWedding').css('height', '0px');
    $('#DrawerAreaPhoto').css('height', '0px');
    $('#DrawerAreaOther').css('height', '0px');
    $('#Close').css('display', 'none');
    $('#ShowMore h3').click(function () {
        $('#ShowMore').fadeOut('slow');
        $('#DrawerAreaWedding').animate({
            height: '256px'
        }, 3000, 'swing');
        $('#DrawerAreaPhoto').animate({
            height: '980px'
        }, 3000, 'swing');
        $('#DrawerAreaOther').animate({
            height: '240px'
        }, 3000, 'swing');
        $('#Close').fadeIn('slow');
    });
    $('#Close').click(function () {
        $('#Close').fadeOut('slow');
        $('#DrawerAreaWedding').animate({
            height: '0px'
        }, 1500, 'swing');
        $('#DrawerAreaPhoto').animate({
            height: '0px'
        }, 1500, 'swing');
        $('#DrawerAreaOther').animate({
            height: '0px'
        }, 1500, 'swing');
        $('#ShowMore').fadeIn(2000);
    });
});