// JavaScript Document

$(window).load(function(){
function fadein() {
    $('.showcase').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.showcase').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.showcase-hover').hover(fadein, fadeout);
});

$(window).load(function(){
function fadein() {
    $('.about').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.about').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.about-hover').hover(fadein, fadeout);
});


$(window).load(function(){
function fadein() {
    $('.client').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.client').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.client-hover').hover(fadein, fadeout);
});

$(window).load(function(){
function fadein() {
    $('.contact').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.contact').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.contact-hover').hover(fadein, fadeout);
});

$(window).load(function(){
function fadein() {
    $('.films').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.films').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.films-hover').hover(fadein, fadeout);
});

$(window).load(function(){
function fadein() {
    $('.vfx').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.vfx').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.vfx-hover').hover(fadein, fadeout);
});

$(window).load(function(){
function fadein() {
    $('.concepts').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.concepts').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.concepts-hover').hover(fadein, fadeout);
});

$(window).load(function(){
function fadein() {
    $('.facebook').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.facebook').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.facebook-hover').hover(fadein, fadeout);
});

$(window).load(function(){
function fadein() {
    $('.behance').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.behance').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.behance-hover').hover(fadein, fadeout);
});

$(window).load(function(){
function fadein() {
    $('.twitter').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.twitter').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.twitter-hover').hover(fadein, fadeout);
});

$(window).load(function(){
function fadein() {
    $('.vimeo').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.vimeo').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.vimeo-hover').hover(fadein, fadeout);
});

$(window).load(function(){
function fadein() {
    $('.youtube').animate({
        opacity: 1,
    }, 300, function() {
        // Animation complete.
    })
}
function fadeout() {
    $('.youtube').animate({
        opacity: 0,
    }, 300, function() {
        // Animation complete.
    })
}
$('.youtube-hover').hover(fadein, fadeout);
});