$(document).ready(function() {
    var months  = ['ho01','ho02','ho03','ho04','ho05','ho06','ho07','ho08','ho09','ho10','ho11','ho12','ho13','ho14','ho15','ho16','ho17','ho18','ho19','ho20'];
    var years   = ['y2008'];
    var height  = 468;
    var width   = 715;
    var links   = $("#time ul li a");
    var ylinks  = $("#year a");
    var value;
    links.click(function() {
        value = (jQuery.inArray($(this).attr('rel'), months) * height);
        $(".scrollContainerHolder").animate({
            top: -value + "px"
        });
        links.removeClass('current');
        $(this).addClass('current');
        return false;
    });
    ylinks.click(function() {
        value = (jQuery.inArray($(this).attr('rel'), years) * width);
        $(".yearScrollContainerHolder").animate({
            left: -value + "px"
        });
        ylinks.removeClass('current');
        $(this).addClass('current');
        return false;
    });
});