(function($){
    $.fn.extend({
        slider: function(options) {

            var defaults = {
                navigation: true,
                captions: true
            }
            var o =  $.extend(defaults, options);

            return this.each(function() {
				var $slides = $(".slider-slides li", this),
					slide_current = Math.round(Math.random()*($slides.size() - 1)),
					slides_width,
					$window = $(window),
					$slides_nav = $(''),
					
					init = function() {
						
						slides_width = $(document).width();
						
						$slides.each( function(i) {
                    		$(this).css({
                                "left": -slides_width * (i - slide_current) + "px"
                               });
                		});
					
					},
					move_to_slide = function(slide) {
	                    if(o.navigation) {
	                    	$navigation.parent().removeClass("selected");
	                    	$navigation.eq(slide).parent().addClass("selected");
	                    }
	                    
	                    slide_current = slide;
	
	                    $slides.each(function(i) {
	                        /*$(this).animate({
	                            "left": -slides_width * (i - slide_current) + "px"
	                        }, 800);
	                        */
	                        $(this).css("left", -slides_width * (i - slide_current) + "px");
	                       /* if(o.captions)
	                           if (i == slide) $(this).children('div').animate({
	                                "marginLeft": "-400"
	                            }, 800, "easeInOutSine");
	                           else if(i < slide) $(this).children('div').animate({
	                                "marginLeft": "200"
	                            }, 800);
	                           else if(i > slide) $(this).children('div').animate({
	                                "marginLeft": "-1000"
	                            }, 800);*/
	                    });
	                }, 
	                
	                resizeIE = function() {
		                $slides.each(function(){
	              			if ( ($window.width() / $window.height()) < 1.77777777777778 ) {
			                    $(this).removeClass().addClass('bgheight');
			                } else {
			                    $(this).removeClass().addClass('bgwidth');
			                }
	              
	                	});	                
	                };
					
					
				if(o.navigation) {
                    var $navigation = $('.slider-nav li a');
                    $navigation.eq(slide_current).parent().addClass("selected");
                    $navigation.click(function(e){
                        e.preventDefault();
                        move_to_slide(parseInt(this.hash.split("-")[1]));
                    })
                }
                
                if ($.browser.msie && parseInt($.browser.version, 10) <9 ) {
                	$slides.each(function(){
                   		var $this = $(this), 
                			img = new Image;
                		$this.prepend(img);
						img.src = $this.css("background-image").replace(/"/g,"").replace(/url\(|\)$/ig, "");  	                		
  						$this.css("background-image", "");
                	});
            		$window.resize(function(){ resizeIE();}).trigger("resize");
            	}
                
                init();
                $window.resize(function(){ init();});

            });
        }
    });
})(jQuery);

$(document).ready(function(){
	$('.slider').slider();
});