// --------------------------------------------------
// Parameter
// --------------------------------------------------

var vADInterval;
var vADList     = new Array();
var vADSets     = new Array();
var vCurrentAD  = 0;
var vCurrentSet = 0;
var vIndex      = 0;
var vADHeight   = 250;
     
// --------------------------------------------------
// Erstellt ein neues Bannerset
// --------------------------------------------------

    function setADSize(rows)
    {
        var element;
        
        vADHeight = rows * 70 + ((rows + 1) * 10);
        element   = document.getElementById("werbung");
        element.style.height = vADHeight;
    }
     
// --------------------------------------------------
// Erstellt ein neues Bannerset
// --------------------------------------------------

    function createBannerSet()
    {
        vADList     = new Array();
        vCurrentSet = vADSets.length;
        
        vADSets.push(vADList);
    }
    
// --------------------------------------------------
// Entfernt alle Banner dieses Sets
// --------------------------------------------------

    function removeBannerSet()
    {
        var link;
        
        for(var i=0; i < vADList.length; i++)
        {
            link = vADList[i].link;
            link.parentNode.removeChild(link);
        }
    }
      
// --------------------------------------------------
// Wechselt die Banner dieses Sets aus
// --------------------------------------------------

    function switchBannerSet(no)
    {
        if(no != vCurrentSet)
        {
            removeBannerSet();
            vCurrentAD  = 0;
            showBannerSet(no);
        }
    }
    
// --------------------------------------------------
// Zeigt die Banner der aktuellen Liste
// --------------------------------------------------

    function showBannerSet(no)
    {
        var content;
             
        vADList     = vADSets[no];
        vCurrentSet = no;
        
        content = document.getElementById("special1");
        content.style.display = "none";
        content = document.getElementById("special2"); 
        content.style.display = "none";
          
        for(var i=0; i < vADList.length; i++)
        {
            switch(vADList[i].id)
            {
                case "S1":
                case "S2": 
                {
                    content = document.getElementById("special1");
                    content.style.display = "";
                    break;
                }
                case "S3":
                case "S4":
                {
                    content = document.getElementById("special2");
                    content.style.display = "";
                    break;
                }
                default:   content = document.getElementById("werbung");  break;
            }
            
            content.appendChild(vADList[i].link);
        }
    }
    
// --------------------------------------------------
// Startet Auto-Bannerwechsel
// --------------------------------------------------

    function startBannerSwitch()
    {
        vADInterval = window.setInterval("switchAD()",4000);
    }

// --------------------------------------------------
// Beendet Auto-Bannerwechsel
// --------------------------------------------------

    function stopBannerSwitch()
    {
        window.clearInterval(vADInterval);
    }
        
// --------------------------------------------------
// Zentrieren
// --------------------------------------------------

    function center()
    {
        var content,x,y;
        
        x = (document.body.clientWidth  - 1018)   / 2;
        y = (document.body.clientHeight - (330 + vADHeight))  / 2;
        
        if(x < 0) x = 0;
        if(y < 0) y = 3;
        
        content = document.getElementById("content");
        content.style.left = x;
        content.style.top  = y;
    }
   
// --------------------------------------------------
// Zentrieren
// --------------------------------------------------

    function showAD(banner)
    {
        var content;
        
        content     = document.getElementById("ad");
        content.src = banner.ad;
        
        setADButtons(banner.firma,banner.website,banner.email,banner.map,banner.spot,banner.video,banner.angebot);
    }
 
// --------------------------------------------------
// start Auto-Bannerwechsel
// --------------------------------------------------

    function switchAD()
    {
        if(vCurrentAD + 1 < vADList.length) vCurrentAD++;
            else vCurrentAD = 0;
        
        showAD(vADList[vCurrentAD]);
    }
 
// --------------------------------------------------
// Loescht alle Nodes
// --------------------------------------------------

    function clearNodes(list)
    {
        var node;
        
        while(list.childNodes.length > 0)
        {
            node = list.childNodes[0];
            list.removeChild(node);
        }
    }
      
