closewk="yes";
cancelclose="no";
openingprocess="ende";

function CloseMenuFO(e) {
    if (!e) var e = window.event;
    var tg = (window.event) ? e.srcElement : e.target;
    if (tg.nodeName != 'DIV') return;
    var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
    while (reltg != tg && reltg.nodeName != 'BODY')
        reltg= reltg.parentNode
    if (reltg== tg) return;

    document.getElementById('backgroundshade').style.display="none"; //shade
    document.getElementById('menu').style.display="none";
    resetMenu();
    closevideolayer();
}



function resetMenu() {
    var menu_anz=9;

    for (var i = 1; i <= menu_anz; i++) {
     if (document.getElementById('hmenu0'+i)) {
        document.getElementById('hmenu0'+i).className="menu_container";
        if (document.getElementById('hover0'+i)) {
         document.getElementById('hover0'+i).className="fo_n_menudropd_keins";
        }
        document.getElementById('link0'+i).style.color="#ffffff";
        document.getElementById('link0'+i).style.textDecoration="none";
     }
    }
}

function save_deaktiv() {
	if (document.getElementById('a')) {document.getElementById('a').checked=false;}
	if (document.getElementById('b')) {document.getElementById('b').checked=false;}
	if (document.getElementById('c')) {document.getElementById('c').checked=false;}
	if (document.getElementById('d')) {document.getElementById('d').checked=false;}
	if (document.getElementById('e')) {document.getElementById('e').checked=false;}
	if (document.getElementById('f')) {document.getElementById('f').checked=false;}
}

function CloseMenuFO_single() {
    document.getElementById('backgroundshade').style.display="none"; //shade
    document.getElementById('menu').style.display="none";
    resetMenu();
}

function OpenMenuFO(nr) {
    cancelclose="no";
    //closevideolayer();
    if (document.getElementById('backgroundshade_pds')) {
     document.getElementById('backgroundshade_pds').style.display="none";
     document.getElementById('produktdetails').style.display="none";
    }
    setTimeout(function(){OpenMenuFO_doit(nr);}, 250);
}


function OpenMenuFO_doit(nr) {
    if (cancelclose=="no") {
    
        cancelclose="no";
    
        resetMenu();
    
        CloseMiniWkStyle();
    
         var was="hmenu"+nr;
         var hover="hover"+nr;
         var link="link"+nr;
        document.getElementById('backgroundshade').style.display="block"; //shade
        document.getElementById('menu').style.display="block";
        document.getElementById(was).className="menu_container_over";
        if (document.getElementById(hover)) {
         document.getElementById(hover).className="fo_n_menudropd_keins";
        }
        document.getElementById(link).style.color="black";
        document.getElementById(link).style.textDecoration="underline";
    }
}

function cancelcartopening() {
    //do not open cart anymore. For example if you just go over the WARENKORB Button without staying on it
    cancelclose="yes";
}

function OpenMiniWk() {
    cancelclose="no";

    if (openingprocess=="ende") { //fire this function only, if it is not running at the moment
     openingprocess="start";
     setTimeout("OpenMiniWk_doit()", 450);
    }

}

function OpenMiniWk_doit() {
    if (cancelclose=="no") {
     CloseMenuFO_single();

     document.getElementById('wk_1').className="fo_wk_zu_links_open";
     document.getElementById('wk_2').className="fo_wk_zu_links_icon_open";
     document.getElementById('wk_3').className="n_meinwk_open";
     document.getElementById('wk_4').className="fo_wk_zu_rechts_open";

     $("#miniwk").slideDown("fast");
     //document.getElementById('miniwk').style.display="block";
    }

    openingprocess="ende";
}

function OpenMiniWk_doit_fast() {
    if (cancelclose=="no") {
     CloseMenuFO_single();

     document.getElementById('wk_1').className="fo_wk_zu_links_open";
     document.getElementById('wk_2').className="fo_wk_zu_links_icon_open";
     document.getElementById('wk_3').className="n_meinwk_open";
     document.getElementById('wk_4').className="fo_wk_zu_rechts_open";

     //$("#miniwk").slideDown("fast");
     document.getElementById('miniwk').style.display="block";
    }

    openingprocess="ende";
}


