var speed = 800;
var activity_gall = false;
$(document).ready(function(){
	
setInterval(function(){
		if (!activity_gall)
			{
				stok_right();
			}
			activity_gall = false;
		}, 6000);

});

function repit()
{
setInterval(function(){stok_right();}, 6000);
}

function get_pos(id)
{
	if ((id>=0)  && (id<count_nov))
	{ return id;}
	else
	{
		if (id<0)
		{id = count_nov + id;}
		else
		{ id = id - count_nov ;}
		return id;
	}
}

function stok_right()
{
	activity_gall = true;
	if(count_nov==3)
	{
		$('.arrow_left_under').css("z-index","8");
		$('.arrow_right_under').css("z-index","8");
		pos = $('#gallery .center').attr('id');
		id = ~~pos.substring(1);
		var id_pre = get_pos(id-1);
		var id_next = get_pos(id+1);	

		$('#d'+id_next+' .inner .text').css("visibility","hidden");
		$('#d'+id_next).animate({left:"30px",top:"47px",width:"270px",height:"284px","z-index":"6"}, speed,function(){
			$('#d'+id_pre+' .inner .text').css("visibility","hidden");
			$('#d'+id+' .inner .text').css("visibility","hidden");
			$('#d'+id_next+' .inner .text').css("visibility","visible");
			$('.arrow_left_under').css("z-index","");
			$('.arrow_right_under').css("z-index","");		
		});
			$('#d'+id_next+' .bg').animate({"margin-left":"0px",top:"203px",width:"270px",height:"80px"}, speed);
			$('#d'+id_next+' img').animate({width:"150px"}, speed);
			$('#d'+id_next+' .inner').animate({"padding-top":"20px","margin-left":"41px",width:"183px",height:"189px"}, speed);
			$('#d'+id_next).removeClass("right");
			$('#d'+id_next).addClass("center");
		
		$('#d'+id+' .inner .text').css("visibility","hidden");
		$('#d'+id).animate({left:"0px",top:"86px",width:"170px",height:"178px","z-index":"5"}, speed);
			$('#d'+id+' img').animate({width:"110px"}, speed);
			$('#d'+id+' .bg').animate({"margin-left":"19px",top:"150px",width:"131px",height:"80px"}, speed);
			$('#d'+id+' .inner').animate({"padding-top":"15px","margin-left":"19px",width:"131px",height:"141px"}, speed);
			$('#d'+id).removeClass("center");
			$('#d'+id).addClass("left");

		$('#d'+id_pre+' .inner .text').css("visibility","hidden");
		$('#d'+id_pre).animate({left:"164px",top:"86px",width:"170px",height:"178px","z-index":"5"}, speed);
			$('#d'+id_pre+' .bg').animate({"margin-left":"19px",top:"150px",width:"131px",height:"80px"}, speed);
			$('#d'+id_pre+' .inner').animate({"padding-top":"15px","margin-left":"19px",width:"131px",height:"141px"}, speed);
			$('#d'+id_pre).removeClass("left");
			$('#d'+id_pre).addClass("right");		
	}
	else
	{
		$('.arrow_left_under').css("z-index","8");
		$('.arrow_right_under').css("z-index","8");
		pos = $('#gallery .center').attr('id');
		id = ~~pos.substring(1);
		var id_pre = get_pos(id-1);
		var id_next = get_pos(id+1);
		var id_next2 = get_pos(id+2);	
		
		$('#d'+id_next2).animate({left:"164px",top:"86px",width:"170px",height:"178px","z-index":"5"}, speed);
			$('#d'+id_next2+' .bg').animate({"margin-left":"19px",top:"150px",width:"131px",height:"80px"}, speed);
			$('#d'+id_next2+' .inner').animate({"padding-top":"15px","margin-left":"19px",width:"131px",height:"141px"}, speed);
			$('#d'+id_next2).removeClass("hidden");
			$('#d'+id_next2).addClass("right");
			
		$('#d'+id_next+' .inner .text').css("visibility","hidden");
			$('#d'+id_next).animate({left:"30px",top:"47px",width:"270px",height:"284px","z-index":"6"}, speed,function(){
			$('#d'+id_pre+' .inner .text').css("visibility","hidden");
			$('#d'+id+' .inner .text').css("visibility","hidden");
			$('#d'+id_next+' .inner .text').css("visibility","visible");
			$('.arrow_left_under').css("z-index","");
			$('.arrow_right_under').css("z-index","");		
		});
			$('#d'+id_next+' img').animate({width:"150px"}, speed);
			$('#d'+id_next+' .bg').animate({"margin-left":"0px",top:"203px",width:"270px",height:"80px"}, speed);
			$('#d'+id_next+' .inner').animate({"padding-top":"20px","margin-left":"41px",width:"183px",height:"189px"}, speed);
			$('#d'+id_next).removeClass("right");
			$('#d'+id_next).addClass("center");
		
		$('#d'+id+' .inner .text').css("visibility","hidden");
			$('#d'+id).animate({left:"0px",top:"86px",width:"170px",height:"178px","z-index":"5"}, speed);
			$('#d'+id+' img').animate({width:"110px"}, speed);
			$('#d'+id+' .bg').animate({"margin-left":"19px",top:"150px",width:"131px",height:"80px"}, speed);
			$('#d'+id+' .inner').animate({"padding-top":"15px","margin-left":"19px",width:"131px",height:"141px"}, speed);
			$('#d'+id).removeClass("center");
			$('#d'+id).addClass("left");

		$('#d'+id_pre).animate({left:"102px",top:"96px",width:"130px",height:"138px","z-index":"4"}, speed);
			$('#d'+id_pre+' .bg').animate({"margin-left":"19px",top:"150px",width:"131px",height:"80px"}, speed);
			$('#d'+id_pre+' .inner').animate({"padding-top":"15px","margin-left":"19px",width:"91px",height:"101px"}, speed);	
			$('#d'+id_pre).removeClass("left");
			$('#d'+id_pre).addClass("hidden");	
	}
} 

