// JavaScript Document

$.fn.itSiteSlider = function () {
	
	var object, count, ul, li, html, sliderScroll, curPos, pos, smallWidth, bigWidth;

	object = this;
	count = 1;	
	
	ul = object.find('ul.slider-list');
	
	smallWidth = ul.find('div.slider-photo').width();
	bigWidth = ul.find('div.slider-text').width() + smallWidth;
	
	html = ul.html();
	ul.html(html+html);
	li = ul.find('li');
	
	pos = li.size()*li.width()+bigWidth-smallWidth;
	
	ul.find('li.active').width($('div.slider-inner-wrap').width());
	
	ul.width(li.size()*li.find('div.slider-inner-wrap').width());
	
	sliderScroll = function(n) {
		if (n==0) return false;
		curPos = parseInt(ul.css('margin-left'))
		if (curPos<=-pos) ul.css('margin-left',0)
		ul.css({
			'margin-left':curPos-n
			})
	}
	
	setInterval(function() {
			sliderScroll(count);
		}, 30);
	
	li.hover(function() {
			count = 0;
			if (li.is(":animated") || $(this).hasClass('active')) return false;
			li.removeClass('active').animate({
					'width':smallWidth
				}, 200);
			$(this).addClass('active').animate({
					'width':bigWidth
				})
			
		}, function() {
				count = 1;
			})
	
}