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);
            });
        }
    }
});