/* based on EasySlider 1.7 but about 35% of the code as that was all I needed - Darren */
(function($) {
	$.fn.zoomSlider = function(options){
		var defaults = {			
            controlsTotal:  4,				
			speed: 			800,
			numeric: 		true,
			numericId: 		'controls',
		}; 
		var options = $.extend(defaults, options);  
				
		this.each(function() {  
			var obj = $(this); 				
			var s = $("li", obj).length;
			var w = $("li", obj).width(); 
			var h = $("li", obj).height(); 
			var clickable = true;
			obj.width(w); 
			obj.height(h); 
			obj.css("overflow","hidden");
			var ts = s-1;
			var t = 0;
			$("ul", obj).css('width',s*w);							
			$("li", obj).css('float','left');
								
			var html = '<ol id="'+ options.numericId +'"></ol>';	
			$(obj).after(html);										
					
			for(var i=0;i<s;i++){						
			     $(document.createElement("li"))
    			     .attr('id',options.numericId + (i+1))
    			     .html('<a rel='+ i +' href=\"javascript:void(0);\"><img src="img/slider/navigation/'+ (i+1) +'-off.png" /></a>')
    			     .appendTo($("#"+ options.numericId))
    			     .click(function(){							
    			     animate($("a",$(this)).attr('rel'),true);
			     }); 												
			};							

            function setCurrent(i){
				i = parseInt(i)+1;
                for(j = 1; j <= options.controlsTotal; j++){
                    if(j != i){
				        $("li#" + options.numericId + j).children('a').children('img').attr("src", "img/slider/navigation/" + j + "-off.png");
                    }
                }
				$("li#" + options.numericId + i).children('a').children('img').attr("src", "img/slider/navigation/" + i + "-on.png");
			};
			
			function adjust(){
				if(t>ts) t=0;		
				if(t<0) t=ts;	
                $("ul",obj).css("margin-left",(t*w*-1));
				clickable = true;
				setCurrent(t);
			};
			
			function animate(dir,clicked){
				if (clickable){
					clickable = false;
					var ot = t;				
                    t = dir;
					var diff = Math.abs(ot-t);
					var speed = diff*options.speed;						
						p = (t*w*-1);
						$("ul",obj).animate(
							{ marginLeft: p }, 
							{ queue:false, duration:speed, complete:adjust }
						);				
				};
			};		
			setCurrent(0);
		});
	};
})(jQuery);

$(document).ready(function(){ $("#slider").zoomSlider({}); });