/*
 * version 1.1
 * - add css
 *      - position relative (ul)
 *      - position absolute (li)
 * - add nav
*/
jQuery.fn.junoSlider = function(speed) {
    
    slide = this;
    
    var tempHeight = 0;
    var maxHeight = 0
    var totalElement = jQuery(slide).length;
    //add css to ul
    jQuery(this).parent().css({
        position : 'relative'
    });
    
    jQuery(slide).each(function(){
        jQuery(this).css({
            position : 'absolute'
        })
        var thisHeight = jQuery(this).height();
        if(thisHeight > tempHeight){
            maxHeight = thisHeight;
        }
        tempHeight = thisHeight;                
    });
    
    jQuery(slide).parent().height(maxHeight);      
    jQuery(slide).eq(0).show().addClass('active');    
    
    setTimeout(autoSlide, 5000); 
    
    function autoSlide(){
        var next = jQuery(slide).filter('.active').next();
        if(next.length == 0){
            jQuery(slide).eq(totalElement - 1).fadeOut('slow').removeClass().end().eq(0).fadeIn('slow').addClass('active');            
        }else{
            jQuery(slide).filter('.active').fadeOut('slow').removeClass().next().fadeIn('slow').addClass('active');
        }
        setTimeoutID = setTimeout(autoSlide, speed);        
    }
};