﻿/* Fade in and out for thumbnails */
    		
    		var p_fade = function(element, mode, type, stop, number) {
    			clearInterval(element.interval);
    			
    			switch(mode) {
    				case 'slow' : var speed = 75; break;
    				case 'fast' : var speed = 25; break;
    				case 'normal' : default: var speed = 50; break;
    			}

    			if(number == 0) {
    				element.interval = (type == 'in') ? setInterval(function() { fadeIn(element); }, speed) : setInterval(function() { fadeOut(element); }, speed);
    			} else {
	    			setTimeout(function() {
	    				element.interval = (type == 'in') ? setInterval(function() { fadeIn(element); }, speed) : setInterval(function() { fadeOut(element); }, speed);
	    			}, number * 30);
    			}
    			
    			function fadeIn(element) {
    				var value = parseFloat(element.style.opacity) + 0.1;
    				if(value <= stop) {
    					p_opacity(element, value);
    				} else {
    					clearInterval(element.interval);
    				}
    			}

    			function fadeOut(element) {
    				var value = parseFloat(element.style.opacity) - 0.1;
    				if(value >= stop) {
    					p_opacity(element, value);
    				} else {
    					clearInterval(element.interval);
    				}
    			}
    		};

    		var p_opacity = function(element, value) {
				element.style.opacity = value;
				element.style.MozOpacity = value;
				element.style.KhtmlOpacity = value;
				element.style.filter = 'alpha(opacity=' + value * 100 + ')';
		    };
			
    		/* Set width of ImageWall to browser width */
    		
    		var imageWallWidth = document.getElementById('imagewall-container').offsetWidth;
    		document.getElementById('imagewall').style.width = imageWallWidth + 'px';
			
			/* Init opacity for thumbnails */
			
			var image_tags = document.getElementById('imagewall-container').getElementsByTagName('img');
			for(var i = 0; i < image_tags.length; i++) p_opacity(image_tags[i], (typeof image_tags[i].completed == 'undefined') ? 0 : 1);

