/*
 *
 *	BILLY The Carousel jquery plugin v 0.5
 *	Created By Jason Howmans (jasonhowmans@me.com)
 *
 *	Dual licensed under the MIT or GPL Version 2 licenses.
 *
 *	-- Options
 *
 *	- transition : 'scroll', or 'fade' ('scroll' by default)
 *	- scrollSpeed : The time a single transition will take
 *	- slidePause : Amount of time between scrolls
 *	- indicators : The target <ul> for displaying the indicators (indicators arent required for basic functionality)
 *	- indicatorLinks : Clicking on indicators jumps to slide, true by default
 *	- activeClass : Class to attach to the active indicator. default is 'active'
 *	- scrollAmount : Amount to scroll by on each transition. Set to 'auto' by default
 *	- nextLink : The element which will scroll next on click
 *	- prevLink : The element which will scroll back on click
 *	- autoAnimate : Do you want the carousel to play without the user pressing the next/prev buttons
 *	- loop : Loops back to the beginning after final slide
 *	- customIndicators : Build your own indicators. This offers developers more functionality than just a standard carousel (false by default).
 *	- noAnimation : Turns off fancy animation, all actions will be static
 *
 */

(function($){
    $.fn.extend({

        billy: function(options) {

            // Defaults
            var defaults = {
                transition		: 'scroll',
                scrollSpeed		: 0,
                slidePause		: 4000,
                indicators		: $('ul#billy_indicators'),
                indicatorLinks	: true,
                activeClass		: 'active',
                scrollAmount	: 'auto',
                nextLink		: $('#billy_next'),
                prevLink		: $('#billy_prev'),
                autoAnimate		: true,
                loop			: true,
                customIndicators: false,
                noAnimation		: false,
                counter		: 1
            };

            // Set Options
            var options = $.extend(defaults, options);

            // Def
            var option;
            var object;
            var slides;
            var slidewidth;
            var slidecount;
            var currentslide;
            var defautindicator;
            var the_indicators;
            var hreftag;
            var indicatorsli;
            var currentindicator;
            var padding = 0;

            // Loop throuch Carousels
            return this.each(function() {

                // Set Options
                option = options;
                // Set currently selected
                object = $(this);
                // Sets up slide size
                slides = object.find('li');
                if (option.scrollAmount	== 'auto') {
                    slidewidth		= slides.width();
                }else{
                    slidewidth = option.scrollAmount;
                }
                // Other vars
                slidecount = (slides.width() * slides.length) / slidewidth;
                slidecount = options.counter;
                
                currentslide = 0;

                // If there's slides, continue
                if (slides.length > 0) {

                    // If the developer wants default indicators
                    if (!option.customIndicators) {
                        // Loop / no. of slides
                        for (var i = 0; i<slidecount; i++) {
                            // -- Insert Indicators
                            if (!option.indicatorLinks) {
                                option.indicators.append('<li></li>');
                            }else{
                                option.indicators.append('<li><a href="#'+i+'"></a></li>');
                            }
                        }

                        document.getElementById('billy_indicators').style.width=(parseInt(slidecount)*parseInt(16)+parseInt(13))

                    }

                    // Indicator Functionality
                    defautindicator = option.indicators.find('li:eq(0)');
                    defautindicator.addClass(option.activeClass)
                    the_indicators = option.indicators.find('li a');

                    // Thanks to Tomas Nikl for the below fix
                    the_indicators.click( function() {
                        hreftag = $(this).attr('href');
                        hreftag = hreftag.substring(hreftag.search('#')+1, hreftag.length);
                        jumptospecific(hreftag);
                        if (option.autoAnimate) {
                            clearInterval(period);
                            period = window.setInterval(function() {
                                if (currentslide >= (slidecount - 1)) {
                                    jumptostart();
                                }else{
                                    jumpnext();
                                }
                            }, option.slidePause);
                        }
                        return false;
                    });

                    // -- Fading Properties
                    if (option.transition == 'fade') {
                        object.css({
                            position: 'relative',
                            margin: '0px'
                        });
                        object.find('li').css({
                            position: 'absolute',
                            top: '0px',
                            left: '0px',
                            display: 'none',
                            zIndex: '999'
                        });
                        // Show First Slide
                        object.find('li:eq(0)').css('display','block');
                    }


                    // -- Jump Functions

                    // Jump to Start
                    var jumptostart = function() {
                        currentslide = 0;
                        if (option.noAnimation) {
                            object.css('marginRight', "0");
                        }else{
                            // Fade Transition
                            if (option.transition == 'fade') {
                                object.find('li').css('display','none');
                                object.find('li:eq('+(currentslide)+')').css({
                                    display: 'block',
                                    zIndex: '990'
                                });
                                object.find('li:eq('+(slidecount-1)+')').css({
                                    display: 'block',
                                    zIndex: '999'
                                });
                                object.find('li:eq('+(slidecount-1)+')').fadeOut(option.scrollSpeed);
                            }else{
                                // Scroll Transition
                                object.animate({
                                    'marginRight': "0"
                                }, option.scrollSpeed);
                            }
                        }
                        // Do Indicators
                        indicatorsli = option.indicators.find('li');
                        indicatorsli.removeClass();
                        currentindicator = option.indicators.find('li:eq('+(currentslide)+')');
                        currentindicator.addClass(option.activeClass);
                    };

                    // Jump to End
                    var jumptoend = function() {
                        currentslide = slidecount-1;
                       pageend();
                        if (option.noAnimation) {
                            object.css('marginRight', "-"+(currentslide*slidewidth)+"px");
                        }else{
                            // Fade Transition
                            if (option.transition == 'fade') {
                                object.find('li').css('display','none');
                                object.find('li:eq('+(currentslide)+')').css({
                                    display: 'block',
                                    zIndex: '990'
                                });
                                object.find('li:eq(0)').css({
                                    display: 'block',
                                    zIndex: '999'
                                });
                                object.find('li:eq(0)').fadeOut(option.scrollSpeed);
                            }else{
                                // Scroll Transition
                                object.animate({
                                    'marginRight': "-"+(currentslide*slidewidth+(padding*currentslide))
                                }, option.scrollSpeed);
                            }
                        }
                        indicatorsli = option.indicators.find('li')
                        indicatorsli.removeClass();
                        currentindicator = option.indicators.find('li:eq('+(currentslide)+')');
                        currentindicator.addClass(option.activeClass);
                    };

                    // Jump to Next Slide
                    var jumpnext = function() {
                        if (currentslide < (slidecount-1)) {
                            currentslide ++;
                            if (option.noAnimation) {
                                object.css('marginRight', "-"+(slidewidth*currentslide)+"px");
                            }else{
                                // Fade Transition
                                if (option.transition == 'fade') {
                                    object.find('li').css('display','none');
                                    object.find('li:eq('+(currentslide)+')').css({
                                        display: 'block',
                                        zIndex: '990'
                                    });
                                    object.find('li:eq('+(currentslide-1)+')').css({
                                        display: 'block',
                                        zIndex: '999'
                                    });
                                    object.find('li:eq('+(currentslide-1)+')').fadeOut(option.scrollSpeed);
                                }else{
                                    // Scroll Transition
                                    object.animate({
                                        'marginRight': "-"+(slidewidth*currentslide+(padding*currentslide))
                                    }, option.scrollSpeed);
                                }
                            }
                            indicatorsli = option.indicators.find('li');
                            indicatorsli.removeClass();
                            currentindicator = option.indicators.find('li:eq('+(currentslide)+')');
                            currentindicator.addClass(option.activeClass);
                            if (option.autoAnimate) {
                                clearInterval(period);
                                period = window.setInterval(function() {
                                    if (currentslide >= (slidecount - 1)) {
                                        pageStart();
                                        jumptostart();
                                    }else{
                                        pagePlus();
                                        jumpnext();
                                    }
                                }, option.slidePause);
                            }
                        }else{
                            if (option.loop)
                                jumptostart();
                        }
                    };

                    // Jump to Prev Slide
                    var jumpback = function() {
                        
                        if (currentslide >= 1) {
                            currentslide --;
                            if (option.noAnimation) {
                                object.css('marginRight', "-"+(slidewidth*currentslide)+"px");
                            }else{
                                // Fade Transition
                                if (option.transition == 'fade') {
                                    object.find('li').css('display','none');
                                    object.find('li:eq('+(currentslide)+')').css({
                                        display: 'block',
                                        zIndex: '990'
                                    });
                                    object.find('li:eq('+(currentslide+1)+')').css({
                                        display: 'block',
                                        zIndex: '999'
                                    });
                                    object.find('li:eq('+(currentslide+1)+')').fadeOut(option.scrollSpeed);
                                }else{
                                    // Scroll Transition
                                    object.animate({
                                        'marginRight': "-"+(slidewidth*currentslide)
                                    }, option.scrollSpeed);
                                }
                            }
                            indicatorsli = option.indicators.find('li');
                            indicatorsli.removeClass();
                            currentindicator = option.indicators.find('li:eq('+(currentslide)+')');
                            currentindicator.addClass(option.activeClass);
                            if (option.autoAnimate) {
                                clearInterval(period);
                                period = window.setInterval(function() {
                                    if (currentslide >= (slidecount - 1)) {
                                        
                                        pageStart();
                                        jumptostart();
                                    }else{
                                       
                                        pageMinus();
                                        jumpnext();
                                    }
                                }, option.slidePause);
                            }
                        }else{
                             
                            if (option.loop)
                                jumptoend();
                        }
                    };

                    // Jump to Specific Slide
                    var jumptospecific = function(frame) {
                        if (currentslide !== frame) {
                            currentslide = frame;
                            if (option.noAnimation) {
                                object.css('marginRight', "-"+(slidewidth*currentslide)+"px");
                            }else{
                                // Fade Transition
                                if (option.transition == 'fade') {
                                    object.find('li:eq('+currentslide+')').css({
                                        display: 'block',
                                        zIndex: '990'
                                    });
                                    object.find('li').not('li:eq('+currentslide+')').css({
                                        zIndex: '999'
                                    });
                                    object.find('li').not('li:eq('+currentslide+')').fadeOut(option.scrollSpeed);
                                }else{
                                    // Scroll Transition
                                    object.animate({
                                        'marginRight': "-"+(slidewidth*currentslide+(padding*currentslide))
                                    }, option.scrollSpeed);
                                }
                            }
                            indicatorsli = option.indicators.find('li');
                            indicatorsli.removeClass();
                            currentindicator = option.indicators.find('li:eq('+(currentslide)+')');
                            currentindicator.addClass(option.activeClass);
                        }
                    };

                    var pagePlus = function(){
                        currentCounter = currentslide+1;
                      
                        if(parseInt(currentCounter) >= parseInt(option.counter)){
                            pageStart();
                        }else{
                            document.getElementById("counter").innerHTML = parseInt(currentCounter)+1;
                        }
                        
                    };
                    var pageMinus = function(){
                        currentCounter = document.getElementById("counter").innerHTML;
//                        if(currentCounter <= 1){
//                            currentCounter = option.counter+1;
//                        }
                        document.getElementById("counter").innerHTML = parseInt(currentCounter)-1;
                    };
                    var pageStart = function(){
                        currentCounter = document.getElementById("counter").innerHTML;
                        document.getElementById("counter").innerHTML = 1;
                    };
                    var pageend = function(){
                        document.getElementById("counter").innerHTML = option.counter;
                    };
                    // -- Click next/prev
                    option.nextLink.click( function() {
                        pagePlus();
                        jumpnext();
                        return false;
                    });
                    option.prevLink.click( function() {
                        pageMinus();
                        jumpback();
                        return false;
                    });

                    // -- Autoanimate
                    if (option.autoAnimate) {
                        // -- Periodical
                        var period;
                        // Run
                        period = window.setInterval(function() {

                            if (currentslide >= (slidecount - 1)) {
                                jumptostart();
                            }else{
                                jumpnext();
                            }

                        }, option.slidePause);
                    }
                }

            });

        }

    });
})(jQuery);