Full-circle-js README

Adding Events to Site
---------------------

There are 4 different viewTypes that pass events or coupons based on adId or organizationId.

    { viewType: eventsForAd, adId: 360APIAdId, limit: LIMIT} -- limit is optional
    { viewType: couponsForAd, adId: 360APIAdId }
    { viewType: couponsSmallForAd, adId: 360APIAdId }
    { viewType: eventsForOrganization, organizationId: 360DurangoAPIOrganizationId }
    { viewType: adsForOrganization, organizationId: 360DurangoAPIOrganizationId }
    { viewType: couponsForOrganization, organizationId: 360DurangoAPIOrganizationId }

Adding Script to Html based on version. Be sure to match the id of the div with the fullcircle declaration..

    <script type="text/javascript">// <![CDATA[ $.noConflict(); // ]]></script>
    <script src="http://static.fullcircle.eckmedia.com/0.2.7/js/full_circle_all.js"></script>
    <link rel="stylesheet" href="http://static.fullcircle.eckmedia.com/0.2.7/css/full_circle.css" >
    <div id="org-event-list"></div>
    <p><script> jQuery( function($){$("#org-event-list").fullcircle({viewType: "eventsForAd", adId: 89540});}); </script> </p>

    <script type="text/javascript">// <![CDATA[ $.noConflict(); // ]]&gt;</script><br>
    <script src="http://static.fullcircle.eckmedia.com/0.2.6/js/full_circle_all.js"></script>
    <link rel="stylesheet" href="http://static.fullcircle.eckmedia.com/0.2.6/css/full_circle.css">
    <div id="org-event-list"></div>
    <p><script> jQuery( function($){$("#org-event-list").fullcircle({viewType: "eventsForOrganization", organizationId: 66});}); </script> </p>

Customizing CSS

    .event .event-text-wrapper {
        text-align: left;
        font-size: 1.2em !important;
    }
    .event .event-description {
       margin-top:1em;
    }
    #org-event-list .event-title, #event-list .event-title {
        font-size: 1.8em !important;
        line-height:1.6em !important;
    }

Adding default image if no image script hack

    <script type="text/javascript">// <![CDATA
    setTimeout(function() {
      $(".event-image").each(function() {
           if ($(this).attr("src") ==""){
            $(this).attr("src", 'http://www.durangobusiness.org/uploads/3/9/2/7/39274993/1443109167.png');
          }
      });
     }, 2000);   
    // ]]&gt;
    </script>