var index = 0;
		var quader = '';
		var glitterArray = new Array();
		var content_in = 0;
		var logo = 1;
		
		function getCss(cssLocation){
		  // CSS für IEs nachladen
		  if(document.createStyleSheet) document.createStyleSheet(cssLocation);
		    // CSS für Mozilla, Netscape, Opera nachladen
		  else{
		    var objStyle = document.createElement("style");
		    var objText = document.createTextNode("@import url("+cssLocation+") screen;");
		    objStyle.appendChild(objText);
		    document.getElementsByTagName("body")[0].appendChild(objStyle);
		  }
		}
		
		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, xd) {
			var object = document.getElementById(xd).style; 
			object.opacity = (opacity / 100);
			object.MozOpacity = (opacity / 100);
			object.KhtmlOpacity = (opacity / 100);
			object.filter = "alpha(opacity=" + opacity + ")";
		}
		
		function shiftOpacity(id, millisec) {
			//if an element is invisible, make it visible, else make it ivisible
			if(document.getElementById(id).style.opacity == 0) {
				opacity(id, 0, 100, millisec);
			} else {
				opacity(id, 100, 0, millisec);
			}
		}
		
		function blendimage(divid, imageid, imagefile, millisec) {
			var speed = Math.round(millisec / 100);
			var timer = 0;
			
			//set the current image as background
			document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
			
			//make image transparent
			changeOpac(0, imageid);
			
			//make new image
			document.getElementById(imageid).src = imagefile;
		
			//fade in image
			for(i = 0; i <= 100; i++) {
				setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
				timer++;
			}
		}
		
		function currentOpac(xd, opacEnd, millisec) {
			//standard opacity is 100
			var currentOpac = 100;
			
			//if the element has an opacity set, get it
			if(document.getElementById(xd).style.opacity < 100) {
				currentOpac = document.getElementById(xd).style.opacity * 100;
			}
		
			//call for the function that changes the opacity
			opacity(xd, currentOpac, opacEnd, millisec)
		}
		
		
		function start(images){
			this.getArray(images);
			for(var i = 1; i < 21; i++)
			{
				quader = 'a_' + i + '_iq';
				document.getElementById(quader).style.display = 'block';
				changeOpac(0, quader);				
			}
			var mainInterval = window.setInterval('showImage()',500);
		}
		
		

		
		
		function getArray(images){
			glitterArray = images.split(",");
		}
		
		function milk(milkimages){
			/*changeOpac(0,'content');*/
			//document.getElementById('content').style.visibility = 'hidden';
			milkArray = milkimages.split(",");
			for(var x = 0;x < milkArray.length; x++)
			{
				quader2 = 'a_' + milkArray[x] + '_oq';
				document.getElementById(quader2).style.backgroundColor = '#ffffff';
				changeOpac(50, quader2);
			}
		}

		function setImage(image,id){
			if(image.match(/.*,.*/))
			{
				var image_array = image.split(',');
				var id_array = id.split(',');
				for(var s = 0;s < id_array.length; s++)
					{
						quader3 = 'a_' + id_array[s] + '_iq';
						document.getElementById(quader3).style.backgroundImage = 'url(/fileadmin/templates/images/allover/'+ image_array[s] +')';
					}
			}
			else
			{
				quader3 = 'a_' + id + '_iq';
				document.getElementById(quader3).style.backgroundImage = 'url(/fileadmin/templates/images/allover/'+image+')';
			}
		}
		
		function setTitle(title,id,classe){
			if(id && classe){
			quader4 = 'a_' + id + '_oq';
			changeOpac(100, quader4);
			document.getElementById(quader4).innerHTML = '<div id="title" class="' + classe + '">' + title + '</div>';
			}
		}
		
		function showImage(){
				
				if(index == glitterArray.length)
					{
						window.clearInterval(this.mainInterval);
						if(content_in == 0)
						{
							/*shiftOpacity('content',200);*/
							document.getElementById('content').style.visibility = 'visible';
							content_in = 1;
						}
						
					}
				else
					{
						
						quader = 'a_' + glitterArray[index] + '_iq';
						shiftOpacity(quader,200);
						index = index+1;
					}
				 
			}
			
		function logoin(){
			//changeOpac(0,'logo');
		}