iAnn is not displaying events

If after following "How to embed iAnn events in your website" events are not displayed, try to follow these steps instead:

Copy CSS references into your HTML header

<!-- CSS -->
    <!-- IANN CSS -->
    <link rel='stylesheet' type='text/css' href='http://iann.pro/viewer/css/itico.css' media='screen' />
    <link rel='stylesheet' type='text/css' href='http://iann.pro/viewer/css/fullcalendar.css' /> <!-- for the calendar -->
    <link rel='stylesheet' type='text/css' href='http://iann.pro/viewer/css/pagination.css' /> <!-- for the calendar -->
    <link rel='stylesheet' type='text/css' href='http://iann.pro/viewer/ext/jquery.autocomplete.css' media='screen' /> 

Copy configuration options into your HTML header

<!-- CONFIGURATION -->
<!-- style -->	
<style type="text/css">
    h1.iann_title {display:none;} /* Do not display iAnn title */	
    div#iann_wrap {width: 1000px; margin: 0px}  /* Set list width */	
    div#iann_map {width: 1000px;}  /* Set map width */
    div#iann_calendar {width: 1000px;}  /* Set calendar width */
</style>		    
<!-- filters -->	
<script type="text/javascript">
    //var iann_prefilter = 'country:"Switzerland"';
</script>

Copy JavaScript references into your HTML header

    <!-- IANN JAVASCRIPT -->
    <!-- JQuery.-->
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js'></script> <!-- Used by the calendar-->
    <!-- To apply Jquery plugins to dinamicly inserted elements -->
    <script type='text/javascript' src='http://iann.pro/viewer/lib/jquery.livequery.js'></script>
    <link rel='stylesheet' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css' type='text/css' media='all' />
    <!-- AjaxSolr library-->
    <script type='text/javascript' src='http://iann.pro/viewer/lib/core/Core.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/lib/core/AbstractManager.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/lib/core/Parameter.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/lib/core/ParameterStore.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/lib/core/AbstractWidget.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/lib/core/AbstractFacetWidget.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/lib/managers/Manager.jquery.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/lib/helpers/jquery/ajaxsolr.theme.js'></script>
    <!-- Widget to display the list of results-->
    <script type='text/javascript' src='http://iann.pro/viewer/ext/jquery.pagination.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/ResultWidget.js'></script>
    <!-- Widget to have pagination of the results from AjaxSolr-->
    <script type='text/javascript' src='http://iann.pro/viewer/lib/widgets/jquery/PagerWidget.js'></script>
    <!-- Widget for the tag cloud -->
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/TagcloudWidget.js'></script>
    <!-- Widget for the event subcategory -->
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/EventsTypeSelectorWidget.js'></script>
    <!-- Widget to display the current search -->
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/CurrentSearchWidget.js'></script>
    <!-- Widget to do the manual search by the text field-->
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/TextWidget.js'></script>
    <!-- Required for the auto-complete widget-->
    <!-- Not in use now! -->
    <script type='text/javascript' src='http://iann.pro/viewer/ext/jquery.autocomplete.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/AutocompleteWidget.js'></script>
    <!-- Widget to select the visualization method-->
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/SimpleTabsWidget.js'></script>
    <!-- Widget to select the category-->
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/CategorySelectorWidget.js'></script>
    <!-- Widget to display the events in the map. -->
    <script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/lib/oms.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/GoogleMapsWidget.js'></script>
    <!-- Widget to display the current selection in a calendar -->
    <script type='text/javascript' src='http://iann.pro/viewer/lib/rfc3339date.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/lib/jquery.addtocal.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/lib/fullcalendar.min.js'></script>
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/CalendarWidget.js'></script>
    <!-- Widget to filter by date-->
    <script type='text/javascript' src='http://iann.pro/viewer/widgets/DateFilterWidget.js'></script>
    <!-- Which Widgets to include in the page and to start the first call-->
    <script type='text/javascript' src='http://iann.pro/viewer/js/iticoEvents.js'></script>
    <!-- The js theme for the results-->
    <script type='text/javascript' src='http://iann.pro/viewer/js/itico.theme.js'></script> 

Copy this HTML wherever you would like to display the event information

<div id="iann_wrap">
    <div class="iann_top">
        <div id="result_tabs"></div>
        <br/>
        <h1 class="iann_title"><span class="iann_orange">i</span><span class="iann_brown">ann</span></h1>
        <div id="iann_search" class="iann_cell"></div>				
        <div id="iann_advance_fields" style="display:none;"></div>
        <div class="clear"></div>
    </div>
    <div id="iann_results" class="iann_bottom"></div>
</div>