
function initImage(i_objId, i_doMove, i_doCenter) {
    loadArtImage();
	image = document.getElementById(i_objId);
	image.style.visibility = "visible";
    doFadeIn(i_objId, i_doMove, i_doCenter);
}

function doFadeIn(i_objId, i_doMove, i_doCenter) {
    setArt(i_objId);
    var obj = document.getElementById(i_objId);
    setOpacity(obj, 0);
    if (i_doMove) {
        setRandomLocation(i_objId);
    }
    if (i_doCenter) {
        //centerObject(objId);
    }
    fadeIn(i_objId, 0);
    loadArtImage();
    setTimeout("doFadeOut('" + i_objId + "'," + i_doMove + "," + i_doCenter + ")", 5000);
}

function doFadeOut(i_objId, i_doMove, i_doCenter) {
    var obj = document.getElementById(i_objId);
    setOpacity(obj, 100);
    fadeOut(i_objId, 100);
    loadArtImage();
    setTimeout("doFadeIn('" + i_objId + "'," + i_doMove + "," + i_doCenter + ")", 2000);
}

function fadeIn(i_objId, i_opacity) {
    var obj = document.getElementById(i_objId);
    if (i_opacity <= 100) {
        setOpacity(obj, i_opacity);
        i_opacity += 10;
        window.setTimeout("fadeIn('" + i_objId + "'," + i_opacity + ")", 100);
    }
}

function fadeOut(i_objId, i_opacity) {
    var obj = document.getElementById(i_objId);
    if (i_opacity >= 0) {
        setOpacity(obj, i_opacity);
        i_opacity -= 10;
        window.setTimeout("fadeOut('" + i_objId + "'," + i_opacity + ")", 100);
    }
}

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

function findLivePageHeight(i_defaultHeight) {
    if (window.innerHeight) {
        return window.innerHeight;
    }
    if (document.body.clientHeight) {
        return document.body.clientHeight;
    }
    return i_defaultHeight;
}

function findLivePageWidth(i_defaultWidth) {
    if (window.innerWidth) {
        return window.innerWidth;
    }
    if (document.body.clientWidth) {
        return document.body.clientWidth;
    }
    return i_defaultWidth;
}

function setRandomLocation(i_objId) {
    var pageHeight = findLivePageHeight(300);
    var pageWidth = findLivePageWidth(600);
    var top = Math.random() * pageHeight * 0.3;
    var left = Math.random() * pageWidth * 0.5;
    var obj = document.getElementById(i_objId);
    obj.style.top = top + "px";
    obj.style.left = left + "px";
}

function centerObject(i_objId) {
    var pageWidth = findLivePageWidth(600);
    var obj = document.getElementById(i_objId);
    var left = (pageWidth - obj.width) / 2;
    //alert("pageWidth=" + pageWidth + "   objWidth=" + obj.width + "   left=" + left);
    obj.style.left = left + "px";
}
