function fadeThis(prev, current) {
	this.timeout = setTimeout(function later() {
		prev.fadeTo("fast", "0.33");
		current.fadeTo("fast", "1");
	}, 500);
}

function slideLeft(spacing){
	var $covers = $('div.slideme'), moveto=0, count=0;
	$("span.bubble").each(function(){
		if($(this).hasClass("active")){
		
			if($(this).prev().hasClass("hidden")){
				moveto = parseInt($(this).attr("title"), 10)-2;
				
			}
			else{
				moveto = parseInt($(this).attr("title"), 10)-1;
				
			}
		}
	
		count++;				
	});
	if(moveto === 0){
		moveto = count;
	}
	var new_active = parseInt(moveto-1, 10);
	var prev = $(".activeslide");
	$(".slideme").removeClass("activeslide");
	$covers.eq(new_active).addClass("activeslide");
	var current = $(".activeslide");
	fadeThis(prev, current);
	
	$("span.bubble").removeClass("active");
	$("span.bubble").eq(moveto-1).addClass("active");
	$covers.each(function(){
		$(this).animate({'left': spacing-(spacing*moveto)}, 'normal');
		moveto--;
	});
}

function slideRight(spacing){
	var $covers = $('div.slideme'), moveto=0, count=0;
	$("span.bubble").each(function(){
		if($(this).hasClass("active")){
			if($(this).next().hasClass("hidden")){
				moveto = parseInt($(this).attr("title"), 10)+2;
			}
			else{
				moveto = parseInt($(this).attr("title"), 10)+1;
			}
		}
			
		count++;
	});
	if(moveto == count+1){
		moveto = 1;
	}

	var new_active = parseInt(moveto-1, 10);
	var prev = $(".activeslide");
	$(".slideme").removeClass("activeslide");
	$covers.eq(new_active).addClass("activeslide");
	var current = $(".activeslide");
	fadeThis(prev, current);
	
	$("span.bubble").removeClass("active");
	$("span.bubble").eq(moveto-1).addClass("active");
	$covers.each(function(){
		$(this).animate({'left': spacing-(spacing*moveto)}, 'normal');
		moveto--;
	});
}

function setUpItems(spacing){
	var $covers = $('div.slideme');
	$("span.bubble").removeClass("active");
	$("span.bubble").eq(0).addClass("active");
	$covers.each(function(i){
		if(i === 0){
			$covers.eq(0).css('left', 0);
			$covers.eq(0).addClass("activeslide").fadeTo("fast", "1");
		}
		else if(i>0){
			$covers.eq(i).css('left', spacing*i);
		}
	});
}

function recursive (spacing) {
	var spacing = 959;
	slideRight(spacing);

}

$("document").ready(function(){
	var spacing = 959;
	var $covers = $('div.slideme');
	$(".slideme").fadeTo(0, "0.33");
	
	$("span.left").live("click", function(event){
		slideLeft(spacing);
		event.preventDefault();
	});

	$("span.right").live("click", function(event){
		slideRight(spacing);
		event.preventDefault();
	});
	
	setUpItems(spacing);
	window.setInterval(recursive, 10000);
	




	
});