$(function() {
    $('#showcase').showcase({
        animation: {
            interval: 10000,
            type: 'fade'
        },
        navigator: {
            position: 'bottom-left',
            showNumber: true,
            css: {
                margin: '2px 4px',
                padding: '0'
            },
            item: {
                css: {
                    height: '18px',
                    'line-height': '18px',
                    width: '18px',
                    '-moz-border-radius': '0',
                    '-webkit-border-radius': '0',
                    margin: '0',
                    marginRight: '2px',
                    backgroundColor: '#999',
                    borderColor: '#000',
                    color: '#000'
                },
                cssHover: {
                    backgroundColor: '#F8A338',
                    borderColor: '#000',
                    color: '#000'
                },
                cssSelected: {
                backgroundColor: '#000',
                    borderColor: '#fff',
                    color: '#fff'
                }
            }
        },
        titleBar: {
            enabled: false
        }
    });
});