// --------------------------------------------------
// Setzt die Buttons dieser Werbung
// --------------------------------------------------

    function setADButtons(firma,www,email,map,spot,video,angebot)
    {
        var link,toolbar,button;
        var x,dx,protocol;
        
        toolbar = document.getElementById("toolbar");
        x       = 8;
        dx      = 64;
        
        clearNodes(toolbar);
        
        if(www != "")
        {
            link        = document.createElement("A");
            link.href   = "http://" + www;
            link.target = "_Blank";
            
            button = document.createElement("IMG");
            button.style.left = x;
            button.style.top  = 2;
            button.style.position = "absolute";
            button.style.border   = "none";
            button.src = "gui/www.png";
            
            link.appendChild(button);
            toolbar.appendChild(link);
            x += dx;
        }    
        
        if(email != "")
        {
            link     = document.createElement("A");
            protocol = email.substr(0,7);
            
            if(protocol != "http://")
            {
                link.href = "mailto:" + email;
            }
            else 
            {
                link.href   = email;
                link.target = "_Blank";
            }
                  
            button = document.createElement("IMG");
            button.style.left = x;
            button.style.top  = 2;
            button.style.position = "absolute";
            button.style.border   = "none";
            button.src = "gui/email.png";
            
            link.appendChild(button);
            toolbar.appendChild(link);
            x += dx;
        }  
        
        if(map != "")
        {
            link         = document.createElement("A");
            link.onclick = new Function("onMapAction('" + firma + "','" + www + "','" + map + "')");
            link.target  = "_Blank";
        
            button = document.createElement("IMG");
            button.style.left = x;
            button.style.top  = 2;
            button.style.position = "absolute";
            button.style.border   = "none";
            button.style.cursor   = "pointer";
            button.src = "gui/karte.png";
            
            link.appendChild(button);
            toolbar.appendChild(link);
            x += dx;
        }   
        
        if(spot != "")
        {
            link        = document.createElement("A");
            link.href   = "http://" + spot;
            link.target = "_Blank";
                    
            button = document.createElement("IMG");
            button.style.left = x;
            button.style.top  = 2;
            button.style.position = "absolute";
            button.style.border   = "none";
            button.src = "gui/webspot.png";
            
            link.appendChild(button);
            toolbar.appendChild(link);
            x += dx;
        }   
        
        if(video != "")
        {
            link        = document.createElement("A");
            link.href   = "http://" + video;
            link.target = "_Blank";
                    
            button = document.createElement("IMG");
            button.style.left = x;
            button.style.top  = 2;
            button.style.position = "absolute";
            button.style.border   = "none";
            button.src = "gui/video.png";
            
            link.appendChild(button);
            toolbar.appendChild(link);
            x += dx;
        } 
        
        if(angebot != "")
        {
            link        = document.createElement("A");
            link.href   = "http://" + angebot;
            link.target = "_Blank";
                    
            button = document.createElement("IMG");
            button.style.left = x;
            button.style.top  = 2;
            button.style.position = "absolute";
            button.style.border   = "none";
            button.src = "gui/angebot.png";
            
            link.appendChild(button);
            toolbar.appendChild(link);
            x += dx;
        }                                  
    }
         
// --------------------------------------------------
// Banner-Action
// --------------------------------------------------

    function selectBanner(id)
    {
        var banner;
        
        banner = document.getElementById(id);
        stopBannerSwitch();
        showAD(banner);
    }

// --------------------------------------------------
// Erstellt eine neue Banner-Action
// --------------------------------------------------

    function createAction(pos)
    {
        var link;
        
        link      = document.createElement("A");
        link.href = "javascript:selectBanner('" + pos + "')";
       
        return(link);
    }

