/*
* Slides, A Slideshow Plugin for jQuery
* Intructions: http://slidesjs.com
* By: Nathan Searles, http://nathansearles.com
* Version: 1.0.9
* Updated: January 4th, 2011
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

(function($){
    $.fn.slides=function(option){
        option=$.extend({},$.fn.slides.option,option);
        return this.each(function(){
            $('.'+option.container,$(this)).children().wrapAll('<div class="slides_control"/>');
            var elem=$(this),control=$('.slides_control',elem),total=control.children().size(),width=control.children().outerWidth(),height=control.children().outerHeight(),start=option.start-1,effect=option.effect.indexOf(',')<0?option.effect:option.effect.replace(' ','').split(',')[0],paginationEffect=option.effect.indexOf(',')<0?effect:option.effect.replace(' ','').split(',')[1],next=0,prev=0,number=0,current=0,loaded,active,clicked,position,direction;
            if(total<2){
                return;
            }
            if(start<0){
                start=0;
            };

            if(start>total){
                start=total-1;
            };

            if(option.start){
                current=start;
            };

            if(option.randomize){
                control.randomize();
            }
            $('.'+option.container,elem).css({
                overflow:'hidden',
                position:'relative'
            });
            control.css({
                position:'relative',
                width:(width*3),
                height:height,
                left:-width
                });
            control.children().css({
                position:'absolute',
                top:0,
                left:width,
                zIndex:0,
                display:'none'
            });
            if(option.autoHeight){
                control.animate({
                    height:control.children(':eq('+start+')').outerHeight()
                    },option.autoHeightSpeed);
            }
            if(option.preload&&control.children()[0].tagName=='IMG'){
                elem.css({
                    background:'url('+option.preloadImage+') no-repeat 50% 50%'
                    });
                var img=$('img:eq('+start+')',elem).attr('src')+'?'+(new Date()).getTime();
                $('img:eq('+start+')',elem).attr('src',img).load(function(){
                    $(this).fadeIn(option.fadeSpeed,function(){
                        $(this).css({
                            zIndex:5
                        });
                        elem.css({
                            background:''
                        });
                        loaded=true;
                    });
                });
            }else{
                control.children(':eq('+start+')').fadeIn(option.fadeSpeed,function(){
                    loaded=true;
                });
            }
            if(option.bigTarget){
                control.children().css({
                    cursor:'pointer'
                });
                control.children().click(function(){
                    animate('next',effect);
                    return false;
                });
            }
            if(option.hoverPause&&option.play){
                control.children().bind('mouseover',function(){
                    stop();
                });
                control.children().bind('mouseleave',function(){
                    pause();
                });
            }
            if(option.generateNextPrev){
                $('.'+option.container,elem).after('<a href="#" class="'+option.prev+'">Prev</a>');
                $('.'+option.prev,elem).after('<a href="#" class="'+option.next+'">Next</a>');
            }
            $('.'+option.next,elem).click(function(e){
                e.preventDefault();
                if(option.play){
                    pause();
                };

                animate('next',effect);
            });
            $('.'+option.prev,elem).click(function(e){
                e.preventDefault();
                if(option.play){
                    pause();
                };

                animate('prev',effect);
            });
            if(option.generatePagination){
                elem.append('<ul class='+option.paginationClass+'></ul>');
                control.children().each(function(){
                    $('.'+option.paginationClass,elem).append('<li><a href="#'+number+'">'+(number+1)+'</a></li>');
                    number++;
                });
            }else{
                $('.'+option.paginationClass+' li a',elem).each(function(){
                    $(this).attr('href','#'+number);
                    number++;
                });
            }
            $('.'+option.paginationClass+' li:eq('+start+')',elem).addClass('current');
            $('.'+option.paginationClass+' li a',elem).click(function(){
                if(option.play){
                    pause();
                };

                clicked=$(this).attr('href').match('[^#/]+$');
                if(current!=clicked){
                    animate('pagination',paginationEffect,clicked);
                }
                return false;
            });
            $('a.link',elem).click(function(){
                if(option.play){
                    pause();
                };

                clicked=$(this).attr('href').match('[^#/]+$')-1;
                if(current!=clicked){
                    animate('pagination',paginationEffect,clicked);
                }
                return false;
            });
            if(option.play){
                playInterval=setInterval(function(){
                    animate('next',effect);
                },option.play);
                elem.data('interval',playInterval);
            };

            function stop(){
                clearInterval(elem.data('interval'));
            };

            function pause(){
                if(option.pause){
                    clearTimeout(elem.data('pause'));
                    clearInterval(elem.data('interval'));
                    pauseTimeout=setTimeout(function(){
                        clearTimeout(elem.data('pause'));
                        playInterval=setInterval(function(){
                            animate("next",effect);
                        },option.play);
                        elem.data('interval',playInterval);
                    },option.pause);
                    elem.data('pause',pauseTimeout);
                }else{
                    stop();
                }
            };

        function animate(direction,effect,clicked){
            if(!active&&loaded){
                active=true;
                switch(direction){
                    case'next':
                        prev=current;
                        next=current+1;
                        next=total===next?0:next;
                        position=width*2;
                        direction=-width*2;
                        current=next;
                        break;
                    case'prev':
                        prev=current;
                        next=current-1;
                        next=next===-1?total-1:next;
                        position=0;
                        direction=0;
                        current=next;
                        break;
                    case'pagination':
                        next=parseInt(clicked,10);
                        prev=$('.'+option.paginationClass+' li.current a',elem).attr('href').match('[^#/]+$');
                        if(next>prev){
                        position=width*2;
                        direction=-width*2;
                    }else{
                        position=0;
                        direction=0;
                    }
                    current=next;
                    break;
                }
                if(effect==='fade'){
                    option.animationStart();
                    if(option.crossfade){
                        control.children(':eq('+next+')',elem).css({
                            zIndex:10
                        }).fadeIn(option.fadeSpeed,function(){
                            if(option.autoHeight){
                                control.animate({
                                    height:control.children(':eq('+next+')',elem).outerHeight()
                                    },option.autoHeightSpeed,function(){
                                    control.children(':eq('+prev+')',elem).css({
                                        display:'none',
                                        zIndex:0
                                    });
                                    control.children(':eq('+next+')',elem).css({
                                        zIndex:0
                                    });
                                    option.animationComplete(next+1);
                                    active=false;
                                });
                            }else{
                                control.children(':eq('+prev+')',elem).css({
                                    display:'none',
                                    zIndex:0
                                });
                                control.children(':eq('+next+')',elem).css({
                                    zIndex:0
                                });
                                option.animationComplete(next+1);
                                active=false;
                            }
                        });
                }else{
                    option.animationStart();
                    control.children(':eq('+prev+')',elem).fadeOut(option.fadeSpeed,function(){
                        if(option.autoHeight){
                            control.animate({
                                height:control.children(':eq('+next+')',elem).outerHeight()
                                },option.autoHeightSpeed,function(){
                                control.children(':eq('+next+')',elem).fadeIn(option.fadeSpeed);
                            });
                        }else{
                            control.children(':eq('+next+')',elem).fadeIn(option.fadeSpeed,function(){
                                if($.browser.msie){
                                    $(this).get(0).style.removeAttribute('filter');
                                }
                            });
                    }
                    option.animationComplete(next+1);
                        active=false;
                    });
            }
        }else{
            control.children(':eq('+next+')').css({
                left:position,
                display:'block'
            });
            if(option.autoHeight){
                option.animationStart();
                control.animate({
                    left:direction,
                    height:control.children(':eq('+next+')').outerHeight()
                    },option.slideSpeed,function(){
                    control.css({
                        left:-width
                        });
                    control.children(':eq('+next+')').css({
                        left:width,
                        zIndex:5
                    });
                    control.children(':eq('+prev+')').css({
                        left:width,
                        display:'none',
                        zIndex:0
                    });
                    option.animationComplete(next+1);
                    active=false;
                });
            }else{
                option.animationStart();
                control.animate({
                    left:direction
                },option.slideSpeed,function(){
                    control.css({
                        left:-width
                        });
                    control.children(':eq('+next+')').css({
                        left:width,
                        zIndex:5
                    });
                    control.children(':eq('+prev+')').css({
                        left:width,
                        display:'none',
                        zIndex:0
                    });
                    option.animationComplete(next+1);
                    active=false;
                });
            }
        }
    if(option.pagination){
        $('.'+option.paginationClass+' li.current',elem).removeClass('current');
        $('.'+option.paginationClass+' li:eq('+next+')',elem).addClass('current');
    }
}
};

});
};

$.fn.slides.option={
    preload:false,
    preloadImage:'/img/loading.gif',
    container:'slides_container',
    generateNextPrev:false,
    next:'next',
    prev:'prev',
    pagination:true,
    generatePagination:true,
    paginationClass:'pagination',
    fadeSpeed:350,
    slideSpeed:350,
    start:1,
    effect:'slide',
    crossfade:false,
    randomize:false,
    play:0,
    pause:0,
    hoverPause:false,
    autoHeight:false,
    autoHeightSpeed:350,
    bigTarget:false,
    animationStart:function(){},
    animationComplete:function(){}
};

$.fn.randomize=function(callback){
    function randomizeOrder(){
        return(Math.round(Math.random())-0.5);
    }
    return($(this).each(function(){
        var $this=$(this);
        var $children=$this.children();
        var childCount=$children.length;
        if(childCount>1){
            $children.hide();
            var indices=[];
            for(i=0;i<childCount;i++){
                indices[indices.length]=i;
            }
            indices=indices.sort(randomizeOrder);
            $.each(indices,function(j,k){
                var $child=$children.eq(k);
                var $clone=$child.clone(true);
                $clone.show().appendTo($this);
                if(callback!==undefined){
                    callback($child,$clone);
                }
                $child.remove();
            });
        }
    }));
};

})(jQuery);