// JavaScript Document
$(document).ready(function()
{
	//set width 
	var photo = $('#photo img');
	var photo_width_big = 886;
	var photo_width_small = 90;
	$('#photo').css('width',photo.length*photo_width_big);
	$('#photo_nav').css('width',photo.length*photo_width_small);	
	
	//creation of small images in photo nav
	for(i=0;i<photo.length;i++)
	{
		photo_path = $('#photo img').eq(i).attr("src");
		$('<img src="'+photo_path+'" />').appendTo($('#photo_nav'));
	}

	var photo_num = photo.length;
	var step = 720;
	var left_max = -(Math.ceil(photo_num/8)-1)*step;
	var left = $('#photo_nav').css('left');
	
	//arrow 
	if(left==left_max+'px')
	{
		$('#arrow_right').css('opacity','0.3');
	}
	
	if(left=='0px')
	{
		$('#arrow_left').css('opacity','0.3');
	}
	
	//event click on arrows
	$('#arrow_left').click(function(event){if(event.detail==1){arrowclickleft()};});	
	$('#arrow_right').click(function(event){if(event.detail==1){arrowclickright()};});	
		
	//event attached to photo nav
	$('#photo_nav img').bind(
	{
		click:function()
		{
			var number = $(this).index();
			$('#photo').stop(true).css(
			{
				left:-(number*photo_width_big),
				opacity:0.5
			}).animate({opacity:1},1500,function(){setTimeout("moveslider("+number+")",5000)});
			
		},
		mouseover:function(){$(this).css('opacity','1')},
		mouseout:function(){$(this).css('opacity','0.7')}
	});	
	
	moveslider(0);
		
});

function moveslider(index)
{
	var photo = $('#photo img');	
	var photo_width_big = 886;	
	$('#photo').animate({left: -(photo_width_big*(photo.length-1))},
	{
		duration: 7500*(photo.length-index),
		complete: function() 
		{
			$('#photo').delay(4000).animate({left:0});
		}
	});
}

function arrowclickleft()
{	
	var photo = $('#photo img');
	var photo_num = photo.length;
	var left_step = (Math.ceil(photo_num/8)-1);
	var step = 720;
	var left_max = -(left_step)*step;
	var left_point=[];
	for(i=0;i<=left_step;i++)
	{
		left_point[i]=-(i*step)+'px';
	}
	var left = $('#photo_nav').css('left');	
	var finder = in_array(left,left_point);
	if(finder==false)
	{
		$('#photo_nav').animate({left:'0px'});
		$('#arrow_left').css('opacity','0.3');
		$('#arrow_right').css('opacity','1');
	}
	else
	{
		if(left=='0px')
		{
			$('#arrow_left').css('opacity','0.3');
		}
		else 
		{
			$('#arrow_right').css('opacity','1');	
			$('#photo_nav').animate({left: '+=720'},300,function()
			{
				var left = $('#photo_nav').css('left');
				if(left=='0px')
				{
					$('#arrow_left').css('opacity','0.3');																					
				}
			});			
		}	
	}
}

function arrowclickright()
{	
	var photo = $('#photo img');
	var photo_num = photo.length;
	var left_step = (Math.ceil(photo_num/8)-1);
	var step = 720;
	var left_max = -(left_step)*step;
	var left_point=[];
	for(i=0;i<=left_step;i++)
	{
		left_point[i]=-(i*step)+'px';
	}
	var left = $('#photo_nav').css('left');	
	var finder = in_array(left,left_point);
	if(finder==false)
	{
		$('#photo_nav').animate({left:'0px'});
		$('#arrow_left').css('opacity','0.3');
		$('#arrow_right').css('opacity','1');
	}
	else
	{
		if(left==left_max+'px')
		{
			$('#arrow_right').css('opacity','0.3');
		}
		else
		{
			$('#arrow_left').css('opacity','1');	
			$('#photo_nav').animate({left: '-=720'},300,function()
			{
				var left = $('#photo_nav').css('left');
				var left_max = -(Math.ceil(photo_num/8)-1)*step;	
				if(left==left_max+'px')
				{
					$('#arrow_right').css('opacity','0.3');																					
				}
			});
		}
	}
}

function in_array(valore_da_esaminare, array_di_riferimento) 
{
	isValueInArray = false;
	for(i = 0; i < array_di_riferimento.length; i++) 
	{
		if(valore_da_esaminare == array_di_riferimento[i]) 
		{
			isValueInArray = true;
		}
	}
	return isValueInArray;
}