// JavaScript Document
/* SCROLLER */
	
function diapositive(target, time){
	target = $("#"+target);
	var diap_to = 0;
	var gridspan = target.find(".slider .item").width()+20;
	//alert(gridspan);
	var tot = target.find(".slider .item").size();
	var items_w = (gridspan*tot); 
	var last_scroll = 0;
	target.css({
			overflow: 'hidden'
	});
	target.find(".slider").css({
		width: (items_w)+'px',
		position: 'absolute',
		top: 0,
		left: 0
	});	

	if(items_w > target.width()+20){
		target.find(".slider .item").css({ opacity: .5});
		
		var pos = 0;
		var intervalGo = 0;
		var last_scroll = 0;
		var on_screen = Math.floor(target.width()/(target.find(".slider .item").width()-16));
		target.find(".slider .item:lt("+0+on_screen+")").stop().animate({opacity: 1});
		target.find('.nav li').click(function(){
			target.find('.nav li').removeClass('cur');
			$(this).addClass('cur');
			var scrollx = target.find('.nav li').index(this);
			if(last_scroll != scrollx){
				// POSITION CONTAINER
				clearInterval(diap_to);
				last_scroll = scrollx;
				diapNext(target, scrollx, gridspan, on_screen)
				diap_to = setInterval(function(){
					last_scroll++;
					if(last_scroll>=tot) last_scroll = 0;
					diapNext(target, last_scroll, gridspan, on_screen);
				}, time);
				return false;
			}
		});
		diap_to = setInterval(function(){
					last_scroll++;
					if(last_scroll>=tot) last_scroll = 0;
					diapNext(target, last_scroll, gridspan, on_screen);
				  }, time);
	}	
}

function diapNext(target, scrollx, gridspan, on_screen){
	var endx = gridspan * scrollx;
	target.find(".slider").stop().animate({ 
		left: "-" + endx + "px"
	}, "slow", "linear");
	scrollx;
	target.find(".slider .item").stop().animate({opacity: .4});
	//target.find(".slider .item:gt("+(scrollx)+"), .slider .item:eq("+(scrollx)+")").stop().css({ opacity: .3 }).animate({opacity: 1});
	target.find(".slider .item:eq("+(scrollx)+")").stop().css({ opacity: .3 }).animate({opacity: 1});
	target.find('.nav li').removeClass('cur');
	target.find('.nav li:eq('+scrollx+')').addClass('cur');
}




$(document).ready(function(){
	diapositive('mainfeature', 8000);
})