$(document).ready(function(){
	
	var n = $('#similarObjects div').size()-2;
	var t;
	var effect_exist = 0;
	var id;

	$('.obj').each(function(){
		id = $(this).attr('id');
		if (id > 4) { $(this).hide(); }
	});
	
	function a() {
		$('#4').hide(); k = 1;
		$('#1').animate({
			'margin-left' : '124px'
		}, 2000, 
			function() {
				$('#1').css({
					'margin-left' : '1px'
				}).fadeIn(1000);
				$('#4').show();
				k = 0;
			});
		$('#4').fadeIn(2000);
	}
	
	function changeID_left() {
		var first = $('#1').html();
		for (i=1; i<n; i++) {
			$('#'+i).html($('#'+(i+1)).html());
		}
		$('#'+n).html(first);
	}
	
	function changeID_right() {
		var last = $('#'+n).html();
		for (i=n; i>1; i--) {
			$('#'+i).html($('#'+(i-1)).html());
		}
		$('#1').html(last);
	}
	
	function left() {
		effect_exist = 1;
		$('#1').animate({'width' : '0px'}, 1500, function(){
			$(this).hide();
			changeID_left();
			$('#4').hide().fadeIn(1000, function(){
				effect_exist = 0;
			});
			$('#1').css({'width' : '120px'}).show();
		});
	}
	
	function right() {
		effect_exist = 1;
		$('#4').animate({'width' : '0px'}, 1500, function(){$(this).hide();});
		$('#1').animate({
			'margin-left' : '124px'
		}, 1700, function(){
			effect_exist = 0;
			$('#1').css({
				'margin-left' : '0px'
			});
			changeID_right();
			$('#1').hide().fadeIn(1000);
			$('#4').show().css({'width' : '120px'});
		});
	}
	
	function leftInterval() {
		if (n > 4) { left(); }
	}
	
	function rightInterval() {
		if (n > 4) { right(); }
	}
	
	$('#left_arrow').click(function(e){
		if (effect_exist == 0) { leftInterval(); }
	});
	
	$('#right_arrow').click(function(e){
		if (effect_exist == 0) { rightInterval(); }
	});
	
	t = setInterval(function(){ rightInterval();}, 4000 );
	$('#similarObjects').mouseover(function(){ clearInterval(t); });
	$('#similarObjects').mouseout(function(){ t = setInterval(function(){ rightInterval();}, 4000 ); });
	
});