(function($){
    $.fn.liteSlider= function(options) {

        var defaults = {
            content : '.content',
            width : 880,
            height : 460,
            autoplay : true,
            delay : 12,
            buttonsClass : '',
            activeClass : '',
            controlBt : '',
            playText : ' Play',
            pauseText : 'Pause'
        };
        
        var options = $.extend(defaults, options);
        var $element = $(this);
        var slideNo = 1;
        var timer = 0;
        var playStatus = options.autoplay;
        var thisClass = ($(this).attr('class')).split(' ');
        var theClass = '.' + thisClass[0];
        var count = 0;
        var slides;
        var currentSlide = 1;
        var delay = parseInt(options.delay)*1200;
        
        var clone = $("#video-holder").clone(true);
        $("#video-holder").remove();
        $("#video").html(clone);
        
        var clone = $("#video-holder-2").clone(true);
        $("#video-holder-2").remove();
        $("#video-2").html(clone);
        
        var clone = $("#video-holder-3").clone(true);
        $("#video-holder-3").remove();
        $("#video-3").html(clone);
        
        $(this).children(options.content).each(function(){
            slides = ++count;
        });
        
        function wrapContent(ele){
            ele.wrap('<div class="slider-contents-wrap" />');
        }
        
        function applyCss(ele){
            $('.slider-contents-wrap').css({
                padding : 0,
                margin : 0,
                width : options.width,
                height : options.height,
                overflow : 'hidden',
                position : 'relative'
            });
            
            ele.css({
                padding : 0,
                margin : 0,
                width : options.width * slides,
                height : options.height,
                position : 'absolute'
            });
            
            ele.children(options.content).css({
                float : 'left',
                width : options.width,
                height : options.height
            });
        }
        
        function resetButtons(){
            i = 0;
            $('.' + options.buttonsClass).each(function(){
                i++;
                $(this).addClass('bt' + i);
                $(this).attr('rel', i);
            });
        }
                
        function goToSlide(theSlide){
        
            var animateLeft = -(options.width) * (parseInt(theSlide)-1); 
            $('.slider-contents-wrap' + ' ' + theClass)
                .animate({
                    left: animateLeft
                },2000, function(){
                    $element
                        .children(options.content)
                        .filter(':eq('+(theSlide-1)+')')
                        .addClass('current');
                   
                });
            
            $('.' + options.buttonsClass).each(function(){
                $(this).removeClass(options.activeClass);
                    if($(this).hasClass('bt' + theSlide)){
                        $(this).addClass(options.activeClass)}
            });
            
            currentSlide = theSlide;
        }
        
        function autoplay(){
            if(currentSlide < slides){
                goToSlide(parseInt(currentSlide) + 1);
            }else{
                goToSlide(1);
            }
        }
        
        function playSlide(){
            clearInterval(timer);
            timer = setInterval(function(){
                autoplay();
            }, delay);
            
            $(options.controlBt).text(options.pauseText);
            playStatus = true;
        }
        
        function pauseSlide(){
            clearInterval(timer);
            $(options.controlBt).text(options.playText);
            playStatus = false;
        }

        function init(ele){
            wrapContent(ele);
            applyCss(ele);
            resetButtons();
            
            if(options.autoplay == true){
                playSlide()
            }else{
                pauseSlide();
            }
        }
        
        return this.each(function(){
            init($(this));
            
            $('.'+options.buttonsClass).click(function(e){
                e.preventDefault();
                pauseSlide();
                goToSlide($(this).attr('rel'));
            });
            
            $(options.controlBt).click(function(e){
                e.preventDefault();
                if(playStatus == true){
                    pauseSlide()
                }else{
                    playSlide()
                } ;
            });
            
        });
        
    };
})(jQuery);

(function($){
$.noConflict();
$(document).ready(function(){
    $('.slides-container').liteSlider({
        content : '.content',
        width : 880,
        height : 460,
        autoplay : true,
        delay : 12,
        buttonsClass : 'buttons',
        activeClass : 'active',
        controlBt : '.control',
        playText : 'Play',
        pauseText : 'Pause'
    });
});

$(document).ready(function(){
    $("#pause").live('click',function(){
        $(this).attr('id', 'play');
        this.id = 'play';
    })
    $("#play").live('click',function(){
        $(this).attr('id', 'pause');
        this.id = 'pause';
    })
});
})(jQuery);