// Initialize fades
function init() {
    picArray = new Array('Stylish1');
    //fadeIn(picArray,0);
    fadeInPage(20);
}

// Fade out
function fadeOut(objArr,opacity, callback) {
    for (var i = 0; i < objArr.length; i++) {
		objId = objArr[i];
		obj = document.getElementById(objId);
		if (obj) {
			if (opacity > 0)
	    		setOpacity(obj, opacity, 1);
	    	}
    }
    opacity -= 34;
    if (opacity > 0)
		window.setTimeout("fadeOut(picArray,"+opacity+","+callback+")", 200);
	else
		window.setTimeout("finishChange("+callback+")", 1);
}

// Fade in
function fadeIn(objArr, opacity) {
    for (var i = 0; i < objArr.length; i++) {
		objId = objArr[i];
		obj = document.getElementById(objId);
		if (obj)
	    	setOpacity(obj, opacity, 1);
    }
    opacity += 25;
    if (opacity <= 100)
		window.setTimeout("fadeIn(picArray,"+opacity+")", 200);
}

function fadeInPage(opacity) {
    obj = document.getElementById("fadeDiv");
    if (opacity < 100) {
		setOpacity(obj, opacity, 0)
		opacity += 20;
		window.setTimeout("fadeInPage(" + opacity+ ")",20);
    }
    else {
		setOpacity(obj, 100, 0);
		obj.style.visibility = "visible";
     }
}

// Set appropriate opacity depending on browser
function setOpacity(obj, opacity, doIE) {
    opacity = (opacity == 100) ? 99.999:opacity;
	
    // IE/Win
    if (doIE)
        obj.style.filter = "alpha(opacity:"+opacity+")";
	
    // Safari<1.2, Konqueror
    obj.style.KHTMLOpacity = opacity/100;
	
    // Older Mozilla and Firefox
    // This doesn't work and makes the image completely disappear
    //obj.style.MozOpacity = (opaciy+0.1)/100;

    // Safari 1.2, newer Firefox and Mozilla, CSS3
    obj.style.opacity = opacity/100;
}