jQuery(function(){
	
	
	//main-slider
	var sliderEase = "swing";
	var sliderAnimDuration = 2000;
	$("#main-slider .panel").eq(0).fadeIn(sliderAnimDuration, sliderEase);
	
	$(".scroller li a").click(function(){
		var id  = $(this).attr("href");
		$("#main-slider .panel:visible").fadeOut();
		$(id).fadeIn(sliderAnimDuration);
		return false;
	});
	
	//scroller	
	$(".scroller").TScroller();
	
	
});

(function($){
	
	$.fn.TScroller = function(opt){
		
		var defaults = {
			animDuration:500,
			easeFunction : "easeOutBack",
			moveArea : ".scroll-wrap",
			next: ".next",
			previous: ".previous",
			singleElement : "li",
			single : 187,
			display : 5

		}
		
		var o  = $.extend(defaults, opt);
		
		
		return this.each(function(){
			
			var $tScroll = $(this);
			var $moveArea = $(o.moveArea, $tScroll)
			var $next = $(o.next, $tScroll);
			var $previous = $(o.previous, $tScroll);
			var total = $(o.singleElement, $moveArea).length;
			var marginLeft = 0;
			var current = 1;
			
			$next.click(function(){
				
				if(current>total-o.display){
					return false;	
				}
												
				marginLeft -= o.single;				
				$moveArea.animate({
					"margin-left" : marginLeft
				}, o.animDuration, o.easeFunction);
				current++;
				return false;
			});
			
			
			
			$previous.click(function(){
				if(current<=1){
					return false;
				}
				
				marginLeft += o.single;
				$moveArea.animate({
					"margin-left" : marginLeft
				}, o.animDuration, o.easeFunction);
				current--;
				return false;
			});
			
			
			
		});
		
		
	}
	
	
})(jQuery)