var EpgDayBehaviour = new Class({
    Implements:[Events, Options],

    initialize:function (dom_element, options)
    {
        var that = this;
        this.dom_element = $(dom_element);
        this.options = options;

        var current = new Date();
        var day = Date.fromISOString(that.options.full_date);

        this.dom_element.addEvent('click', function(event){
            event.preventDefault();
            that.highlight();
        });

        // highlight today
        if(current.getDate() == day.getDate())
        {
            that.highlight();
        }
    },

    highlight: function()
    {
        var element = this.dom_element;
        var offset = element.getPosition(element.getParent());

        var background_left = 1001 - offset.x;
        $$('.mod_programguide > .broadcasts > li').setStyle('backgroundPosition', '-' + background_left + 'px 0px');

        if(offset.x == 1) {
            $$('.mod_programguide > .broadcasts').setStyle('backgroundPosition', 'top right');
        }
        else if(offset.x == 751)
        {
            $$('.mod_programguide > .broadcasts').setStyle('backgroundPosition', 'top left');
        }
        else
        {
            $$('.mod_programguide > .broadcasts').setStyle('backgroundPosition', 'top center');
        }
    }
});

JsBehaviourToolkit.registerHandler('epg_day', EpgDayBehaviour);