// JavaScript Document

$(document).ready(function(){
				
			
	//nasconde downloads all'inizio	
	$('.d').hide();		
		
	      $('#down').hover(function() {
			$('#h1').css({ width: '100%',
						   height: '100%'
						 });
			$('#d1_span').css({ width: "156px",
				 			 	height: "26px"
							  });
			$('#d2_span').css({ width: "156px",
				 				height: "26px"
							  });			 
	        $('.d').animate({ opacity: 'show' });
	      });	
		  
		  $('#h1').hover(function() {
			$('#h1').css({ width: '0%',
						   height: '0%'
						 });
			$('#d1_span').css({ width: "0px",
				 			 	height: "0px"
							  });
			$('#d2_span').css({ width: "0px",
				 				height: "0px"
							  });	
	        $('.d').animate({ opacity: 'hide' });
	      });
		  
		  $('#social').hover(function() {
			$('#h1').css({ width: '0%',
						   height: '0%'
						 });
			$('#d1_span').css({ width: "0px",
				 			 	height: "0px"
							  });
			$('#d2_span').css({ width: "0px",
				 				height: "0px"
							  });	
	        $('.d').animate({ opacity: 'hide' });
	      });
		  
		  
	  
	//nasconde social links all'inizio	  
	$('.s').hide();						   

	      $('#social').hover(function() {
			$('#h2').css({ width: '100%',
						   height: '100%'
						 });
			$('#s1_span').css({ width: "156px",
				 				height: "26px"
							  });
			$('#s2_span').css({ width: "156px",
				 				height: "26px"
							  });
			$('#s3_span').css({ width: "156px",
				 				height: "26px"
							  });
			$('#s4_span').css({ width: "156px",
				 				height: "26px"
							  });
			$('#s5_span').css({ width: "156px",
				 				height: "26px"
							  });
	        $('.s').animate({ opacity: 'show' });
	      });	
		  
		  $('#h2').hover(function() {
			$('#h2').css({ width: '0%',
						   height: '0%'
						 });		
			$('#s1_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s2_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s3_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s4_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s5_span').css({ width: "0px",
				 				height: "0px"
							  });
	        $('.s').animate({ opacity: 'hide' });
	      });
		  
		  $('#down').hover(function() {		
			$('#s1_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s2_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s3_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s4_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s5_span').css({ width: "0px",
				 				height: "0px"
							  });
	        $('.s').animate({ opacity: 'hide' });
	      });
		  
		  $('#studio').hover(function() {		
			$('#s1_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s2_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s3_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s4_span').css({ width: "0px",
				 				height: "0px"
							  });
			$('#s5_span').css({ width: "0px",
				 				height: "0px"
							  });
	        $('.s').animate({ opacity: 'hide' });
	      });


	//bind link
	$('.link').click(function( event ) {
		  var id="."+$(event.currentTarget).attr('id');
		  var where=$(id).attr('href');
		  window.open(where).opener=null;
	});
	

	//cambio immagine hover
	$(".link_img").hover(function() {
 		  this.src = this.src.replace("over","on");
 		  },
 		  function() {
  		  this.src = this.src.replace("on","over");
 	});
	
});