var IntervalID = 0;
var MyCarousel;
var MyContainer;

var Items;
var ItemsPosition;
var ItemsHeight;

$(document).ready(function() {



    /* Carousel up and down buttons */
    
    $(".GameCarousel .Up, .GameCarousel .Down").hover(
      function () {
        $(this).parent().removeClass().addClass("ArrowsHover");
      }, 
      function () {
        $(this).parent().removeClass().addClass("Arrows");
      }
    );



    /* Carousel Buttons */
    
    $(".GameCarousel .Controls .Down").mousedown(function(){
        MyCarousel = $(this).parents(".GameCarousel").find(".Items");
        MyContainer = $(this).parents(".GameCarousel").find(".Middle");
        IntervalID = setInterval('CarouselDown()',1);
    });
    $(".GameCarousel .Controls .Down").mouseup(function(){clearInterval(IntervalID);});
    $(".GameCarousel .Controls .Down").mouseout(function(){clearInterval(IntervalID);});
    $(".GameCarousel .Controls .Up").mousedown(function(){
        MyCarousel = $(this).parents(".GameCarousel").find(".Items");
        MyContainer = $(this).parents(".GameCarousel").find(".Middle");
        IntervalID = setInterval('CarouselUp()',1);
    });
    $(".GameCarousel .Controls .Up").mouseup(function(){clearInterval(IntervalID);});
    $(".GameCarousel .Controls .Up").mouseout(function(){clearInterval(IntervalID);});

    
        	    
});


/* Carousel Scroll Functions */

function CarouselDown(){

    Items = MyCarousel;
    
    ItemsHeight = Items.height();
    ContainerHeight = MyContainer.height() - 10;
    ItemsPosition = parseInt(Items.css("top"));
    
    if (ItemsPosition + ItemsHeight - ContainerHeight > 0){
        ItemsPosition = ItemsPosition -5;
        Items.css("top", ItemsPosition +"px");
    }
}

function CarouselUp(){

    Items = MyCarousel;

    ItemsPosition = parseInt(Items.css("top"));
    if (ItemsPosition < 0){
        ItemsPosition = ItemsPosition +5;
        Items.css("top", ItemsPosition +"px");
    }
}