new AjaxUpload('uploadImages', {
	action: 'upload.php',
	autoSubmit: true,
	onSubmit: function(file, extension) {
		if (!(extension && /^(jpg|png|jpeg|gif)$/i.test(extension))) {
			alert('Fejl: Du har valgt en filtype der ikke er tilladt');
			return false;
		} else {
			$('#uploadImages').hide();
			$('.ajaxLoader').show();
			$('.browseImagesText').text('Uploader det valgte billede');
		}
	},
	onComplete: function(file, response) {
		if(parseInt(response) == 100) {
			alert('Fejl: Du har valgt en filtype der ikke er tilladt');
		} else if(parseInt(response) == 200) {
			alert('Fejl: Ukendt');
		} else {
			$('.ajaxLoader').hide();
			$('#uploadImages').show();
			$('.browseImagesText').text('Vælg de billeder du ønsker at uploade');
			var	$myNewImage = $('<li><img src="uploads/thumbs/' + file + '" alt="" /></li>');
				$myNewImage.children('img').hide();
				$myNewImage.rightClick(function(e) {
				    	
				    var imageName = $(this).children('img').attr('id');
				    	
				    $('body').find('.rightClickContainer').html('<div class="rightClickMenu"><div class="rightClickMenuTop"></div><div class="rightClickMenuMiddle"><div class="rightClickMenuContent"><ul class="rightClickMenuContentUl"><li class="rightClickMenuContentLi"><div class="rightClickMenuContentDiv" style="overflow:hidden;position:relative;top:-3px;">' + file + '</div></li></ul><div class="splitter"></div><ul class="rightClickMenuContentUl"><li class="rightClickMenuContentLi"><a href="#" class="rightClickMenuContentA">Marker billede</a></li><li class="rightClickMenuContentLi"><a href="#" class="rightClickMenuContentA">Slet billede</a></li></ul></div></div><div class="rightClickMenuBottom"></div></div>');
				    	
				    $('.rightClickMenu, .rightClickMenuTop, .rightClickMenuMiddle, .rightClickMenuBottom, .rightClickMenuContent').noContext();
			
				    var windowWidth = $(window).width();
				    var mousePositionY = e.pageY - 8;
				    var mousePositionX = e.pageX - 8;
			
				    if(mousePositionX + 178 > windowWidth) {
				    	$('.rightClickMenu').css({ top: mousePositionY + 'px', left: mousePositionX-164 + 'px' });
				    } else {
				    	$('.rightClickMenu').css({ top: mousePositionY + 'px', left: mousePositionX + 'px' });
				    }
				
				});
			
			$myNewImage.prependTo('.uploadedImages');
			$myNewImage.children('img').showhide({ appear:true });
			
			$('.uploadedImages li').each(function() {
				var indexNumber = $(this).index();
				$(this).children('img').attr('id', 'image_' + indexNumber);
			});
		}
	}
});