var ImgArray=new Array();

var Browser=GetBrowser();



function GetBrowser()

{

    var BrowserName=navigator.appName;

    var BrowserVersion=navigator.appVersion;

    var BrowserVersion=parseInt(BrowserVersion.substr(0,1));

    // wichtig: der ie 5.0, 5.5 und 6.0 meldet sich vorne immer mit 4.0 ... compatible

    // daher ist die versionsabfrage beim ie genauer noetig

    if(BrowserName=='Microsoft Internet Explorer')

    {

        if(BrowserVersion==4)

        {

            BrowserVersion=navigator.appVersion;

            BrowserVersion=parseInt(BrowserVersion.substr(22,1));

        }

    }



    if(BrowserName=='Netscape')

    {

        if(BrowserVersion==3)

            return 'NS3';

        else if(BrowserVersion==4)

            return 'NS4';

        else if(BrowserVersion==5) // netscape 6 ist netscape 5 bzw. mozilla 0.9x hat version 5.0

            return 'NS6';

        else

            return 'NS6';

    }

    else if(BrowserName=='Microsoft Internet Explorer')

    {

        if(BrowserVersion==3)

            return 'IE3';

        else if(BrowserVersion==4)

            return 'IE4';

        else if(BrowserVersion==5)

            return 'IE5';

        else if(BrowserVersion==6)

            return 'IE6';

        else if(BrowserVersion==7)

            return 'IE7';

        else

            return 'IE6';

    }

    else

        return 'IE6';

}



function AddImgArray(Img00,Img01) 

{

    this.Img00=new Image();

    this.Img00.src=Img00;

    this.Img01=new Image();

    this.Img01.src=Img01;

}



function MOv(ImgName)

{

    document[ImgName].src=ImgArray[ImgName].Img01.src;

}



function MOu(ImgName)

{

    document[ImgName].src=ImgArray[ImgName].Img00.src;

}



// abgleich mit der styledatei notwendig

function SwapImage(DivName,BildName,NewImage)

{

    document.images[BildName].src=NewImage;

}



function HideDiv(DivName)

{

    document.getElementById(DivName).style.visibility="hidden";

}



function ShowDiv(DivName)

{

    document.getElementById(DivName).style.visibility="visible";

}



function SetTransparenz(ID,Value)

{

    try

    {

        switch(Browser)

        {

            case 'NS3':

            break;

            case 'NS4':

                document.getElementById(ID).style.opacity = Value/10;

            break;

            case 'NS6':

                document.getElementById(ID).style.opacity = Value/10;

            break;

            case 'IE3':

            break;

            case 'IE4':

            break;

            case 'IE5':

                document.getElementById(ID).style.filter = 'alpha(opacity=' + Value*10 + ')';

            break;

            case 'IE6':

                document.getElementById(ID).style.filter = 'alpha(opacity=' + Value*10 + ')';

            break;

            case 'IE7':

                document.getElementById(ID).style.filter = 'alpha(opacity=' + Value*10 + ')';

            break;

            default:

                document.getElementById(ID).style.filter = 'alpha(opacity=' + Value*10 + ')';

            break;

        }

    }

    catch(e)

    {

        return;

    }

}



function FadeIn(ID,StartValue) 

{

    SetTransparenz(ID,10);

    for(i=0;i<=10;i++) 

    {

        setTimeout("SetTransparenz('" + ID + "'," + i + ")",100*(10-i));

    }

}



function FadeOut(ID,StartValue) 

{

    for(i=10;i>=0;i--) 

    {

        setTimeout("SetTransparenz('" + ID + "'," + i + ")",100*i);

    }

} 





function OpenNewWindow(WindowName,WebSiteLocation,WidthX,WidthY)

{

    ScreenWidth=screen.width;

    ScreenHeight=screen.height;

    PosX=(ScreenWidth/2)-(WidthX/2+5);

    PosY=(ScreenHeight/2)-(WidthY/2+10);

    WindowHandle=window.open(WebSiteLocation,WindowName,"width="+WidthX+",height="+WidthY+",status=no,scrollbars=no,resizeable=yes");

    WindowHandle.focus();

    window.WindowHandle.moveTo(PosX,PosY);

}

function OpenNewWindowScrolling(WindowName,WebSiteLocation,WidthX,WidthY)

{

    ScreenWidth=screen.width;

    ScreenHeight=screen.height;

    PosX=(ScreenWidth/2)-(WidthX/2+5);

    PosY=(ScreenHeight/2)-(WidthY/2+10);

    WindowHandle=window.open(WebSiteLocation,WindowName,"width="+WidthX+",height="+WidthY+",toolbar=1,scrollbars=yes");

    WindowHandle.focus();

    window.WindowHandle.moveTo(PosX,PosY);

}





function CookieWrite(n,w,e)

{

    var cookie = n+'='+w+'; path=/;';

    if (typeof(e) != "undefined")

    {

        var a = new Date();

        a = new Date(a.getTime() +e);

        cookie += ' expires='+a.toGMTString()+';';

    }

    document.cookie = cookie;

}

function CookieRead(name)

{

    var cookies = document.cookie.split("; ");

    for (var i=0; i<cookies.length; i++)

    {

        var parts = cookies[i].split("=");

        if (parts[0] == name)

        {

            return parts[1];

        }

    }

    return null;

}

