/*
 * JQuery Slider 
 * 
*/
(function($){
     $.fn.extend({
         bannerslider: function(options) {            
            var defaults = {
                showNumbers:true,
                showArrows:true,
                subtitleAttr:false,
                itemAnimation:'fade',
                autoAdvance:false,
                animationPeriod:500,
                bottomOpacity:0.3,
                nextButton:'»',
                prevButton:'«'
            }
            var options =  $.extend(defaults, options);            
            return this.each(function(){
                var o = options;                                
                var $container = $(this);
                $container.addClass("jquery_bannerslider");
                $container.append('<div class="pager"></div><div class="bottom_group"><span class="subtitle"></span><span class="bottom"></span></div>');
                $container.find(".bottom").fadeTo(10,o.bottomOpacity);
                var $items = $container.find(".items > *");
                var $first_item = $items.eq(0);
                var $pager = $container.find(".pager");
                var $bottom = $container.find(".bottom");
                var $bottomGroup = $container.find(".bottom_group");
                var $subtitle = $container.find(".subtitle");
                var n = $items.length;
                var current = 0;                
                var anim_t = parseInt(o.animationPeriod);                
                var timeoutId = null;
                var lastClickTime = 0;
                anim_t = anim_t<50 ? 50 : anim_t;
                    
                $items.not($first_item).hide();
                
                if(!(n>1)){
                    return;
                }
                
                var allow_click = function(){
                    var currentTime = new Date().getTime();
                    if( (currentTime-lastClickTime)< anim_t*3 ){
                        return false;
                    }
                    lastClickTime = currentTime;
                    return true;
                }
                
                
                if(o.subtitleAttr!=false){
                        var subtitle = $items.eq(0).attr(o.subtitleAttr);
                        if(subtitle!=''&&subtitle!=undefined){
                            $bottomGroup.css("top","300px");
                        }
                }
                var bottom_show = function(callback){
                    if(callback==undefined){
                        $bottomGroup.animate({"top":"300px"},anim_t);
                    }
                    else{
                        $bottomGroup.animate({"top":"300px"},anim_t,callback);                    
                    }                    
                }
                var bottom_hide = function(callback){                    
                    if(callback==undefined){                        
                        $bottomGroup.animate({"top":"325px"},anim_t);
                    }
                    else{                        
                        $bottomGroup.animate({"top":"325px"},anim_t,'linear',callback);
                    }
                }
                
                var item_animate = function(i,callback){                        
                    if(callback==undefined){
                        callback = function(){};                        
                    }
                    $items.stop(true,true);
                    switch(o.itemAnimation){
                        case 'fade':
                            $items.not($items.eq(i)).fadeOut(anim_t);
                            $items.eq(i).fadeIn(anim_t,callback);
                        break;
                        default:
                            $items.not($items.eq(i)).hide();
                            $items.eq(i).show();
                    }
                };
                
                
                var next_trigger = function(){};
                if(o.autoAdvance){
                    next_trigger = function(){
                        clearTimeout(timeoutId);
                        timeoutId = setTimeout(function(){advance();},o.autoAdvance);
                    };
                }
                
                var select = function(i){
                    current = i;
                    var use_subtitle = false;
                    if(o.subtitleAttr!=false){
                        var subtitle = $items.eq(i).attr(o.subtitleAttr);
                        if(subtitle!=''&&subtitle!=undefined){
                            use_subtitle = true;                            
                        }                        
                    }
                    
                    var $pager_item = $pager.find(".page").eq(i);
                    $pager.find(".page").not($pager_item).removeClass("active");
                    $pager_item.addClass("active");
                    
                    bottom_hide(function(){
                        item_animate(i,function(){
                            $subtitle.html(subtitle);
                            if(use_subtitle){
                                bottom_show(next_trigger);
                            }else{
                                next_trigger();
                            }
                        });
                    });                    
                }
                
                var advance = function(step){
                    if(step==undefined){
                        step = 1;
                    }
                    current = (current+n+step)%n;
                    select(current);
                };
                
                if(o.showArrows){
                    $pager.append("<span unselectable='on' class='prev' >"+o.prevButton+"</span>");
                }                
                if(o.subtitleAttr!=false){
                    var subtitle = $items.eq(0).attr(o.subtitleAttr);
                    $subtitle.html(subtitle);
                }                
                if(o.showNumbers){
                    for(var i=1; i<=n; i++){
                        $pager.append("<span unselectable='on' class='page"+(i==1?' active':'')+"' >"+i+"</span>");
                    }
                }
                
                if(o.showArrows){
                    $pager.append("<span unselectable='on' class='next' >"+o.nextButton+"</span>");
                }                
                $pager.find(".page").click(function(){
                    if(!allow_click()) return false;
                    clearTimeout(timeoutId);
                    $bottomGroup.stop(true,true);
                    var i = $(".page",$container).index(this);
                    current = i;
                    select(i);
                });
                $pager.find(".next").click(function(){
                    if(!allow_click()) return false;
                    clearTimeout(timeoutId);
                    $bottomGroup.stop(true,true);                    
                    advance(1);
                });
                $pager.find(".prev").click(function(){
                    if(!allow_click()) return false;
                    clearTimeout(timeoutId);
                    $bottomGroup.stop(true,true);                    
                    advance(-1);
                });
                
                o.autoAdvance = parseInt(o.autoAdvance);
                if(o.autoAdvance>0){
                    next_trigger();
                }
                else{
                    o.autoAdvance=false;                
                }                
                                
            });
        }
    });    
})(jQuery);