//Home Page DLs
$('#DL1, #DL2, #DL3').hover(function() {
    $(".content", this).stop().animate({top:'214px'}, {queue:false,duration:160});
}, function() {
    $(".content", this).stop().animate({top:'270px'}, {queue:false,duration:160});
});


if ($("#slideshow").length > 0) {
    $(window).load(function() {
        $("#slideshow").jcarousel({
            auto: 2,
            scroll: 1,
            wrap: 'last',
            animation : 900,
            easing : 'easeInOutQuint',
            buttonNextHTML: "<a href='#'></a>",
            buttonPrevHTML: "<a href='#'></a>",
            initCallback: function(carousel) {
                carousel.autoOnce = $("#slideshow").is(".auto-once");                
                $("#chiclet a").click(function() {
                    carousel.scroll($(this).index() + 1);
                    return false;
                });
                carousel.buttonNext.bind('click', function() {
                    carousel.startAuto(0);
                });
                carousel.buttonPrev.bind('click', function() {
                    carousel.startAuto(0);
                });
                carousel.clip.hover(function() {
                    carousel.stopAuto();
                }, function() {
                    carousel.startAuto();
                });

            },
            itemVisibleInCallback:function(carousel, item, index, state) {
                if (carousel.autoOnce && index == carousel.size() && state == 'next') {
                    carousel.startAuto(0);
                    carousel.autoOnce = false;
                }
                $("#chiclet > a").filter(".selected").removeClass("selected").end().eq(index - 1).addClass("selected");
            }
        });
    });
}


$(".boxGrid").mouseover(function() {
    $(".boxContent", this).css("background", "#4A98AE");
    $(this).css({"cursor": "pointer", "color": "#fff"});
    $(".brand, .title", this).css({ "color": "#fff"});
});

$(".boxGrid").mouseout(function() {
    $(".boxContent", this).css("background", "#fff");
    $(this).css({"cursor": "pointer", "color": "#000"});
    $(".brand", this).css({ "color": "#727272"});
    $(".title").css({"color": "#000"});
});