$(document).ready(function(){
	$('.horizontal_scroller').SetScroller({	velocity: 	 60,
		direction: 	 'horizontal',
		startfrom: 	 'right',
		loop:		 'infinite',
		movetype: 	 'linear',
		onmouseover:	 'pause',
		onmouseout:  	 'play',
		onstartup: 	 'play',
		cursor: 	 'pointer'
	});
	$('#home, #contatti, #comeTrovarci, #rubinoGru, #fratelliRubino, #butGallery').hover(function(){
		var iddi = $(this).attr('id');
		$('#'+iddi+'Hover').addClass('hover');
	},
	function(){
		var iddi = $(this).attr('id');
		$('#'+iddi+'Hover').removeClass('hover');
	});
	$('#fratelliRubino').click(function(){
		if(($('#sottovoceCenter').attr('class')=='sottovoceCenter2')&&($('#sottovoceCenter').css('margin-top')=='-123px')){
			$('#sottovoceCenter').removeClass('sottovoceCenter2');
			$('#sottovoceCenter').addClass('sottovoceCenter1');
			$('#sottovoceTop').html('<div id="sottovoceTopHover"><a href="fratellirubino.php"><img src="img/click.png" border="0"/></a></div>');
			$('#sottovoceCenter').html('<div id="sottomenu1"><a href="parcomezzifratelli.php"><img src="img/click.png" border="0"/></a></div><div id="sottomenu2"><a href="trasportieccezionali.php"><img src="img/click.png" border="0"/></a></div><div id="sottomenu3"><a href="scortetecniche.php"><img src="img/click.png" border="0"/></a></div><div style="clear: both"></div>');
		}else{
			if($('#sottovoceCenter').css('margin-top')=='2px'){
				$('#sottovoceCenter').removeClass('sottovoceCenter2');
				$('#sottovoceCenter').addClass('sottovoceCenter1');
				$('#sottovoceTop').animate({"top": "+=135"}, 'fast', function(){
					$('#sottovoceTop').html('<div id="sottovoceTopHover"><a href="fratellirubino.php"><img src="img/click.png" border="0"/></a></div>');
				});
				$('#sottovoceTop').animate({"top": "-=10"});
				$('#sottovoceCenter').animate({"margin-top": "-=135"}, 'fast',function(){
					$('#sottovoceCenter').animate({"margin-top": "+=10"});	
					$('#sottovoceCenter').html('<div id="sottomenu1"><a href="parcomezzifratelli.php"><img src="img/click.png" border="0"/></a></div><div id="sottomenu2"><a href="trasportieccezionali.php"><img src="img/click.png" border="0"/></a></div><div id="sottomenu3"><a href="scortetecniche.php"><img src="img/click.png" border="0"/></a></div><div style="clear: both"></div>');
					$('#sottomenu1,#sottomenu2,#sottomenu3').addClass('mmm');
				});
			}else{
				$('#sottovoceCenter').html('');
				$('#sottovoceTop').animate({"top": "+=10"});
				$('#sottovoceTop').animate({"top": "-=135"}, 'fast');
				$('#sottovoceCenter').animate({"margin-top": "-=10"});
				$('#sottovoceCenter').animate({"margin-top": "+=135"}, 'fast');
			}
		}
	});
	$('#rubinoGru').click(function(){
		if(($('#sottovoceCenter').attr('class')=='sottovoceCenter1')&&($('#sottovoceCenter').css('margin-top')=='-123px')){
			$('#sottovoceCenter').removeClass('sottovoceCenter1');
			$('#sottovoceCenter').addClass('sottovoceCenter2');
			$('#sottovoceTop').html('<div id="sottovoceTopHover"><a href="rubinogru.php"><img src="img/click.png" border="0"/></a></div>');
			$('#sottovoceCenter').html('<div id="sottomenu1"><a href="parcomezzigru.php"><img src="img/click.png" border="0"/></a></div><div id="sottomenu2"><a href="montaggi.php"><img src="img/click.png" border="0"/></a></div><div id="sottomenu3"><a href="porto.php"><img src="img/click.png" border="0"/></a></div><div style="clear: both"></div>');
		}else{
			if($('#sottovoceCenter').css('margin-top')=='2px'){
				$('#sottovoceCenter').removeClass('sottovoceCenter1');
				$('#sottovoceCenter').addClass('sottovoceCenter2');
				$('#sottovoceTop').animate({"top": "+=135"}, 'fast', function(){
					$('#sottovoceTop').html('<div id="sottovoceTopHover"><a href="rubinogru.php"><img src="img/click.png" border="0"/></a></div>');
				});
				$('#sottovoceTop').animate({"top": "-=10"});
				$('#sottovoceCenter').animate({"margin-top": "-=135"}, 'fast',function(){
					$('#sottovoceCenter').animate({"margin-top": "+=10"});
					$('#sottovoceCenter').html('<div id="sottomenu1"><a href="parcomezzigru.php"><img src="img/click.png" border="0"/></a></div><div id="sottomenu2"><a href="montaggi.php"><img src="img/click.png" border="0"/></a></div><div id="sottomenu3"><a href="porto.php"><img src="img/click.png" border="0"/></a></div><div style="clear: both"></div>');
					$('#sottomenu1,#sottomenu2,#sottomenu3').addClass('mmm');
				});
				$
			}else{
				$('#sottovoceCenter').html('');
				$('#sottovoceTop').animate({"top": "+=10"});
				$('#sottovoceTop').animate({"top": "-=135"}, 'fast');
				$('#sottovoceCenter').animate({"margin-top": "-=10"});
				$('#sottovoceCenter').animate({"margin-top": "+=135"}, 'fast');
			}
		}
	});
});