/* Number of increments to use when resizing */
var steps = 10;

/* Holds the DOM reference to the image */
var display;

function init()
{
	display = document.getElementById('display');

}


function changeImage(url) {
    	   newb = new Image();
         newb.onLoad = imageLoaded(url);
         newb.src = url;
}



function imageLoaded(name){
         initSlide();
}

function initSlide()
{
	slide(40, 1);
}

function slide(opacity, tally_steps)
{
	if (tally_steps != steps) { 
		tally_steps++;
		setOpacity(opacity)
		opacity -= 100/steps;
		window.setTimeout("slide("+opacity+","+tally_steps+")", 20);
	} else { 
		display.style.backgroundImage = "url(pattern.php?n="+newb.src+")";
            //display.style.backgroundImage = ImageObj;
		setOpacity(0);
		fadeIn(10);
	}
}

function setOpacity(opacity) 
{
	opacity = (opacity == 100)?99.999:opacity;
 
	// IE/Win
	display.style.filter = "alpha(opacity:"+opacity+")";
 
	// Safari<1.2, Konqueror
	display.style.KHTMLOpacity = opacity/100;
 
	// Older Mozilla and Firefox
	display.style.MozOpacity = opacity/100;
  
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	display.style.opacity = opacity/100;
}

function fadeIn(opacity) 
{
	if (opacity <= 100) 
	{
		setOpacity(opacity);
		opacity += 5;
		window.setTimeout("fadeIn("+opacity+")", 20);
	}
}


function fadeOut(opacity) 
{
	if (opacity <= 100) 
	{
		setOpacity(opacity);
		opacity -= 5;
		window.setTimeout("fadeOut("+opacity+")", 20);
	}
}