$(document).ready(function() {
    
	var dropZone = $('#dropZone'),
	maxFileSize = 2000000; 
    
	if (typeof(window.FileReader) == 'undefined') {
		dropZone.text('Не поддерживается браузером!');
        	dropZone.addClass('error');
    	};
    
    	dropZone[0].ondragover = function() {
        	dropZone.addClass('hover');
        	return false;
    	};
    
    	dropZone[0].ondragleave = function() {
        	dropZone.removeClass('hover');
        	return false;
    	};
    
    	dropZone[0].ondrop = function(event) {
        	event.preventDefault();
        	dropZone.removeClass('hover');
        	dropZone.addClass('drop');
        
        var file = event.dataTransfer.files[0];
        
        if (file.size > maxFileSize) {
        	dropZone.text('Файл слишком большой!');
        	dropZone.addClass('error');
        	return false;
        };
        
        var xhr = new XMLHttpRequest();
        xhr.upload.addEventListener('progress', uploadProgress, false);
        xhr.onreadystatechange = stateChange;
        xhr.open('POST', 'ui/ui-upload/upload.php');
	xhr.setRequestHeader('X-FILE-NAME', 'file.name');
        var fd = new FormData
	fd.append("file", file)
	xhr.send(fd)
    };
    
    	function uploadProgress(event) {
        	var percent = parseInt(event.loaded / event.total * 100);
    	};
    
	function stateChange(event) {
        	if (event.target.readyState == 4) {
            		if (event.target.status == 200) {
                		
            		} else {
                		dropZone.text('Произошла ошибка!');
                		dropZone.addClass('error');
        		};
        	};
    	};
});