# Events

After initialization, the plugin triggers the following events on the element:

- active
- inactive
- create
- createend
- reload
- reloadend
- destroy
- destroyend

Note: Some events are triggered from the constructor, so you have to bind to the events before you initialize the plugin:

    $('.jcarousel-control')

        // Bind first
        .on('jcarouselcontrol:active', function(event, carousel) {
            // Do something
        })

        // Initialize at last step
        .jcarouselControl();

### How the plugin understands active and inactive states:

If the `target` option is relative, `+=1` for example, the control is active if there is at least one more item to scroll, inactive otherwise (if you're at the last item in this case).

If the `target` option is absolute, `0` for example (always scrolls to the first item), the control is active if the targeted item is at position 0, inactive otherwise.

## active

Triggered when the control becomes active.

### Example

    $('.jcarousel-control').on('jcarouselcontrol:active', function() {
        // Do something
    });

## inactive

Triggered when the control becomes inactive.

### Example

    $('.jcarousel-control').on('jcarouselcontrol:inactive', function() {
        // Do something
    });

## create

Triggered on creation of the plugin.

### Example

    $('.jcarousel-control').on('jcarouselcontrol:create', function() {
        // Do something
    });

## createend

Triggered after creation of the plugin.

### Example

    $('.jcarousel-control').on('jcarouselcontrol:createend', function() {
        // Do something
    });

## reload

Triggered when the `reload` method is called.

### Example

    $('.jcarousel-control').on('jcarouselcontrol:reload', function() {
        // Do something
    });

## reloadend

Triggered after the `reload` method is called.

### Example

    $('.jcarousel-control').on('jcarouselcontrol:reloadend', function() {
        // "this" refers to the element
    });

## destroy

Triggered when the `destroy` method is called.

### Example

    $('.jcarousel-control').on('jcarouselcontrol:destroy', function() {
        // Do something
    });

## destroyend

Triggered after the `destroy` method is called.

### Example

    $('.jcarousel-control').on('jcarouselcontrol:destroyend', function() {
        // Do something
    });