$(function () {
	    InitFilters();   
	});

    //Need to refresh some jQuery items after partial postback
	function pageLoad(sender, args) {
        if (args.get_isPartialLoad()) {
			InitFilters();
        }
    } 	
	
	function InitFilters() {
		// click events for day tabs
		$("#evtAll").click(function (event) { FilterEvents($(this), 'All', event); });
		$("#1").click(function (event) { FilterEvents($(this), '<%=DayOfWeek.Monday %>', event); });
		$("#2").click(function (event) { FilterEvents($(this), '<%=DayOfWeek.Tuesday %>', event); });
		$("#3").click(function (event) { FilterEvents($(this), '<%=DayOfWeek.Wednesday %>', event); });
		$("#4").click(function (event) { FilterEvents($(this), '<%=DayOfWeek.Thursday %>', event); });
		$("#5").click(function (event) { FilterEvents($(this), '<%=DayOfWeek.Friday %>', event); });
		$("#6").click(function (event) { FilterEvents($(this), '<%=DayOfWeek.Saturday %>', event); });
		$("#7").click(function (event) { FilterEvents($(this), '<%=DayOfWeek.Sunday %>', event); });

//		$("[id*=ddlMarketSelection]").click(function (e) { e.stopPropagation(); });

	    // Pre-select ALL tab
		var lk = $('#evtAll');
		lk.click();	    
	}
	
	function FilterEvents(hlink, day, e) {
		// Prevents page scrolling!!!
		e.preventDefault();

		e.stopPropagation();

		// Clear any existing active tabs
		$('#DayTabList li.current').each(
   		function () {
   			$(this).removeClass('current');
   		});

		// Set current active tab
		hlink.parent().addClass('current');

		// Show/hide events based on tab selection
	    var foundAnEventForThisDay = false;
	    $('#eventListByDay .event-wide').each(
        function () {
        	if ((day == 'All') && ($(this).attr('id') != 'divEmptyEventItem')) {

        		$(this).slideDown('slow');
        		foundAnEventForThisDay = true;
        	    
        	} else {

        		//access to form element via $(this)
        		if ($(this).attr('data-type') == day) {
        			$(this).slideDown('slow');
        			foundAnEventForThisDay = true;
        		} else {
        			$(this).hide('fast');
        		}
        	}
        });

	    // Show the empty message div if no events exists for selected day
        if (foundAnEventForThisDay) {
        	$('#divEmptyEventItem').hide();
        } else {
	        $('#divEmptyEventItem').show();
	    }
	}