function toggle( el ){
	for (i=1;i<=4;i++)
	{
		if ('p'+i != el)
		{
			 document.getElementById('p'+i).style.display = 'none';
			 document.getElementById('p'+i).style.visibility = 'hidden';
			 document.getElementById('up'+i).innerHTML = "<a href='#' onClick='toggle(&#39;p"+i+"&#39;)'>mehr Infos</a>";
		}
	}
	var elt = el;	
	el = ""+el;
	var elu =  "u"+el;
	if( typeof( el ) == 'string' ){
  		el = document.getElementById(el);
		elu = document.getElementById(elu);
  	}
	if (el.style.display != 'block')
	{ 
		el.style.display = 'block';
		el.style.visibility = 'visible';
		elu.innerHTML = "<a onClick='toggle(&#39;"+elt+"&#39;)' style='cursor:pointer;' title='Informationen ausblenden'>ausblenden</a>";
		var wert = 0
		setTimeout(function () { hshow(el,wert) }, 1);
	}
	else
	{
		elu.innerHTML = "<a onClick='toggle(&#39;"+elt+"&#39;)' style='cursor:pointer;' title='Informationen ausblenden'>mehr Infos</a>";
		var wert = 90
		setTimeout(function () { hhide(el,wert) }, 1);
	}
  }

  function hshow(el,wert){
  	wert = wert + 5;
	el.style.opacity = (wert / 100);
	el.style.MozOpacity = (wert / 100);
	el.style.KhtmlOpacity = (wert / 100);
	el.style.filter = 'alpha(opacity=' + wert + ')';
	if (wert < 90)
	{
		setTimeout(function () { hshow(el,wert) }, 1);
	}
  }

  function hhide(el,wert){
  	wert = wert - 5;
	el.style.opacity = (wert / 100);
	el.style.MozOpacity = (wert / 100);
	el.style.KhtmlOpacity = (wert / 100);
	el.style.filter = 'alpha(opacity=' + wert + ')';
	if (wert > 0)
	{
		setTimeout(function () { hhide(el,wert) }, 1);
	}
	else
	{
		el.style.display = 'none';
		el.style.visibility = 'hidden';
	}
  }

function jsPicPreload(pict,i)
{
	//if (i < 20){alert(i);}
	document.Vorladen = new Array();
	var pics = pict.split(",")
	var loadedImages = 0;
	var totalImages = 0;
	var pictag = [];
	if (i < pics.length)
	{
		pictag[i] = new Image();
		pictag[i].src = pics[i];
		//document.getElementById('preload').innerHTML = 'Lade Bild ('+pics[i]+')'+(i+1)+' von '+pics.length+' ...';
		var prozent = i/(pics.length/100);
		var n_stelle = 2;
		n_stelle = (n_stelle == "" || n_stelle == 0 ? 1 : Math.pow(10,n_stelle));
		prozent = Math.round(prozent * n_stelle) / n_stelle;
		document.getElementById('preload').innerHTML = 'Lade Bilder '+prozent+' % geladen...<img src='+pics[i]+' width="1" height="1">';
		if (pictag[i].complete == false)
		{
			//if (i < 20){alert(pictag[i].complete+" - "+i+" - "+pics[i]);}
			setTimeout(function () { jsWait(pict,i) }, 1);
		}
		else
		{
			i++;
			jsPicPreload(pict,i)
		}
	}
	else
	{
		document.getElementById('preload').innerHTML = 'Bilder fertig geladen';
		setTimeout(function () { hhide(document.getElementById('preload'),100) }, 1000);
	}
}

function jsWait(pict,i)
{
	jsPicPreload(pict,i)
}

//############   AJAX Preloader ############
function jsPreload()
{
	var Version = navigator.appVersion
  //if(Version.indexOf("msie 6") != -1)
  //{
	  xmlHttp=GetXmlHttpObject();
	  if (xmlHttp==null)
	  {
		alert ("Sorry dein Browser unterstützt kein AJAX. Du kannst die Menge auf 0 setzen, dann werden die Artikel auch gelöscht!");
		return;
	  }
	  vRdm = 1 + 120486*(Math.random());
	  vRdm = Math.round(vRdm);
	  var url="pic_preloader.asp";
	  url=url+"?&rdm="+vRdm;
	  //alert(url);
	  xmlHttp.onreadystatechange=stateChanged;
	  xmlHttp.open("GET",url,true);
	  xmlHttp.send(null);
	//}
}

function stateChanged() 
{ 
  if (xmlHttp.readyState==4)
  { 
	if (xmlHttp.responseText != "NEIN")
    {
		//alert(xmlHttp.responseText);
		jsPicPreload(xmlHttp.responseText,0);
    }
  }
}

function GetXmlHttpObject()
{
  var xmlHttp=null;
  try
  {
  // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
  }
  catch (e)
  {
  // Internet Explorer
    try
    {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
  return xmlHttp;
}