function Closeminiwk(e) {

    if (!e) var e = window.event;
    var tg = (window.event) ? e.srcElement : e.target;
    if (tg.nodeName != 'DIV') return;
    var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
    while (reltg != tg && reltg.nodeName != 'BODY')
        reltg= reltg.parentNode
    if (reltg== tg) return;

    CloseMiniWkStyle();
}

function CloseMiniWkStyle() {
    if (closewk=="yes") {
     $("#miniwk").slideUp("fast");
     document.getElementById('wk_1').className="fo_wk_zu_links";
     document.getElementById('wk_2').className="fo_wk_zu_links_icon";
     document.getElementById('wk_3').className="n_meinwk";
     document.getElementById('wk_4').className="fo_wk_zu_rechts";
    }

    closewk="yes";
}

//do not close, if we click IN the WK
function donotcloseme() {
    closewk="no";
}
    

//menu functions

        /************************************************************************************
        * Menu Builder Functions
        * only to be called one time per page load
        ************************************************************************************/
        function buildMenu(menuArray, id) {
            // walk through menu Array (see menu array file for syntax)
            for (var i = 0; i < menuArray.length; i++) {
                // check if element is an array and handle this top menu item
                if (menuArray[i] instanceof Array) {
                    var topMenu = menuArray[i]; // copy of pointer to the current element
                    var topMenuItemId = topMenu[0];
                    var topMenuItemName = topMenu[1];
                    var newLink = topMenu[2];
                    
                    //load now the content
                    if (topMenuItemId==id) {
                     menuLinkEntryHandler(topMenu, topMenuItemId);
                    }
                    
                }
            }
        }

       /**
            * places one link into the sub menu div
            * Note: when a menu entry starts with "|" then there should be
            * added a vertical line and a new column must be started.
            * Note: handle entries starting at index 3, because:
            *   0 is the menu id
            *   1 is the menu name
            *   2 is the sub menu image
            */
            function menuLinkEntryHandler(entriesArray, topMenuItemId) {
          var subMenuDiv= document.getElementById('menu').cloneNode(true);
           var currentColumnDiv = getColumnDiv(subMenuDiv, true);
                  var startIndex = 3;
                  var makeHeadline = true;
                  var newColumnStarted = true;
          var returnHTML = "";
                  var itemInColCount = 0;
                  for (var i = startIndex; i < entriesArray.length; i += 2) {
                        // copy pointers
                        var name = entriesArray[i];
                        var link = entriesArray[i + 1];
                        
                        // if this is the first element, ignore the "|" sign because we already started a new column
                        if (i == startIndex && name.substr(0, 1) == "|")
                             name = name.slice(1);

                        // check if a new column should be started
                        if (name.substr(0, 1) == "|") {
                 //alert(currentColumnDiv.innerHTML);
                 returnHTML += '<td style="padding-right:20px; border-left: 20px solid #ffffff;border-right:1px solid #efefef; line-height: 1.5;">';
                 returnHTML +=currentColumnDiv.innerHTML;
                 returnHTML += '</td>';

                             currentColumnDiv = getColumnDiv(subMenuDiv, true);

                             name = name.slice(1); // now remove the "|" from the name
                             makeHeadline = true;
                             newColumnStarted = true;
                             itemInColCount = 0; // reset item in column counter


                        }
                        if (!makeHeadline) {
                             // count this link (but no headlines!!) as a item in this column
                             // magic: every 15th char is counted as another line
                             var lineAdder = Math.ceil(name.length / 21.0);
                             itemInColCount += lineAdder;
                             // break column if we are in line 15 with this entry
                             if (itemInColCount >= 25) {
                                   currentColumnDiv = getColumnDiv(subMenuDiv, false);
                                   itemInColCount = 0;
                                   newColumnStarted = true;
                             }
                        }


                        // if this div has no children yet (besides the seperator), then the next one will be a headline
                        if (makeHeadline) {
                            // prepare link
                            if (link=="") {
                                var htmlLink = document.createElement('span');
                                htmlLink.className = "fo_menuhover_head";
                                htmlLink.innerHTML = name;
                            } else {
                                var htmlLink = document.createElement('a');
                                htmlLink.className = "fo_menuhover_head";
                                htmlLink.href = "http://"+currentdomain+""+link;
                                htmlLink.innerHTML = name;                            
                            }
                             makeHeadline = false;
                             var bold = document.createElement('b');
                             bold.className = "menuueberschrift";
                             bold.appendChild(htmlLink);
                             currentColumnDiv.appendChild(bold);

                        } else {

                            // prepare link
                                var htmlLink = document.createElement('a');
                            htmlLink.className = "fo_menuhover";
                            htmlLink.href = "http://"+currentdomain+""+link;
                            htmlLink.innerHTML = name;

                            //prepare >
                            var htmlBeforeLink = document.createElement('span');
                            htmlBeforeLink.className = "blue";
                            htmlBeforeLink.innerHTML = " > ";
                            
                             if (newColumnStarted) { // if this is a fresh column, add two breaks
                                   currentColumnDiv.appendChild(document.createElement('br'));
                                   currentColumnDiv.appendChild(document.createElement('br'));
                                   newColumnStarted = false;
                             }
                             // otherwise this should be a link
                             currentColumnDiv.appendChild(htmlBeforeLink);
                             currentColumnDiv.appendChild(htmlLink);
                             currentColumnDiv.appendChild(document.createElement('br'));


                        }



                  }

        //schreibe rein, erst letzte spalte und dann in html table
        returnHTML += '<td style="border-left: 20px solid #ffffff; line-height: 1.5;">';
        returnHTML +=currentColumnDiv.innerHTML;
        returnHTML += '</td>';

        var HTMLme = '<br><table class="fo_menu_content" border="0" cellspacing="0" cellpadding="0"><tr valign="top">';
        HTMLme+= returnHTML;
        HTMLme+= '</tr></table>';
        //alert(HTMLme);
        document.getElementById('menu').innerHTML=HTMLme;

            }


        /**
        * creates one column inside the submenu popup div. One column starts with a vertical seperator.
        */
        function getColumnDiv(parent, withSeparator) {
            // create div
            var currentColumnDiv = document.createElement('div');
            currentColumnDiv.className = "fo_submenu_column"; // set up class name

            // append to parent
            parent.appendChild(currentColumnDiv);

            // add seperator
            if (withSeparator)
                currentColumnDiv.innerHTML = '&nbsp;&nbsp;';
                            
            return currentColumnDiv;
        }


