﻿function EventBreaks() {
    var breaks = $j('.Year');
    if (breaks.length > 0) {
        //breaks.css('border', '1px solid red');
        //modify all
        breaks.css({ cursor: 'pointer' }).each(function(index) {
            var content = $j(this).html();
            $j(this).html('<span class="arrow">&nbsp;</span>' + content).attr('rel',content);
            
        }).click(EventClick);
        breaks.find('.arrow').css('background-position', '0 -10px');
        $j('.Item').hide();
        //activate current
        var first = breaks.first();

        EventClickedYear = first.attr('rel');

        first.find('.arrow').css('background-position', '0 0');
        $j('.YearEntry' + EventClickedYear).show();
       
    }
}

var EventClickedYear = 0;
function EventClick() {
    var year = $j(this).attr('rel');
    
    if (EventClickedYear != year) {
        EventClickedYear = year;
        //alert(year + '/' + EventClickedYear);
        $j('.Item').slideUp('slow');
        $j('.YearEntry' + year).slideDown('slow');
        $j('.Year').find('.arrow').css('background-position', '0 -10px');
        $j('.Year[rel='+year+']').find('.arrow').css('background-position', '0 0');
    }
}
