function opacity(id, opacStart, opacEnd, millisec) {
		//speed for each frame
		var speed = Math.round(millisec / 100);
		var timer = 0;

		//determine the direction for the blending, if start and end are the same nothing happens
		if(opacStart > opacEnd) {
			for(i = opacStart; i >= opacEnd; i-- ) {
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		} else if(opacStart < opacEnd) {
			for(i = opacStart; i <= opacEnd; i++)
				{
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		}
	}

	//change the opacity for different browsers
	function changeOpac(opacity, id) {
		var object = document.getElementById(id).style;
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	} 
	
    var http_request = false;
	
	function fadein() {
		opacity('flickrgallery', 0, 100, 300);
	}

    function shuffle() {
		var shuffle = document.getElementById("shuffle");
		shuffle.id = 'shuffle2';

        http_request = false;
		
        if (window.XMLHttpRequest) { // Mozilla, Safari,...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
                // zu dieser Zeile siehe weiter unten
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Ende :( Kann keine XMLHTTP-Instanz erzeugen');
            return false;
        }
        http_request.onreadystatechange = alertInhalt;
        http_request.open('GET', 'http://www.roda-vision.de/flickr.php', true);
		opacity('flickrgallery', 100, 0, 300);
        http_request.send(null);
    }

    function alertInhalt() {
        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
				var out = http_request.responseText;
				var field = document.getElementById("flickrgallery");
				field.innerHTML = out;
				window.setTimeout("fadein()", 10);
				var shuffle2 = document.getElementById("shuffle2");
				shuffle2.id = 'shuffle';
			}
        }
    }