// JavaScript Document
$(function(){
	$('#cuadros img').animate({
		"opacity": 1				    
	});
	$('#cuadros img').hover(function(){
		$(this).stop().animate({"opacity": .5},250);    
	}, function(){
		$(this).stop().animate({"opacity": 1},250);
	});
});

//flecha derecha
$(function(){		   
	$('#fr').click(function(){
		$('#cuadros').animate({
			"left" : "-824px" 		  
		});
	});
});


//flecha izquierda
$(function(){
	$('#fl').click(function(){
		$('#cuadros').animate({
			"left" : "37px" 		  
		});
	});
});

//popup
$(window).load(function(){
	$('#shade').fadeIn('fast', function(){
		$('#popup').fadeIn('fast').animate({
			"top" : "168px"
		}, '300');
	});
});

//popup closing funcitons
$(function(){
	$('#shade').click(function(){
		closePopup();
	});
});

$(document).bind('keydown', function(event) {
	if(event.which === 27){
		closePopup();
	}
});

function closePopup(){
	$('#shade, #popup').fadeOut('fast');
}