/* $Rev: 239 $ $LastChangedDate: 2007-07-11 21:14:55 +0200 (Wed, 11 Jul 2007) $ */

var el = null;
var img_src = null;

function loadImages ()
{
    function overHandler(e)
    {
        if (e)
        {
            if (!e.target)
            {
                el = e.srcElement;
            }
            else
            {
                el = e.target;
            }

            if (el != null)
            {
				
                img_src = el.src;
                el.src = img_src.substring(0, img_src.length - 5) + "b" + img_src.substring(img_src.length - 4, img_src.length);
            }
        }
    }

    function outHandler(e)
    {
        if (el != null)
        {
            el.src = img_src;
            img_src = null;
            el = null;
        }
    }

    var i;
    var root_el = null;
    var img_obj = document.getElementsByTagName("IMG");
    var img_len = img_obj.length;

    var imgsrc = null;

    if ((root_el = document.getElementsByTagName("body")[0]) != null && root_el.hasChildNodes())
    {
        var c = 0;
        var img_src = null;
	
        var n = root_el.childNodes;
        var nl = n.length;

        for (i = 0; i < nl; i++)
        {
            if (n[i].nodeType == 1)
                n[i].style.visibility = "hidden";
        }

        var leftpos = 250;
        var flen = 400;

        var show_element1 = document.createElement("IMG");
        show_element1.src = "images/turbin_hjul.gif";
        show_element1.style.position = "absolute";
        show_element1.style.top = "150px";
        show_element1.style.left = Math.floor(leftpos + flen/2 - 25) + "px";
        show_element1.style.width = "50px";
        show_element1.style.height = "50px";

        var show_element2 = document.createElement("DIV");
        show_element2.style.position = "absolute";
        show_element2.style.top = "220px";
        show_element2.style.left = leftpos + "px";
        show_element2.style.width = "50px";
        show_element2.style.height = "20px";
        show_element2.style.backgroundColor = "#58b7cf";

        root_el.appendChild(show_element1);
        root_el.appendChild(show_element2);

        var il = img_obj.length;
        var delta = flen / il;
        var len = 0;
        for (i = 0; i < il; i++)
        {
            imgsrc = img_obj[i].src;

            len = Math.floor(20 + (i * delta));
            show_element2.style.width = len + "px";

            (new Image()).src = imgsrc;

            if (imgsrc != null && imgsrc.substring(imgsrc.length - 5, imgsrc.length - 4) == "a")
            {
                (new Image()).src = imgsrc.substring(0, imgsrc.length - 5) + "b" + imgsrc.substring(imgsrc.length - 4, imgsrc.length);
	
                if (img_obj[i].addEventListener)
                {
                    img_obj[i].addEventListener("mouseover", overHandler, false);
                    img_obj[i].addEventListener("mouseout", outHandler, false);
                    img_obj[i].addEventListener("click", outHandler, false);
                }
                else if (img_obj[i].attachEvent)
                {
                    img_obj[i].attachEvent("onmouseover", overHandler);
                    img_obj[i].attachEvent("onmouseout", outHandler);
                    img_obj[i].attachEvent("onclick", outHandler);
                }
            }
        }

        root_el.removeChild(show_element1);
        show_element1 = null;
        root_el.removeChild(show_element2);
        show_element2 = null;

        child_el = root_el.firstChild;

        for (i = 0; i < nl; i++)
        {
            if (n[i].nodeType == 1)
                n[i].style.visibility = "visible";
        }
    }
}