window.addEvent('domready', function()
{
    initEvents();
});


function initEvents()
{
    // Initializing SearchBlock open and close events
    $$('#eventChoose').addEvent('click', showSearchBlock );

    // Initializing events block for paging
    $$('#ev_pagination a').addEvent('click', eventsPaging);
    
    //  Add event on search form submit
    $$('#eventsForm').addEvent('submit', sendEventsForm);
	
	var filterEvent = new DropDownFilter($('filter-events'), setFilter);

}

// Sending searching form 
function sendEventsForm(e)
{

    $$('#eventChooseBox').setStyle('display', 'none');
    $$('#eventsTypeArrow').setProperty('src', '/img/frontend/arrowDown.gif');
    e.stop();
    this.set('send', { onSuccess : function(responce)
    {
        $('eventsWrapper').set('html', responce);
    },
        onReady : function() {
            alert('reade');
        }
    })
    this.send();
}

function showSearchBlock(e)
{
    e.stop();
    if($$('#eventChooseBox').getStyle('display') == 'none')
    {
        $$('#eventChooseBox').setStyle('display', 'block');
        $$('#eventsTypeArrow').setProperty('src','/img/frontend/arrowUp.gif');
        var func = function(e)
        {
            if ($(e.target).getParent('#eventChooseBox'))
            {
                return;
            }
            $$('#eventChooseBox').setStyle('display', 'none');
            $$('#eventsTypeArrow').setProperty('src', '/img/frontend/arrowDown.gif');
            $(document.body).removeEvent('click', func);
        };
        // Add Event on document.body for closing eventChooseBox
        $(document.body).addEvent('click', func);
    }
    else
    {
        $$('#eventChooseBox').setStyle('display', 'none');
        $$('#eventsTypeArrow').setProperty('src', '/img/frontend/arrowDown.gif');
    }
}


function eventsPaging (e)
{
    e.stop();
	reload(this.get('href'));
}

function setFilter(types)
{
	var url = '/index/events/page/1';
	
	if (types.length) {
		url = url + "?event_types=" + types;
	}
	reload(url);
}

function reload(url)
{
	new Element('div',
    {
        'class': 'ajax-loader',
        'id': 'ajax-pt',
        'styles': {
                'width': $('eventsWrapper').getWidth(),
                'height': $('eventsWrapper').getHeight(),
                'opacity': '0.75',
                'z-index': '150',
                'position': 'absolute',
                'right': 0,
                'top': 3,
                '-moz-border-radius': '5px'
    }
    }).inject($('eventsWrapper'));

    new Request({url: url, method: 'get',
             onSuccess: function (data)
             {
                    $('eventsWrapper').set('html', data);
                    initEvents();
             }
     }).send();
}