window.addEvent('domready',function() {
    // set video playlist width
    var playlist_shifter = $('playlist_shifter');
    var video_thumbs = playlist_shifter.getChildren('a');
    var list_width = 64 * video_thumbs.length + 15;
    playlist_shifter.setStyle('width', list_width);
    
    // set month list width
    var month_list = $('month_list');
    var month_items = month_list.getChildren('a');
    list_width = 38 * month_items.length + 6;
    month_list.setStyle('width', list_width);
    
    // set day list width
    var day_list = $('day_list');
    var day_items = day_list.getElements('.month');
    list_width = 465 * day_items.length;
    day_list.setStyle('width', list_width);
    
    // set event list width
    var event_list = $('event_list');
    var event_items = event_list.getElements('.event');
    list_width = 232 * event_items.length + 15;
    event_list.setStyle('width', list_width);
});

function playlist_goLeft() {
    playlist_go(320);
}

function playlist_goRight() {
    playlist_go(-320);
}

function playlist_go(distance) {
    element_go('playlist_shifter', distance);
}

function monthlist_goLeft() {
    element_go('month_list', 200);
}
function monthlist_goRight() {
    element_go('month_list', -200);
}
function cal_month_go(month, link) {
    var links = $('month_list').getElements('a');
    var result = element_go_element('event_list','month'+month);
    element_go_element('day_list','monthdays'+month);
    
    if(result && link) {
        links.each(function(item, idx, arr) {
            item.removeClass('active');
        });
        $(link).addClass('active');
    }
}
function cal_day_go(day) {
    element_go_element('event_list', day);
}