var fader_value_x=0;
var fader_value_y=0;
var fader_w=0;
var fader_h=0;
var fader_name="";
var fader_schritte=10;
var fader_time=20;
var fader_schrittweite_x=0;
var fader_schrittweite_y=0;
var breaker=false;

var Bild;
var win;
function showimage(bild)
{
	Bild = new Image();
	Bild.src=bild;
	var breite=Bild.width+20;
	var hoehe=Bild.height+20;
	if(breite==20) { breite=450; }
	if(hoehe==20)  { hoehe=550; }
	var parameter="toolbar=no,directories=no,menubar=no,status=no,location=no,resizable=yes,width="+breite+",height="+hoehe;
	win = window.open(bild,"BabyoMeter",parameter);
	win.moveTo(10,10);
	//setTimeout("resizeWindow(win, Bild)", 1000);

	Bild.onload = function ()
	{
		resizeWindow(win, Bild);
	};

	win.focus();
	//return false;
}

function resizeWindow(win, Bild)
{
	var breite=Bild.width+50;
	var hoehe=Bild.height+100;
	//if(breite==20) { breite=450; }
	//if(hoehe==20)  { hoehe=550; }

	if (parseInt(navigator.appVersion)>3)
	{
    	if (navigator.appName=="Netscape")
    	{
		    win.outerWidth  = breite;
    		win.outerHeight = hoehe;
   		}
   		else
   		{
   			win.resizeTo(breite, hoehe);
 		}
 	}
	win.focus();
}


//Ab hier kommt der neue Fader

function showimage_ANDERE_VERSION_MIT_FADER(url)
{
	breaker=true;
	document.getElementById("picturearea").style.visibility = "hidden";
	document.getElementById("loadingarea").style.visibility = "visible"
	window.document.images.bildanzeige.width=1;
	window.document.images.bildanzeige.height=1;
	document.getElementById("picturearea").style.width=1;
	document.getElementById("picturearea").style.height=1;

	window.document.images.bildanzeige.src="http://www.baby-o-meter.de/gif/rot.gif";

	newImage = new Image();

	newImage.onload = function ()
	{
		getHeightWidth( newImage );
	};

	newImage.src = url;

	//getHeightWidth( newImage );
		//wird das ausgeloest geht das Skript gleich durch bei allen
		//Browsern die vorab die Bildgroesse ermitteln koennen (ggf bei Safari nötig???-->testen!!!)
}


function getHeightWidth( newImage )
{
	if (newImage.alreadyLoaded || newImage.width == 0)
	{
		return true;
	}
	breite = newImage.width;
	hoehe = newImage.height;
	newImage.alreadyLoaded = true;
	//alert(breite + ":" + hoehe);
	//document.getElementById("picturearea").appendChild( newImage );

	ratio = breite/hoehe;
	if(breite>800)
	{

		breite=800;
		hoehe=breite/ratio;
	}

	if(hoehe>800)
	{
		hoehe=800;
		breite=hoehe*ratio;
	}

	fader(breite, hoehe);
}


function fader(w, h)
{
	fader_w=w;
	fader_h=h;
	fader_schrittweite_x=Math.round(fader_w/fader_schritte);
	fader_schrittweite_y=Math.round(fader_h/fader_schritte);
	//fader_name=name;
	//window.document.bild     = new Image();
	//window.document.bild.src = fader_name;
	window.document.images.bildanzeige.width=1;
	window.document.images.bildanzeige.height=1;
	window.document.images.bildanzeige.src=newImage.src;
	breaker=false;
	document.getElementById("loadingarea").style.visibility = "hidden"
	document.getElementById("picturearea").style.visibility = "visible";

//x=0;
//y=1 + 3*(Math.random());
//z=1 + 3*(Math.random());
	fader_loop();
}

function fader_loop()
{
	if(	breaker==true)
	{
		return;
	}

//pos_x = 1 + 100*(Math.random());
//pos_x = Math.round(pos_x);
//pos_y = 1 + 100*(Math.random());
//pos_y = Math.round(pos_y);

//x=x+1;
//pos_x = (x+y)*x+3+y;
//pos_x = Math.round(pos_x);
//pos_y = (y+x)*z+3*x;
//pos_y = Math.round(pos_y);

//	document.getElementById("picturearea").style.left=pos_x;
//	document.getElementById("picturearea").style.top=pos_y;

	document.getElementById("picturearea").style.width=fader_value_x;
	document.getElementById("picturearea").style.height=fader_value_y;

	window.document.images.bildanzeige.width=fader_value_x;
	window.document.images.bildanzeige.height=fader_value_y;

	if(fader_value_x <= fader_w)
	{
		fader_value_x = fader_value_x+fader_schrittweite_x;
	}
	else
	{
		fader_value_x = fader_w;
	}

	if(fader_value_y <= fader_h)
	{
		fader_value_y = fader_value_y+fader_schrittweite_y;
	}
	else
	{
		fader_value_y = fader_h;
	}

	if(fader_value_x < fader_w || fader_value_y < fader_h)
	{
		setTimeout("fader_loop();", fader_time);
	}
	else
	{
		fader_value_x=0;
		fader_value_y=0;

		//window.document.images.bildanzeige.src=window.document.bild.src;
		window.document.images.bildanzeige.width=fader_w;
		window.document.images.bildanzeige.height=fader_h;
	}
}

function hidefader()
{
	 document.getElementById("picturearea").style.visibility = "hidden";
}