function stok_left()
{
	activity_gall = true;
	if(count_nov==3)
	{
		$('.arrow_left_under').css("z-index","8");
		$('.arrow_right_under').css("z-index","8");
		pos = $('#gallery .center').attr('id');
		id = ~~pos.substring(1);
		var id_pre = get_pos(id-1);
		var id_next = get_pos(id+1);

		$('#d'+id_pre+' .inner .text').css("visibility","hidden");
		$('#d'+id_pre).animate({left:"30px",top:"47px",width:"270px",height:"284px","z-index":"6"}, speed,function(){
			$('#d'+id_pre2+' .inner .text').css("visibility","hidden");
			$('#d'+id_pre+' .inner .text').css("visibility","visible");
			$('#d'+id+' .inner .text').css("visibility","hidden");
			$('#d'+id_next+' .inner .text').css("visibility","hidden");
			$('.arrow_left_under').css("z-index","");
			$('.arrow_right_under').css("z-index","");		
		});
			$('#d'+id_pre+' .bg').animate({"margin-left":"0px",top:"203px",width:"270px",height:"80px"}, speed);
			$('#d'+id_pre+' img').animate({width:"150px"}, speed);
			$('#d'+id_pre+' .inner').animate({"padding-top":"20px","margin-left":"41px",width:"183px",height:"189px"}, speed);
			$('#d'+id_pre).removeClass("left");
			$('#d'+id_pre).addClass("center");
			
		$('#d'+id+' .inner .text').css("visibility","hidden");
		$('#d'+id).animate({left:"164px",top:"86px",width:"170px",height:"178px","z-index":"5"}, speed);
			$('#d'+id+' .bg').animate({"margin-left":"19px",top:"150px",width:"131px",height:"80px"}, speed);
			$('#d'+id+' .inner').animate({"padding-top":"15px","margin-left":"19px",width:"131px",height:"141px"}, speed);
			$('#d'+id+' img').animate({width:"110px"}, speed);
			$('#d'+id).removeClass("center");
			$('#d'+id).addClass("right");
			
		$('#d'+id_next+' .inner .text').css("visibility","hidden");
		$('#d'+id_next).animate({left:"0px",top:"86px",width:"170px",height:"178px","z-index":"5"}, speed);
			$('#d'+id_next+' .bg').animate({"margin-left":"19px",top:"150px",width:"131px",height:"80px"}, speed);
			$('#d'+id_next+' .inner').animate({"padding-top":"15px","margin-left":"19px",width:"131px",height:"141px"}, speed);
			$('#d'+id_next).removeClass("right");
			$('#d'+id_next).addClass("left");
		
	}
	else
	{
		$('.arrow_left_under').css("z-index","8");
		$('.arrow_right_under').css("z-index","8");
		pos = $('#gallery .center').attr('id');
		id = ~~pos.substring(1);
		var id_pre2 = get_pos(id-2);
		var id_pre = get_pos(id-1);
		var id_next = get_pos(id+1);

		$('#d'+id_pre2).animate({left:"0",top:"86px",width:"170px",height:"178px","z-index":"5"}, speed);
			$('#d'+id_pre2+' .bg').animate({"margin-left":"19px",top:"150px",width:"131px",height:"80px"}, speed);
			$('#d'+id_pre2+' .inner').animate({"padding-top":"15px","margin-left":"19px",width:"131px",height:"141px"}, speed);
			$('#d'+id_pre2).removeClass("hidden");
			$('#d'+id_pre2).addClass("left");		
			
		$('#d'+id_pre+' .inner .text').css("visibility","hidden");
		$('#d'+id_pre).animate({left:"30px",top:"47px",width:"270px",height:"284px","z-index":"6"}, speed,function(){
			$('#d'+id_pre2+' .inner .text').css("visibility","hidden");
			$('#d'+id_pre+' .inner .text').css("visibility","visible");
			$('#d'+id+' .inner .text').css("visibility","hidden");
			$('#d'+id_next+' .inner .text').css("visibility","hidden");
			$('.arrow_left_under').css("z-index","");
			$('.arrow_right_under').css("z-index","");		
		});
			$('#d'+id_pre+' img').animate({width:"150px"}, speed);
			$('#d'+id_pre+' .bg').animate({"margin-left":"0px",top:"203px",width:"270px",height:"80px"}, speed);
			$('#d'+id_pre+' .inner').animate({"padding-top":"20px","margin-left":"41px",width:"183px",height:"189px"}, speed);
			$('#d'+id_pre).removeClass("left");
			$('#d'+id_pre).addClass("center");
			
		$('#d'+id+' .inner .text').css("visibility","hidden");
		$('#d'+id).animate({left:"164px",top:"86px",width:"170px",height:"178px","z-index":"5"}, speed);
			$('#d'+id+' img').animate({width:"110px"}, speed);
			$('#d'+id+' .bg').animate({"margin-left":"19px",top:"150px",width:"131px",height:"80px"}, speed);
			$('#d'+id+' .inner').animate({"padding-top":"15px","margin-left":"19px",width:"131px",height:"141px"}, speed);
			$('#d'+id).removeClass("center");
			$('#d'+id).addClass("right");

		$('#d'+id_next).animate({left:"102px",top:"96px",width:"130px",height:"138px","z-index":"4"}, speed);
			$('#d'+id_next+' .bg').animate({"margin-left":"19px",top:"150px",width:"131px",height:"80px"}, speed);
			$('#d'+id_next+' .inner').animate({"padding-top":"15px","margin-left":"19px",width:"91px",height:"101px"}, speed);	
			$('#d'+id_next).removeClass("right");
			$('#d'+id_next).addClass("hidden");	
	}	
}