function loadspecial(kampagne,id,boxsize,div) {
    //erstmal reiter ändern und neutralisieren
    for (var i = 0; i <= 9; i++) {
     if (document.getElementById('reiter0'+i+div)){
        document.getElementById('reiter0'+i+div).className="reiter_large_grau";
     }
     }

    //nun aktiven blau
    document.getElementById('reiter'+id+div).className="reiter_large_blau";

    //nun JS ändern
    var src = 'https://'+currentdomain+'/'+boxsize+'box/'+kampagne+'.js';

    $('#top'+div+'script').replaceWith('<div id="top'+div+'script"><script language="javascript">boxsize = \''+boxsize+'\'; div=\''+div+'\';<\/script><script language="javascript" src="'+src+'"><\/script></div>');


}

function rundemich(original) {

    return Math.round(original*100)/100;
}    

function makeKomma(s)
{
var text = "" + s;
var l;
var t;
var n = text.lastIndexOf('.',text.length-1);
if(n > 0)
{
t = text.substring(n+1,text.length);
l = t.length;
if(l == 2)
{
text = text.substring(0,n) + "." + text.substring(n+1,text.length);
}
else
{
text = text.substring(0,n) + "." + text.substring(n+1,text.length) +"0";
}
}
else
{
text = text + ".00"
}
return text;
}

function formatCurrencyFlo(num) {
    num = isNaN(num) || num === '' || num === null ? 0.00 : num;
    return parseFloat(num).toFixed(2);
}

