$(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: '-260px' }, { queue: false, duration: 1000 });
        $("#IsYour.cover", this).stop().animate({ top: '-260px' }, { queue: false, duration: 1000 });
    }, function() {
        $(".cover", this).stop().animate({ top: '0px' }, { queue: false, duration: 1000 });
        $("#hdtv.cover", this).stop().animate({ top: '44px' }, { queue: false, duration: 1000 });
        $("#IsYour.cover", this).stop().animate({ top: '110px', left: '22px' }, { queue: false, duration: 1000 });
    });
    //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: '-260px' }, { queue: false, duration: 1000 });
        $("#IsYour.cover", this).stop().animate({ top: '-260px' }, { queue: false, duration: 1000 });
        $("#hdtv", this).stop().animate({ top: '-260px' }, { queue: false, duration: 1000 });
        $("#IsYour", this).stop().animate({ top: '-260px' }, { queue: false, duration: 1000 });
    }, function() {
        $(".cover", this).stop().animate({ top: '0px' }, { queue: false, duration: 1000 });
        $("#IsYour.cover", this).stop().animate({ top: '110px', left: '22px' }, { queue: false, duration: 1000 });
        $("#hdtv", this).stop().animate({ top: '44px' }, { queue: false, duration: 1000 });
        $("#IsYour", this).stop().animate({ top: '110px' }, { queue: false, duration: 1000 });
    });
    //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 });
    });



  $('table').each(function() {
        if ($(this).find("tr").length > 1) {
            if ($(this).hasClass(".show_design_border")) {
                $(this).addClass('TabContentTable');
                $(this).find("tr:first").addClass('TableHead');

                $(this).find("tr:last").addClass('RowLast');
                var rowNumber = $(this).find("tr").length;
                var colsNumber = $(this).find("tr td").length;
                var totalCols = eval(colsNumber / rowNumber);
                $(this).find("tr:nth-child").addClass('TableRow');
                $(this).find('tr td:nth-child(' + totalCols + ').').addClass('ColLast');
            }
        }
    });
    $('a.Tab').click(function() {

        var Aid = '#C' + $(this).attr('name');

        $(Aid).click();

    });

    //added to move page to top when using direct link for tabs
//    $(function() {
//        window.location = '#';
//    });
});