/*
 * Created On: Tuesday, 10th August 2010
 * Created By: Beth
 *
 * Description:
 *
 *   Sliding Boxes Script - from the site http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/
 */

$(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:'-300px'
        },{
            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:'625px'
        },{
            queue:false,
            duration:200
        });
    }, function() {
        $(".cover", this).stop().animate({
            left:'0px'
        },{
            queue:false,
            duration:400
        });
    });

    //Diagnal Sliding
    $('.boxgrid.slideleft').hover(function(){
        $(".cover", this).stop().animate({
            left:'-625px'
        },{
            queue:false,
            duration:200
        });
    }, function() {
        $(".cover", this).stop().animate({
            left:'0px'
        },{
            queue:false,
            duration:400
        });
    });

    //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:'0px'
        },{
            queue:false,
            duration:160
        });
    }, function() {
        $(".cover", this).stop().animate({
            top:'220px'
        },{
            queue:false,
            duration:160
        });
    });

    //Caption Sliding (Partially Hidden to Visible)
    $('.boxgrid.caption').hover(function(){
        $(".cover", this).stop().animate({
            top:'0px'
        },{
            queue:false,
            duration:160
        });
    }, function() {
        $(".cover", this).stop().animate({
            top:'80px'
        },{
            queue:false,
            duration:160
        });
    });
});