function addproductstowkoptisch(OXARTNUM,titel,anid,variante1descr,variante1,variante2descr,variante2,menge,preis,icon) {
    //add to id-> addproductstowk

    //open wk and close menu
    CloseMenuFO_single();
    cancelclose="no";
    OpenMiniWk_doit();

    //is this already 
    
    //ersetze preis
    var preis_temp = preis.replace(/,/, ".");
    var preis = preis_temp;

    //current content
    var current = document.getElementById('addproductstowk').innerHTML;
    var current2 = document.getElementById('addproductstowkoriginal').innerHTML;


    //do we have this article in the basket? Just change amount and price
    var Ergebnis = current.search(OXARTNUM+'2');
    var Ergebnis2 = current2.search(OXARTNUM+'2');
    
    //if stringing service, it is new
    if (icon=="icon/babolat_sensor_expert_ico.jpg") {
        var Ergebnis="-1";
        var Ergebnis2="-1";
    }

    if (Ergebnis==-1 && Ergebnis2==-1) {
        //noch nicht drin. also einfügen
        var mengegesamt=menge;
        var preisgesamt=Math.round(menge*preis*100)/100;
        var preisgesamt_single=Math.round(preis*100)/100;
        
        //haben wir ne variante? (ebene 0)
        var variante1descrNEU = "";
        var variante1NEU = "";
        if(variantecart[0] === undefined) {
            
        }else{
            if (variantecart[0]=="") {
            }else{
                var variante1descrNEU = variantecart[0]+": "; 
                var variante1NEU = variantecartauswahl[0].toUpperCase();
            }
        }
        
        //haben wir ne variante? (ebene 0)
        var variante2descrNEU = "";
        var variante2NEU = "";
        if(variantecart[1] === undefined) {
        
        }else{
            if (variantecart[1]=="") {
            }else{
                var variante2descrNEU = variantecart[1]+": "; 
                var variante2NEU = variantecartauswahl[1].toUpperCase()+'<br>';
            }
        }        
        
        //alert(Lieferstatus_ausgabe_wk);

        
        var preisgesamtf=formatCurrencyFlo(preisgesamt);
        var preisgesamtf_single = formatCurrencyFlo(preisgesamt_single);
        
        var newer ='<div id="wk_artikel_indiv" class="wk_artikel_indiv"><div class="wk_artikel_indiv_oben"><div class="wk_artikel_indiv_obenL"><a href="http://'+currentdomain+'/index.php?cl=details&anid='+anid+'"><div class="fo_n_iconframe"><img width="51" height="51" src="http://'+currentdomain+'/out/pictures/'+icon+'" border="0"></div></a></div><div class="wk_artikel_indiv_obenR"><a href="http://'+currentdomain+'/index.php?cl=details&anid='+anid+'" class="font10">'+titel+'</a>';
        var newer =newer+'<br>'+variante1descrNEU+''+variante1NEU+'<br>'+variante2descrNEU+''+variante2NEU+'';
        var newer =newer+'<div id="wk_artikel_r_m_neu"><div class="fo_ls_neu_black" id="stocktextwkklein'+anid+'">'+Lieferstatus_ausgabe_wk+'</div></div>';                                              
        var newer =newer+'</div></div><div class="wk_artikel_indiv_unten"><div class="wk_artikel_indiv_untenL">Menge: <span id="mengeNEU'+OXARTNUM+'2">'+mengegesamt+'</span></div><div class="wk_artikel_indiv_untenR">Preis: <span id="preisNEU'+OXARTNUM+'2">'+preisgesamtf_single+'</span> &euro;</div></div></div><div class="n_wk_trennerO"></div>';
        
        var neuSummeArtikel = preisgesamt;

        //add new content
        document.getElementById('addproductstowk').innerHTML = current + newer;
        
        //one more different article
        incartnow = incartnow*1 + 1;

        //now delete the cart emptytex
        if (document.getElementById('deinwkleertext')) {
        document.getElementById('deinwkleertext').style.display="none";
        document.getElementById('wkllerbuttons').style.display="block";
        }


           

    } else {
        //drin
        //wieviel artikel haben wir aktuell?
        var currentamount = document.getElementById('mengeNEU'+OXARTNUM+'2').innerHTML;
        var currentprice_temp = document.getElementById('preisNEU'+OXARTNUM+'2').innerHTML;        
        var currentprice = currentprice_temp.replace(/,/, ".");        
        
        //ersetze , gegen .
        var currentprice_neu = currentprice.replace(/,/, ".");

        //anzahl erweitern
        var currentamount_neu = (currentamount*1) + menge*1;
        
        //preis addieren
        //do not update price. We want to have single price there: var preis_neu = currentprice_neu*1 + (menge*preis);
        var neuSummeArtikel = (menge*preis);
        
        //update html
        document.getElementById('mengeNEU'+OXARTNUM+'2').innerHTML = currentamount_neu;
        //do not update price. We want to have single price there: document.getElementById('preisNEU'+OXARTNUM+'2').innerHTML = makeKomma(rundemich(preis_neu));
        
    }

    //gesamtanzahl in WK header
        var wkanzneu_aktuell=document.getElementById('wkanzneu').innerHTML;
        var wkanzneu_neu = wkanzneu_aktuell*1+menge*1;
        document.getElementById('wkanzneu').innerHTML = wkanzneu_neu;

        //wenn anzahl nun größer 3, blende den button oben wieder ein
        if (incartnow>=3) {
         document.getElementById('wkbuttonoben').style.display="block";
         document.getElementById('wklineoben').classNAME = "n_wk_trenner";
        }
    
    //nun gesamtpreis neu berechnen
        //ziehe aktuelle preise
         var neuSummeArtikel_aktuell_temp = document.getElementById('neuSummeArtikel').innerHTML;
         var neuVersandkosten_aktuell_temp = document.getElementById('neuVersandkosten').innerHTML;    
         var neuGesamtsumme_aktuell_temp = document.getElementById('neuGesamtsumme').innerHTML;

         var neuSummeArtikel_aktuell = neuSummeArtikel_aktuell_temp.replace(/,/, ".");
         var neuVersandkosten_aktuell = neuVersandkosten_aktuell_temp.replace(/,/, ".");    
         var neuGesamtsumme_aktuell = neuGesamtsumme_aktuell_temp.replace(/,/, ".");

        //addiere nun neuen preis
         var neuSummeArtikel_temp = neuSummeArtikel_aktuell*1 + neuSummeArtikel*1;
         var neuSummeArtikel_neu = Math.round(neuSummeArtikel_temp*100)/100;

        //nun ausgeben
         //preis
         var tmp2 = makeKomma(neuSummeArtikel_neu);
         var tmp = tmp2.replace(/\./, ",");
         document.getElementById('neuSummeArtikel').innerHTML = tmp;

         //vk
         if (neuSummeArtikel_neu>versandfrei) {
          document.getElementById('neuVersandkosten').innerHTML = "0,00";
          document.getElementById('neuGesamtsumme').innerHTML = makeKomma(Math.round(neuSummeArtikel_neu*100)/100);
          document.getElementById('vkfreineuwole').style.display = "none";

         } else {
          var tmp = versandkosten.replace(/\./, ",");
          document.getElementById('neuVersandkosten').innerHTML = tmp;
          var gesamneu = neuSummeArtikel_neu*1 + versandkosten*1;

          var tmp3 = makeKomma(Math.round(gesamneu*100)/100);
          var tmp = tmp3.replace(/\./, ",");
          document.getElementById('neuGesamtsumme').innerHTML = tmp;

          //ab wann versandfrei?            
          var versandfrei_ab = versandfrei - neuSummeArtikel_neu;
          document.getElementById('vkfreineu').innerHTML = makeKomma(Math.round(versandfrei_ab*100)/100);
          document.getElementById('vkfreineuwole').style.display = "block";
         }



        

}


//open FAQs
function opfaq(faq) {
    window.open('https://'+currentdomain+'/fo_faq_popup.php?id='+faq,'FAQs','toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,width=500,height=400'); 
}


function OpenTL() {
    document.getElementById('tl').style.display="block";
}

function CloseTL() {
    document.getElementById('tl').style.display="none";
}

function OpenRL() {
    document.getElementById('rl').style.display="block";
}

function CloseRL() {
    document.getElementById('rl').style.display="none";
}




