var $sliderItemWidth = 212; //szerokosc elementu slidera - z css
var $naviItemWidth = 87; //szerokosc elementu nawigacji - z css
var $currentItem = 0; //globalna zmienna przechowujaca aktualnie wybrany element

var $options;
var $itemCounter;

/*
*
*	jQuery jServicesSlider
*	copyright NetArt 2010
*
*/

(function($) {

$.fn.jServicesSlider = function(options) {
	
	var $defaults = {
			   animateTime: 500,	//czas wykonywania animacji
			   changeTime: 5000		//czas miedzy automatycznymn przewijaniem
	};
	$options = $.extend($defaults, options);
	
	$(".bg_border").css({"opacity": 0, "display": "block"});
	$itemCounter = $(".slider_container .slider_item").length; //ilosc elementow w sliderze
	
	// szerokosc nadana na div zawierajacy elementy slidera
	$(".slider_container").css({"width": ($sliderItemWidth*$itemCounter)+"px"});
	
	// szerokosc nadana na div zawierajacy elementy nawigacji
	$(".navi_items_container").css({"width": ($naviItemWidth*$itemCounter)+"px"});
	
	// generowanie listy z liczba elementow slidera
	$("ul.navi_counter_item_list").children("li.first").remove();
	for(var $i=1; $i<=$itemCounter; $i++) {
		$("ul.navi_counter_item_list").append("<li><a href='#'>"+$i+"</a></li>");
	}
	
	// na starcie nadanie klas na pierwsze elementy
	classActiveItem();
	
	// przyciski nawigacji
	$("a.navi_arrow_next, a.navi_counter_arrow_next").click(function() {
		slideToNext();
		return false;
	});
	
	$("a.navi_arrow_prev, a.navi_counter_arrow_prev").click(function() {
		slideToPrev();
		return false;
	});
	
	$(".navi_items_container .navi_item a").click(function () {
		var $index = $(".navi_items_container .navi_item a").index(this);
		slideToItem($index);
		return false;
	});
	
	$(".navi_counter_item_list li a").live("click", function () {
		var $index = $(".navi_counter_item_list li a").index(this);
		slideToItem($index);
		return false;
	});
	
	// uruchomienie automatycznego przewijania
	$autoSlide = window.setInterval('$("a.navi_arrow_next").trigger("click");', $options.changeTime);
	$("#servicesSlider").hover(function() {
		clearInterval($autoSlide);
	}, function() {
		$autoSlide = window.setInterval('$("a.navi_arrow_next").trigger("click");', $options.changeTime);
	});
	
	};
})(jQuery); 

//nadanie klasy active na aktywne elementy
function classActiveItem() {
	$(".slider_container .slider_item, .navi_items_container .navi_item, .navi_counter_item_list li").removeClass("active");
	$(".slider_container .slider_item:eq("+$currentItem+")").addClass("active");
	$(".navi_items_container .navi_item:eq("+$currentItem+")").addClass("active");
	$(".navi_counter_item_list li:eq("+$currentItem+")").addClass("active");
	$(".navi_items_container").children().children(".bg_border").stop(false, true).animate({
		opacity: 0
	}, $options.animateTime);
	$(".navi_items_container").children(".active").children(".bg_border").stop(false, true).animate({
		opacity: 1
	}, ($options.animateTime*3));
}

// przewi� do nast�pnego 
function slideToNext() {
	if($currentItem == $itemCounter-1) {
		$currentItem=0;
		$(".slider_container").stop(false, true).animate({
			left: "0px"
		}, $options.animateTime); //przesuni�cie w prawo
		$(".navi_items_container").stop(false, true).animate({
			left: "0px"
		}, $options.animateTime); //przesuni�cie w prawo
	} else {
		$currentItem++;
		$(".slider_container").stop(false, true).animate({
			left: "-"+($currentItem*$sliderItemWidth)+"px"
		}, $options.animateTime); //przesuni�cie w prawo
		if( !( ($currentItem*$naviItemWidth) == ($naviItemWidth*$itemCounter-$naviItemWidth)) ) {
			$(".navi_items_container").stop(false, true).animate({
				left: "-"+($currentItem*$naviItemWidth)+"px"
			}, $options.animateTime); //przesuni�cie w prawo
		}
	}
	classActiveItem();
};

// przewi� do poprzedniego 
function slideToPrev() {
	if ($currentItem == 0) {
		$currentItem=$itemCounter-1;
		$(".slider_container").stop(false, true).animate({
			left: "-"+($sliderItemWidth*$currentItem)+"px"
		}, $options.animateTime); //przesuni�cie w prawo
		$(".navi_items_container").stop(false, true).animate({
			left: "-"+($naviItemWidth*($currentItem-1))+"px"
		}, $options.animateTime); //przesuni�cie w prawo
	} else {
		$currentItem--;
		$(".slider_container").stop(false, true).animate({
			left: "-"+($currentItem*$sliderItemWidth)+"px"
		}, $options.animateTime); //przesuni�cie w prawo		
		$(".navi_items_container").stop(false, true).animate({
			left: "-"+($currentItem*$naviItemWidth)+"px"
		}, $options.animateTime); //przesuni�cie w prawo
	}
	classActiveItem();
};

// przewi� do konkretnego 
function slideToItem($slideTo) {
	$currentItem=$slideTo;
	$(".slider_container").stop(false, true).animate({
		left: "-"+($currentItem*$sliderItemWidth)+"px"
	}, $options.animateTime); 
	if ( $currentItem!= $itemCounter-1 ) {
		$(".navi_items_container").stop(false, true).animate({
			left: "-"+($currentItem*$naviItemWidth)+"px"
		}, $options.animateTime); 
	} else {
		$(".navi_items_container").stop(false, true).animate({
			left: "-"+( ($currentItem-1)*$naviItemWidth)+"px"
		}, $options.animateTime); 
	}
	classActiveItem();
};