odyniec · horacioibrahim · Aug 21, 2013 · Aug 21, 2013 · Aug 21, 2013 · Aug 21, 2013
diff --git a/README.md b/README.md
@@ -0,0 +1,13 @@
+imgareaselect
+=============
+
+ImgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
+
+Basic Usage:
+<type="text/javascript" >
+$(document).ready(function() {
+     $('img#photo').imgAreaSelect({
+          handles: true;
+          onSelectEnd: alert("Selecionado!");
+     });
+});
diff --git a/demo/demo.html b/demo/demo.html
@@ -0,0 +1,33 @@
+<html>
+<head>
+	<link rel="stylesheet" type="text/css" href="../distfiles/css/imgareaselect-default.css" />
+	<script src="../distfiles/scripts/jquery.min.js"></script>
+	<script src="../distfiles/scripts/jquery.imgareaselect.js"></script>
+
+
+	<script type="text/javascript">
+
+	$(document).ready(function() {
+		var ias = $('#photo').imgAreaSelect({
+			instance:true,
+			handles: true,
+			delimiter: "#container-img",
+			onSelectEnd: function() {
+				//alert($('#photo').innerWidth()	);
+				},
+		});	
+	});
+
+	</script>
+</head>
+<body>
+
+	<div id="container-img" style="width: 300; height: 300; overflow: hidden; border: 2px dotted red;">
+		<img id="photo" src="photo.png" />
+	</div>
+
+
+
+</body>
+
+</html>
diff --git a/demo/photo.png b/demo/photo.png