﻿$(document).ready(function() {
//    //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
//    //Vertical Sliding
//    $('.boxgrid.slidedown').hover(function() {
//        $(".cover", this).stop().animate({ top: '-200px' }, { queue: false, duration: 300 });
//    }, function() {
//        $(".cover", this).stop().animate({ top: '0px' }, { queue: false, duration: 300 });
//    });
//    //Horizontal Sliding
//    $('.boxgrid.slideright').hover(function() {
//        $(".cover", this).stop().animate({ left: '325px' }, { queue: false, duration: 300 });
//    }, function() {
//        $(".cover", this).stop().animate({ left: '0px' }, { queue: false, duration: 300 });
//    });
//    //Diagnal Sliding
//    $('.boxgrid.thecombo').hover(function() {
//        $(".cover", this).stop().animate({ top: '260px', left: '325px' }, { queue: false, duration: 300 });
//    }, function() {
//        $(".cover", this).stop().animate({ top: '0px', left: '0px' }, { queue: false, duration: 300 });
//    });
//    //Partial Sliding (Only show some of background)
//    $('.boxgrid.peek').hover(function() {
//        $(".cover", this).stop().animate({ top: '90px' }, { queue: false, duration: 160 });
//    }, function() {
//        $(".cover", this).stop().animate({ top: '0px' }, { queue: false, duration: 160 });
//    });
//    //Full Caption Sliding (Hidden to Visible)
//    $('.boxgrid.captionfull').hover(function() {
//        $(".cover", this).stop().animate({ top: '110px' }, { queue: false, duration: 500 });
//    }, function() {
//        $(".cover", this).stop().animate({ top: '210px' }, { queue: false, duration: 500 });
//    });
//    //Caption Sliding (Partially Hidden to Visible)
//    $('.boxgrid.caption').hover(function() {
//        $(".cover", this).stop().animate({ top: '160px' }, { queue: false, duration: 160 });
//    }, function() {
//        $(".cover", this).stop().animate({ top: '220px' }, { queue: false, duration: 160 });
//    });
////voor submenu
//    $('.boxgridb.slidedown').hover(function() {
//        $(".coverb", this).stop().animate({ top: '-97px' }, { queue: false, duration: 300 });
//    }, function() {
//        $(".coverb", this).stop().animate({ top: '0px' }, { queue: false, duration: 300 });
//    });
//    //Horizontal Sliding
//    $('.boxgridb.slideright').hover(function() {
//        $(".coverb", this).stop().animate({ left: '325px' }, { queue: false, duration: 300 });
//    }, function() {
//        $(".coverb", this).stop().animate({ left: '0px' }, { queue: false, duration: 300 });
//    });
//    //Diagnal Sliding
//    $('.boxgridb.thecombo').hover(function() {
//        $(".coverb", this).stop().animate({ top: '260px', left: '325px' }, { queue: false, duration: 300 });
//    }, function() {
//        $(".coverb", this).stop().animate({ top: '0px', left: '0px' }, { queue: false, duration: 300 });
//    });
//    //Partial Sliding (Only show some of background)
//    $('.boxgridb.peek').hover(function() {
//        $(".coverb", this).stop().animate({ top: '90px' }, { queue: false, duration: 160 });
//    }, function() {
//        $(".coverb", this).stop().animate({ top: '0px' }, { queue: false, duration: 160 });
//    });
    //Full Caption Sliding (Hidden to Visible)
    $('.boxgridb.captionfullb').hover(function() {
        $(".coverb", this).stop().animate({ top: '65px' }, { queue: false, duration: 500 });
    }, function() {
        $(".coverb", this).stop().animate({ top: '105px' }, { queue: false, duration: 500 });
    });
//    //Caption Sliding (Partially Hidden to Visible)
//    $('.boxgridb.captionb').hover(function() {
//        $(".coverb", this).stop().animate({ top: '110px' }, { queue: false, duration: 160 });
//    }, function() {
//        $(".coverb", this).stop().animate({ top: '220px' }, { queue: false, duration: 160 });
//    });
    //Voor laatste foto
    //Full Caption Sliding (Hidden to Visible)
//    $('.boxgridc.captionfullc').hover(function() {
//        $(".coverc", this).stop().animate({ top: '390px' }, { queue: false, duration: 500 });
//    }, function() {
//        $(".coverc", this).stop().animate({ top: '440px' }, { queue: false, duration: 500 });
//    });
});