// --------------------------------------------------
// Fuegt einen neuen Werbebanner hinzu
// --------------------------------------------------

    function addBanner(pos,width,height,firma,logo,weburl,email,ad,map,spot,video,angebot)
    {
        var link,banner;
        
        link                         = createAction(pos);
        banner                       = document.createElement("IMG");
        banner.title                 = firma;
        banner.style.width           = width  * 74 + ((width  - 1) * 10);
        banner.style.height          = height * 70 + ((height - 1) * 10);
        banner.style.position        = "absolute";
        banner.style.backgroundColor = "#ffffff";
        banner.style.border          = "none";
        banner.style.zIndex          = vIndex++;
        banner.src                   = "werbung/" + logo;
        banner.website               = weburl;
        banner.email                 = email;
        banner.id                    = pos;
        banner.ad                    = "werbung/" + ad;
        banner.map                   = map;
        banner.spot                  = spot;
        banner.video                 = video;
        banner.firma                 = firma;
        banner.link                  = link;
        banner.angebot               = angebot;
        
        switch(pos.charAt(0))
        {
            case "A":
            {
                banner.style.top = 10;
                
                switch(pos)
                {
                    case "A1":  banner.style.left = 10;  break;
                    case "A2":  banner.style.left = 94;  break;
                    case "A3":  banner.style.left = 178; break;
                    case "A4":  banner.style.left = 262; break;
                    case "A5":  banner.style.left = 682; break;
                    case "A6":  banner.style.left = 766; break;
                    case "A7":  banner.style.left = 850; break;
                    case "A8":  banner.style.left = 934; break;
                }
                break;
            }
            case "B":
            {
                banner.style.top = 90;
                
                switch(pos)
                {
                    case "B1":  banner.style.left = 10;  break;
                    case "B2":  banner.style.left = 94;  break;
                    case "B3":  banner.style.left = 178; break;
                    case "B4":  banner.style.left = 262; break;
                    case "B5":  banner.style.left = 682; break;
                    case "B6":  banner.style.left = 766; break;
                    case "B7":  banner.style.left = 850; break;
                    case "B8":  banner.style.left = 934; break;
                }        
                break;
            }
            case "D":
            {
                banner.style.top = 250;
                
                switch(pos)
                {
                    case "D1":   banner.style.left = 10;  break;
                    case "D2":   banner.style.left = 94;  break;
                    case "D3":   banner.style.left = 178; break;
                    case "D4":   banner.style.left = 262; break;
                    case "D5":   banner.style.left = 346; break;
                    case "D6":   banner.style.left = 430; break;
                    case "D7":   banner.style.left = 514; break;
                    case "D8":   banner.style.left = 598; break;
                    case "D9":   banner.style.left = 682; break;
                    case "D10":  banner.style.left = 766; break;
                    case "D11":  banner.style.left = 850; break;
                    case "D12":  banner.style.left = 934; break;
                }        
                break;
            }
            case "C":
            {
                banner.style.top = 170;
                
                switch(pos)
                {
                    case "C1":   banner.style.left = 10;  break;
                    case "C2":   banner.style.left = 94;  break;
                    case "C3":   banner.style.left = 178; break;
                    case "C4":   banner.style.left = 262; break;
                    case "C5":   banner.style.left = 346; break;
                    case "C6":   banner.style.left = 430; break;
                    case "C7":   banner.style.left = 514; break;
                    case "C8":   banner.style.left = 598; break;
                    case "C9":   banner.style.left = 682; break;
                    case "C10":  banner.style.left = 766; break;
                    case "C11":  banner.style.left = 850; break;
                    case "C12":  banner.style.left = 934; break;
                }        
                break;
            }
            case "S":
            {
                banner.style.top = 10;
                 
                switch(pos)
                {
                    case "S1":  banner.style.left = 10; break;                
                    case "S2":  banner.style.left = 94; break;
                    case "S3":  banner.style.left = 10; break;               
                    case "S4":  banner.style.left = 94; break;
                }
                
                break;
            }
        }
      
        vADList.push(banner);
        link.appendChild(banner);
    }

// --------------------------------------------------
// Button-mouseover
// --------------------------------------------------

    function overButton(layer)
    {
        var text;
        
        text = document.getElementById("label" + layer.id);
        text.style.color = "#000000";
    }
  
// --------------------------------------------------
// Button-mouseout
// --------------------------------------------------
      
    function outButton(layer)
    {
        var text;
        
        text = document.getElementById("label" + layer.id);
        text.style.color = "#000000";
    }
 
// --------------------------------------------------
// Button-Action
// --------------------------------------------------
       
    function clickButton(id)
    {
        var button;
       
        button = document.getElementById(id);
       
        switch(button.onAction)
        {
            case "switchBannerSet":
            {
                switchBannerSet(button.onActionParam);
                break;
            }
            default: window.open(button.onAction); break;
        }
    }    
 
// --------------------------------------------------
// Setzt Titel
// --------------------------------------------------

    function setTitel(size,titel,subsize,subtitel)
    {
        var text;
                       
        text = document.getElementById("Titel");
        text.style.fontSize = size;
        text.innerHTML = titel + "<br><span style=\"font-family: Arial; font-size: " + subsize + "px;\"><b>" + subtitel + "</b></span>";               
    }
    
// --------------------------------------------------
// Karte anzeigen
// --------------------------------------------------

    function onMapAction(firma,website,adresse)
    {
        var url,mapviewer;
               
        url       = "mapviewer.html?" + firma + "&" + website + "&" + adresse;
        mapviewer = window.open(url,"Karte","width=800,height=650,left=200,top=100");  
    }
        
// --------------------------------------------------
// Button-Setup
// --------------------------------------------------
            
    function setButton(id,label,link,param)
    {
        var text,button;
        
        button                       = document.getElementById(id);
        button.style.backgroundImage = "url('gui/button.gif')";
        button.style.cursor          = "pointer";
        button.style.height          = 25;
        button.style.width           = 158;
        button.onAction              = link;
        button.onActionParam         = param;
        
        text                         = document.createElement("DIV");
        text.id                      = "label" + id;
        text.style.fontFamily        = "Arial";
        text.style.fontSize          = "12px"
        text.style.color             = "black"
        
        text.appendChild(document.createTextNode(label));
        button.appendChild(text);
    }