/* portfolio box*/

$(document).ready(function () {

    $("ul.nav li").hover(function () { //On hover

        var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'

        //Set a background image(thumbOver) on the <a> tag - Set position to bottom
        $(this).find("a.thumb").css({ 'background': 'url(' + thumbOver + ') no-repeat center bottom' });

        //Animate the image to 0 opacity (fade it out)
        $(this).find("span").stop().fadeTo('fast', 0, function () {
            $(this).hide() //Hide the image after fade
        });
    }, function () { //on hover out...
        //Fade the image to full opacity 
        $(this).find("span").stop().fadeTo('normal', 1).show();
    });

});


$(function () {
    $('.portfolio-content').hover(function () {
        $(this).children('.front').stop().animate({ "top": '200px' }, 700);
    }, function () {
        $(this).children('.front').stop().animate({ "top": '5px' }, 400);
    });
});