window.addEvent('domready', function() {
    
    
    /* progress bar */
    var progressBar = new dwProgressBar({
        container: $('progress_bar'),
        startPercentage: 0,
        speed:300,
        boxID: 'box',
        percentageID: 'perc',
        displayID: '',
        displayText: false
    });
    
    /* preloading */
    if ($('project') != null) {
        var documentId = $('project').getElement('h2').getProperty('id');
        var imageContainer = $('project');
    } else {
        var documentId = 2;
        var imageContainer = $('about');
    }
    var imagesRequest = new Request({
        url: "/requestImages.php",
        onSuccess: function(responseText) {
            var frameImages = responseText.split(",");
            
            if(window.opera) {
                var counter = 0;
                for(src=0;src<frameImages.length;src++) {
                    var image = new Image();
                    image.src = frameImages[src];
                    image.onload = counter++;
                    progressBar.set((counter + 1) * (100 / frameImages.length));
                    if (counter == frameImages.length) {
                        var projectFade = function () {
                            imageContainer.set('tween', {duration: 3000});
                            imageContainer.set('opacity', 0);
                            imageContainer.tween('opacity', 1.0);
                        }
                        projectFade.delay(500);
                    }
                }
            } else {  
                var loader = new Asset.images(frameImages, {
                    onProgress: function(counter,index) {
                        progressBar.set((counter + 1) * (100 / frameImages.length));
                    },
                    onComplete: function() {
                        var projectFade = function () {
                            imageContainer.set('tween', {duration: 3000});
                            imageContainer.set('opacity', 0);
                            imageContainer.tween('opacity', 1.0);
                        }
                        projectFade.delay(500);
                    }
                });
            }
        }
    }).post('/requestImages.php?document_id='+documentId);


});