/*
 * Javascript für Bildewechsel der Appartment-Übersichts-Seite
 * (C) 2007 Dr. Jürgen Vollmer <www.informatik-vollmer.de>
 * $Id: apartments.js,v 1.12 2007/10/19 21:31:53 vollmer Exp $
 */
window.addEventListener?window.addEventListener("load",apartment_init,false):window.attachEvent("onload",apartment_init);

var apartment_bilder   = new Array();
var apartment_names    = new Array("altstadt-studio",
				   "am-schlossberg",
				   "city-domicil",
				   "stadt-atelier");
var apartment_counter         = apartment_names.length-1;
var apartment_geschwindigkeit = 200;

var apartment;

function apartment_init()
{
    if(!document.getElementById) return;

    // MSIE?
    ismsie = (navigator.userAgent.indexOf("MSIE") > 0);

    for (i = 0; i < apartment_names.length; i++) {
	container = document.getElementById(apartment_names[i]);
	bild                     = container.getElementsByTagName("img")[0];
	bild.style.display       = "block";
	bild.xOpacity            = .99;
	bild.style.position      = "absolute";
	if (!ismsie) {
	    bild.style.paddingLeft   = "25px";
	}
	if (window.opera) {
	    bild.style.paddingLeft   = "15px";
	}
	bild.style.left          = 0;  /* needed by for MS-IE */
	container.second         = bild;

	bild                     = new Image();
	bild.src                 = apartment_names[i] + "/start-bild-002.jpg";
	bild.xOpacity            = 0;
	bild.style.display       = "none";
	bild.style.position      = "absolute";
	bild.style.left          = 0; /* needed by for MS-IE */
	if (!ismsie) {
	    bild.style.paddingLeft   = "25px";
	}
	if (window.opera) {
	    bild.style.paddingLeft   = "15px";
	}
	container.first          = bild;
	container.appendChild(bild);

	container.height    = 154;
	container.width     = 205;

	apartment_bilder[i] = container;
    }

    apartment_counter = 0;
    apartment         = apartment_bilder[apartment_counter];
    setTimeout(apartment_xfade, apartment_geschwindigkeit);
}

function apartment_xfade()
{
    o1 = apartment_bilder[apartment_counter].first.xOpacity;
    o2 = apartment_bilder[apartment_counter].second.xOpacity;

    o1 -= .05;
    o2 += .05;

    apartment_bilder[apartment_counter].second.style.display = "block";

    apartment_bilder[apartment_counter].first.xOpacity  = o1;
    apartment_bilder[apartment_counter].second.xOpacity = o2;

    /* das scheint für MS IE manchmal nötig zu sein...... */
    apartment_bilder[apartment_counter].second.height = apartment_bilder[apartment_counter].height;

    apartment_bilder[apartment_counter].second.width = apartment_bilder[apartment_counter].width;


    setOpacity(apartment_bilder[apartment_counter].first);
    setOpacity(apartment_bilder[apartment_counter].second);

    if(o1 <= 0) {
	apartment_bilder[apartment_counter].first.style.display = "none";
	setTimeout(apartment_xfade,apartment_geschwindigkeit);

        apartment_counter = (apartment_counter + 1) % apartment_names.length;
	t = apartment_bilder[apartment_counter].first;
	apartment_bilder[apartment_counter].first  = apartment_bilder[apartment_counter].second;
	apartment_bilder[apartment_counter].second = t;


    } else {
        setTimeout(apartment_xfade,50);
    }

    function setOpacity(obj) {
        if(obj.xOpacity>.99) {
            obj.xOpacity = .99;
            return;
        }
        obj.style.opacity = obj.xOpacity;
        obj.style.MozOpacity = obj.xOpacity;
        obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
    }
}


