[Widgets] Support image elements using <img> tag

src/assets/groups.json

@@ -29,13 +29,14 @@
             "List Views": [
                  "List", "OrderedList", "ListItem", "ListDivider", "ListButton"
             ],
-            "Output": ["ProgressBar"]
+            "Output": ["ProgressBar"],
+            "Image": ["Image"]
         }
     ],
 
     "Widget Sets": [
         {
-            "Simple HTML": [ "Text" ],
+            "Simple HTML": [ "Text", "Image" ],
             "jQuery Mobile": [ 
                 "#0._hidden_node.jqm_toolbars",
                 "#0.Functional Groups.0.Buttons",

src/js/widgets.js

@@ -654,6 +654,51 @@ var BWidgetRegistry = {
         template: '<a data-role="button">%TEXT%</a>'
     },
 
+    /**
+     * Represents a image
+     */
+    Image: {
+        parent: "Base",
+        paletteImageName: "tizen_image.svg",
+        template: '<img/>',
+        properties: {
+            src: {
+                type: "string",
+                defaultValue: "src/css/images/widgets/tizen_image.svg",
+                htmlAttribute: "src",
+                forceAttribute: true
+            },
+            alt: {
+                type: "string",
+                defaultValue: "",
+                htmlAttribute: "alt"
+            },
+            width: {
+                type: "string",
+                defaultValue: "",
+                htmlAttribute: "width"
+            },
+            height: {
+                type: "string",
+                defaultValue: "",
+                htmlAttribute: "height"
+            },
+            align: {
+                type: "string",
+                options:[ "left", "center", "right" ],
+                defaultValue: "left",
+                htmlAttribute: {
+                    name: "style",
+                    value: {
+                        "left": "display:block;margin:auto auto auto 0px",
+                        "center": "display:block;margin: 0 auto",
+                        "right": "display:block;margin: auto 0px auto auto"
+                    }
+                }
+            },
+        },
+    },
+
     /**
      * Represents an HTML form object. Includes an "action" property with the
      * submission URL and a "method" string property that should be "get" or