{"content":[{"element":"","method":"inline","content":"<div class=\"padding\">\n\n\t<form id=\"edit\" action=\"\/account\/uploadImage\/\" data-module=\"{{MODULE}}\">\n\n\t<input type=\"hidden\" id=\"w\" name=\"w\" value=\"\">\n\t<input type=\"hidden\" id=\"h\" name=\"h\" value=\"\">\n\t<input type=\"hidden\" id=\"x\" name=\"x\" value=\"0\">\n\t<input type=\"hidden\" id=\"y\" name=\"y\" value=\"0\">\n\t<input type=\"hidden\" id=\"scale\" name=\"scale\" value=\"0\">\n\t<input type=\"hidden\" id=\"image\" name=\"image\" value=\"\">\n\t<input type=\"hidden\" id=\"field\" name=\"field\" value=\"\">\n\t<input type=\"hidden\" id=\"id\" name=\"id\" value=\"\">\n\n\t<div class=\"alert alert_blue padding\">\n\tTo make sure your image displays properly on our site please use the tool below to crop and resize your picture. Use the slider at the bottom of the image to resize it and place the cropping box over the area of the picture you wish to display. When you are satisfied with your changes press the upload button.\n\t<\/div>\n\n\t<div class=\"text_center\">\n\n\t\t<div style=\"border: dashed 0px orange; display: inline-block;\">\n\t\t\t<div id=\"image_preview\" class=\"text_center\" style=\"width: px; height: px;\">\n\t\t\t\t<img src=\"\/temp\/\/_profile_image.png?v=395808616\" width=\"\" height=\"\" id=\"crop\" hspace=\"50\"><br>\n\t\t\t<\/div>\n\t\t\t<br>\n\t\t\t<div id=\"slider\" style=\"width: px;\"><\/div>\n\t\t<\/div>\n\t\t<br>\n\t\t<br>\n\n\t<\/div>\n\n\t\n\n\t<div class=\"padding\">\t\n\n\t\t\n\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col col_12_of_12 text_right\">\n\t\t\t\t<div class=\"btn btn_grey btn_large\" data-method=\"close\">Cancel<\/div>\n\t\t\t\t<div type=\"submit\" class=\"btn btn_maroon btn_large\" data-method=\"submit\"><i class=\"fa fa-upload\"><\/i>Upload my Image<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t<\/div>\n\n\t<\/form>\n\n<\/div>\n\n\n\n<script>\n\tvar image_original = {\n\t\twidth : ,\n\t\theight : ,\n\t\tratio :  \/ \n\t}\n\n\tvar image_active = {\n\t\twidth : ,\n\t\theight : ,\n\t\tratio :  \/ ,\n\t\tscale : 1,\n\t\tmarginTop : 0,\n\t\tmarginLeft: 0\n\t}\n\n\tvar image_thumbnail = {\n\t\twidth: ,\n\t\theight: ,\n\t\tmarginTop : 0,\n\t\tmarginLeft: 0\n\t}\n\n\tvar thumbnail = {\n\t\twidth : 300,\n\t\theight : 450,\n\t\tratio : 300 \/ 450,\n\t\tmarginTop: 0,\n\t\tmarginLeft: 0\n\t}\n\n\tvar coordinates = {};\n\tvar active_coordinates = {};\n\n$(function(){ \n\tresetCrop();\n\t\n\n\t$( \"#slider\" ).slider({\n\n      orientation: \"horizontal\",\n      \n      min: 100,\n      max: ,\n      value: ,\n      slide: slide\n    });\n\n    bindCrop();\n\n    \/\/jcrop_api.tellScaled();\n });\n\n<\/script>","data":false}]}