$(document).ready(function(){
    $(".cover", this).stop().animate({
        top:'300px'
    },{
        queue:false,
        duration:160
    });
    //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
    //Caption Sliding (Partially Hidden to Visible)
    //LEFT
    $('.boxgrid.caption').hover(function(){
        $(".cover#left", this).stop().animate({
            top:'140px' //visina za hover
        },{
            queue:false,
            duration:260
        });
    }, function() {
        $(".cover#left", this).stop().animate({
            top:'300px' //početna visina
        },{
            queue:false,
            duration:260
        });
    });

    //MIDDLE
    $('.boxgrid.caption').hover(function(){
        $(".cover#mid", this).stop().animate({
            top:'90px' //visina za hover
        },{
            queue:false,
            duration:260
        });
    }, function() {
        $(".cover#mid", this).stop().animate({
            top:'300px' //početna visina
        },{
            queue:false,
            duration:260
        });
    });

    //RIGHT
    $('.boxgrid.caption').hover(function(){
        $(".cover#right", this).stop().animate({
            top:'140px' //visina za hover
        },{
            queue:false,
            duration:260
        });
    }, function() {
        $(".cover#right", this).stop().animate({
            top:'300px' //početna visina
        },{
            queue:false,
            duration:260
        });
    });



});