$(document) . ready(function() {



	$('.OpenDialog') . click(function() {
	
		$.ajax({
			type: "post",
			url: "ajax/getproduct.php",
			data: {
				id: $(this) . attr('id')
			}, success: function(res){
				if(res) {
					//alert(res);
					$('.DialogContent') . html(res);
					$('.Dialog') . fadeIn(500);
					$('.Foil') . css({ opacity: 0.5 }) . fadeIn();
					
					$('input[name=color]') . click(function(){
						$('#bigImg') . attr('src', $(this) . val());
					});
				}
			}
		});
		
	});
	
	
	
	$('.CloseDialog') . click(function() {
		$('.Dialog') . fadeOut(500);
		$('.Foil') . fadeOut();
	});
});

$(document) . keyup(function(e) {
	if (e.which == 27) { $('.CloseDialog') . click();}
});