$(document).ready(function() { 
	 $('.feedback').click(function() {  
		 						if ($('#feedback').css('display') == 'block') {
		 							$('#feedback').remove();  
		 						} else {
		 							fb_init(); 
		 						}
		 						return false; 
		 						});    
});


function fb_init() {
	$('#feedback').remove();
	 
	var form = '';
	    form += '<div id="feedback">';
		form += '<a class="close" href="#" onclick="$(\'#feedback\').toggle(); return false;">x</a>';  
		form += '<form method="post" action="" id="feedbackForm" ENCTYPE = "multipart/form-data">'+  
				'<div class="formBody">';
		form += 	'<div class="radio">'+
						'<input id="v1" type="radio" checked="" value="bugs" name="reportType"/>'+
						'<label for="v1"> '+report.report_about_mistake+'</label>'+
					'</div>'+
					'<div class="radio">'+
						'<input id="v2" type="radio" value="comments" name="reportType"/>'+
						'<label for="v2"> '+report.leave_comment+'</label>'+
					'</div>'+
					'<div class="radio">'+ 
						'<input id="v3" type="radio" value="features" name="reportType"/>'+
						'<label for="v3"> '+report.give_an_idea+'</label>'+
					'</div>'+
					'<div class="radio">'+
						'<input id="v4" type="radio" value="business" name="reportType"/>'+
						'<label for="v4"> '+report.promoute+'</label>'+
					'</div>'+
					'<div id="whereText">'+report.input_desc_text+'</div>'+
					'<div class="cell">'+
						'<textarea id="bugtext" rows="8" cols="20" name="bugtext"/>'+
						'<p style="font-size: 10px; margin-bottom: 5px; font-weight: bold; color: rgb(153, 153, 153);">'+report.leave_your_email+'</p>'+  
					'</div>'+
						'<div id="fileUpload" class="cell none" >'+
							'<div class="floatLeft" style="width: 190px;">'+  
								'<input id="file" class="field" type="file"  name="file" style=""/>'+
							'</div>'+
						
						'</div>'+
						'<div class="removeFileContainer" id="removeFileContainer">'+
							'<a id="removeFile" href="#" style="display: inline;" onclick="toggleFeedback(\'#fileUpload,#removeFileContainer\'); toggleFeedback(\'#attachFile\'); return false;">x</a>'+      
						'</div>'+
						'<div class="clear"></div>'+  
//					'</div>'+
					
					'<div id="attachFile" class="cell pointer">'+
						'<a href="#" onclick=" toggleFeedback(\'#fileUpload,#removeFileContainer\');  toggleFeedback(\'#attachFile\'); return false;"' +    
												'>'+report.attach_file+'</a>'+      
					'</div>'+ 
					
					'<div class="cell">'+
						'<input id="submitButton" class="button220x30" type="submit" onclick="submitFeedback();return false;" value="'+report.send+'"/>'+ 
					'</div></div>';
		form += '</form>';
	    form += '</div>';
	  
	$('body').append(form);
	 
}

function submitFeedback() {
	$('#temporaryFrame').remove(); 
	var $iframe = '<iframe id="temporaryFrame" name="temporaryFrame" onload="updateForm()" style="width: 0px; height: 0px; border:0px;"></iframe>';
	$('body').append($iframe);
	$('#feedbackForm').attr('target','temporaryFrame');
	$('#feedbackForm').submit();
	
}

function updateForm() {	
	var ahref = '<a href="#" onclick="$(\'.feedback\').click();">OK</a>';      
	$('.formBody').html('<div style="text-align: center;">'+report.thnxs+'<br>'+ahref+'</div>');   
	//$('.formBody').html('Thnxs for help');
	//$('.formBody').append(ahref);  
	//$('#temporaryFrame').remove(); s
}


function toggleFeedback(selector) {
	
	if ($(selector).css('display') == 'block') {
		$(selector).css('display','none');
	} else {
		$(selector).css('display','block');
	}
}