var yes = false;
var obj = '.slide .slideshow';
var vel = 'fast';
var tempo = 4000;
var bgpos = 12;
var loop;
function kit_slide(){
	$(obj).each(function(e){
		var t = $(obj).size();
		var a = e+1;
		if (yes==true){
			if ($(this).hasClass('active')){
				$(this).removeClass('active');
				$('.item').css({'background-position': '0 0'});
				$(this).animate({'opacity':'0'},vel,function(){
					$(this).css({'display':'none'});
					if (a==t){
						$('#item-slide-1').addClass('active');
						$('#item-slide-1').animate({'opacity':'1'},vel,function(){
							$('#item-slide-1').addClass('active').css({'display':'block'});
							$('#slide-1').css({'background-position': '0 -'+ bgpos +'px'});
						});
					}
					if (a<t){
						$('#item-slide-'+(a+1)).addClass('active');
						$('#item-slide-'+(a+1)).css({'display':'block'});
						$('#item-slide-'+(a+1)).animate({'opacity':'1'},vel,function(){
							//$('#i'+(a+1)).addClass('active');
							$('#slide-'+(a+1)).css({'background-position': '0 -'+ bgpos +'px'});
						});
					}
					yes=false;
				});
			}
		}
	});
	yes=true;
	loop = setTimeout("kit_slide()",tempo);
}

function init_kit_slide(){
	$(obj).each(function(e){
		var s = (e+1);
		$(this).attr('id', 'item-slide-' + s);
		$(this).attr('pos', s);
		s>1 ? $(this).css({'display':'none'}) : $(this).css({'display':'block'}).addClass('active');
		$('#items').append('<div id="slide-' + s + '" class="item" style="' + (s==1 ? 'background-position: 0 -'+ bgpos +'px;' : 'background-position: 0 0;') + '"></div>');
		
	});


}

$(document).ready(function(){
	init_kit_slide();
	kit_slide();	
	
	$('.item').click(function(){
		clearInterval(loop);
		var i = $(this).attr('id');
		$('.item').css({'background-position': ''});
		$(obj).css({'z-index':0}).animate({
			opacity: 0
		}, 500, function() {
			$(obj).css({'display':'none'});
			$('#item-'+i).css({'z-index':200,'display':'block'}).animate({opacity: 1});
			var x = $('#item-'+i).attr('pos');
			$('.select-content').animate({'background-position': 36 * (x-1) + 'px 0'});
			$('#'+i).css({'background-position': '0 -'+ bgpos +'px'});
		});
	});
	
});

//-------------------------------------------------------------------------------------------------------------