function CookieDelete(n)
{
    document.cookie = n+'=; expires=Thu, 01-Jan-70 00:00:01 GMT;';
}

function FadeContent()
{
    if (CookieRead('FadeIt') == '' || CookieRead('FadeIt') != '1')
    {
        CookieDelete('FadeIt');
        CookieWrite('FadeIt','1');
        var xFactor=1000;
        ShowDiv('trans');
    }
    else
    {
        var xFactor=0.01;
        HideDiv('trans');
    }

    HideDiv('intro1');
    HideDiv('intro2');
    HideDiv('intro3');

    HideDiv('navlevel1');
    HideDiv('navlevel2');
    HideDiv('content');
    HideDiv('portlets');
    HideDiv('allwhite');

    ShowDiv('intro1');
    FadeIn('trans',0);

    setTimeout("FadeOut('trans',10)",2*xFactor);
    setTimeout("HideDiv('intro1');",4*xFactor);
    setTimeout("ShowDiv('intro2');",4*xFactor);
    setTimeout("FadeIn('trans',10)",4*xFactor);
    setTimeout("FadeOut('trans',10)",6*xFactor);
    setTimeout("HideDiv('intro2');",7*xFactor);
    setTimeout("ShowDiv('intro3');",7*xFactor);
    setTimeout("FadeIn('trans',10)",7.5*xFactor);

    setTimeout("HideDiv('intro3');",9.01*xFactor);
    setTimeout("ShowRest();",9*xFactor);
}

function ShowRest()
{
    ShowDiv('dieschornsteinfeger');
    ShowDiv('dieschornsteinfegerauswahl');
    ShowDiv('navlevel1');
    ShowDiv('navlevel2');
    ShowDiv('content');
    ShowDiv('portlets');
}

function SchorniMOver(id)
{
    document['schornsteinfegerauswahlmap'].src=ImgArray['p' + id + ''].Img01.src;
    var link = $('l' + id);
    link && link.addClassName('active');
}

function SchorniMOut(id)
{
    document['schornsteinfegerauswahlmap'].src=ImgArray['p' + id + ''].Img00.src;
    var link = $('l' + id);
    link && link.removeClassName('active');
}

ImgArray["p1"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_01.png");
ImgArray["p2"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_02.png");
ImgArray["p3"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_03.png");
ImgArray["p4"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_04.png");
ImgArray["p5"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_05.png");
ImgArray["p6"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_06.png");
ImgArray["p7"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_07.png");
ImgArray["p8"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_08.png");
ImgArray["p9"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_09.png");
ImgArray["p10"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_10.png");
ImgArray["p11"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_11.png");
ImgArray["p12"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_12.png");
ImgArray["p13"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_13.png");
ImgArray["p14"]=new AddImgArray("fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_00.png","fileadmin/templates/p/die_schornsteinfeger_auswahl_imagemap_14.png");

Event.observe(window, 'load', function() {
    var form_container = $('emergency_form');
    if (form_container)
    {
        // display labels as default contents for the particular form elements
        // this strongly depends on the order in which the events are fired, i.e.
        // "click"-event submit button -> onsubmit handler of the form -> "submit" event listener
        // in case this doesn't work in IE or another browser, we're toast
        
        // clean default and whitespace contents on the submit click
        Event.observe($('emergency_form').parentNode.elements['formtype_mail'], "click", function() {
            var elements = this.form.elements;
            for (i=0; i<elements.length; i++)
            {
                if ((fields[i].tagName != "INPUT" &&
                     fields[i].tagName != "TEXTAREA") ||
                     fields[i].type && (fields[i].type == 'submit' || fields[i].type == 'hidden'))
                    continue;
                if (elements[i].value == elements[i].title || elements[i].value.match(/^\s*$/))
                {
                    elements[i].value = "";
                }
            }
        });
        
        // since we clean the "default" contents of all fields on submit, we fill the default contents
        // back into the form in case the form did not validate (so the user has again the possibility
        // to see where he should input stuff)
        Event.observe($('emergency_form').parentNode, "submit", function() {
            var fields = this.elements;
            for (var i=0; i<fields.length; i++)
            {
                if ((fields[i].tagName != "INPUT" &&
                     fields[i].tagName != "TEXTAREA") ||
                     fields[i].type && (fields[i].type == 'submit' || fields[i].type == 'hidden'))
                    continue;
        
                if (fields[i].value != "")
                    continue;
                
                fields[i].value = fields[i].title;
            }
        });
        
        // initially "save" the default values to the "title" attributes of the form elements
        // I'd really like to render the title attributes right in typo3, but this isn't possible
        var fields = $('emergency_form').parentNode.elements;
        for (var i=0; i<fields.length; i++)
        {
            if ((fields[i].tagName != "INPUT" &&
                 fields[i].tagName != "TEXTAREA") ||
                 fields[i].type && (fields[i].type == 'submit' || fields[i].type == 'hidden'))
                continue;
    
            if (fields[i].value == "")
                continue;
            
            // remember the original value
            fields[i].title = fields[i].value;
    
            Event.observe(fields[i], "focus", function() {
                if (this.value == this.title)
                {
                    this.value = "";
                }
            });
            Event.observe(fields[i], "blur", function() {
                if (this.value == "")
                {
                    this.value = this.title;
                }
            });
        }
    }
    //FadeContent();
});