<STYLE TYPE='text/css'>
#loading{
display:none;
vertical-align:baseline;
position:relative;
left:0;
top:0;
width:100%;
height:100%;
z-index:1000;}
#loadingcontent{
position:relative;
left:20%;
top:35%;
width:50%;
height:50%;}
#loadingspinner{
vertical-align:baseline;
width: 50%;
text-align: center;
font-size:larger;} 
textarea { width: 100%; margin: 0; padding: 0; border-width: 1; }
.feedback-summary { width: 100%; margin: 0; padding: 0; border-width: 1; }
</STYLE>
<div id="loading">
<div id="loadingcontent">
<img id="loadingspinner" src="http://www.teamlead.ru/download/attachments/25591816/loader.gif?api=v2" alt="Loading"/>
</div>
</div>
<div id='feedback-main-div'>
<div id='feedback-error'></div>

<form class="aui" enctype='multipart/form-data' id='feedback-form' name='feedback-form' target='feedback-response' method='post' action='http://jira.teamlead.ru/plugins/servlet/feedback/create'>
<input type='hidden' name='form-index' id='form-index' value='13'/>
<div><select class="select" id='feedback-fix-version' name='feedback-fix-version'>
<option value='21821' selected >CRM for JIRA</option>
</select>
<div style='display:none;'><input type='text' 
id='feedback-language' name='feedback-language' 
class='feedback-language' placeholder='Выберите язык (en/ru)' 
value='en'/></div>
</div>
<br> <div><input class="text long-field" type='text' id='feedback-summary' name='feedback-summary' class='feedback-summary' placeholder='Topic' value=''/></div>
<br> <div><TEXTAREA class="textarea long-field" id='feedback-body' name='feedback-body' size='40' ROWS='5' placeholder='Details...'></TEXTAREA></div>
<br> <div>
<input class="text" type='text' id='feedback-email' name='feedback-email' placeholder='E-mail' size='38' value=''/>
<input class="text" type='file' id='feedback-attachment' name='feedback-attachment' size='38' /></div>
<br> <div align="left"> 
<input class="aui-button aui-button-primary" type='button' value=' Send Feedback ' onclick='addFeedback()'/>
</div>
</form></div>
<iframe id='feedback-response' name='feedback-response' frameborder='no' style='display: none' width='450' height='200'></iframe><div id='feedback-new-issue-div'><input type='button' id='feedback-new-issue-button' value='Create another one issue'></div><script type='text/javascript'>
jQuery(window).load(function()
{
   jQuery('#feedback-main-div').show();
   jQuery('#feedback-new-issue-div').hide();
   jQuery('#feedback-response').hide();
   jQuery('#feedback-new-issue-button').click(function ()
   {
    jQuery('#feedback-form')[0].reset();
    jQuery('#feedback-main-div').show();
    jQuery('#feedback-new-issue-div').hide();
    jQuery('#feedback-response').hide();
   });
});

function addFeedback() {
   var summary = jQuery('#feedback-summary').val();
   var email = jQuery('#feedback-email').val();
   if (summary == '' || email == '')
   {
    var message = '';
    if (summary == '')
    {
     message = message + '<div>Enter topic</div>';
    }
    if (email == '')
    {
     message = message + '<div>Enter E-mail</div>';
    }
    jQuery('#feedback-error').html(message);
    return false;
}
   jQuery('#feedback-error').html('');
   jQuery('#feedback-main-div').hide();
   jQuery('#loading').fadeIn();
   jQuery('#feedback-response').show();
   jQuery('#feedback-form').submit();
   jQuery('#feedback-response').on("load", function() {
   jQuery('#feedback-new-issue-div').show();
   jQuery('#loading').fadeOut();
}); 
   return false;
}
</script>