(function($) {
    jQuery.fn.iSlider = function (options) {

        var timerHandle;

        var config = {
            width: '100%',
            height: '100%',
            delay: 2000,
            transitionSpeed: 500,
            effect: 'fade'
        };

        var opts = jQuery.extend (config, options);

        return this.each (function () {
            var obj = $(this);
            obj.css('overflow', 'hidden');
            obj.css('width', config.width);
            obj.css('height',config.height);
            obj.css('position', 'relative');
            
            var index = 0;
            var images = obj.children('li');
            for (i=0; i<images.length; i++){
                $(images[i]).addClass("image-"+i);
            }
            
            obj.children('li').css({
                'position' : 'absolute', 
                'display' : 'block'
            });
            
            if(config.effect=='fade'){
                images.fadeOut(config.transitionSpeed);
                $(".image-"+index).stop().fadeIn(config.transitionSpeed);
                if(timerHandle){
                    clearInterval(timerHandle);
                } else {
                    timerHandle = setInterval(function() {
                        if (index<(images.length-1)){ 
                            index+=1 ; 
                        } else {
                            index=0
                        }
                        //show (index);
                        images.fadeOut(config.transitionSpeed);
                        $(".image-"+index).stop().fadeIn(config.transitionSpeed);
                    }, config.delay);
                }
            }
        //            // show first image
        //            img.eq(0).show();
        //
        //            if(config.effect=='scrollLeft'){
        //                var slideWidth = obj.innerWidth();
        //                var numberOfSlides = img.length;
        //                //obj.css('overflow', 'hidden');
        //                img
        //                .wrapAll('<div id="sliderInner"></div>')
        //                // Float left to display horizontally, readjust .slides width
        //                .css({
        //                    'float' : 'left',
        //                    'width' : img.width()
        //                });
        //                $('#sliderInner').css('width', slideWidth * numberOfSlides);
        //
        //                if(timerHandle){
        //                    clearInterval(timerHandle);
        //                } else {
        //                    // run slideshow
        //                    timerHandle = setInterval(function(){
        //                        i = ( i+1 == count ) ? 0 : i+1;
        //                        $('#sliderInner').animate({
        //                            'marginLeft' : slideWidth*(-i)
        //                            });
        //                    }, config.delay);
        //                }
        //            };
        });
    };
})(jQuery)