/**
 * Created by JetBrains PhpStorm.
 * User: jniemann
 * Date: 31.07.11
 * Time: 20:50
 */
function preLoad()
{
    var imageList = new Array();
    imageList[0] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_jobs.png';
    imageList[1] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_kontakt.png';
    imageList[2] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_impressum.png';
    imageList[3] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_kundenfragen.png';
    imageList[4] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_downloads.png';
    imageList[5] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_sitemap.png';
    imageList[6] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_anfahrt01.png';
    imageList[7] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_anfahrt02.png';
    imageList[8] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_anfrage01.png';
    imageList[9] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_anfrage02.png';
    imageList[10] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_baustoffhaendler01.png';
    imageList[11] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_baustoffhaendler02.png';
    imageList[12] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_standorte01.png';
    imageList[13] = '/wp-content/themes/mengelkamp/images/navi/meta/btn_meta_standorte02.png';
    imageList[14] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_home01.png';
    imageList[15] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_home02.png';
    imageList[16] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_unternehmen01.png';
    imageList[17] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_unternehmen02.png';
    imageList[18] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_unternehmen_firmengeschichte01.png';
    imageList[19] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_unternehmen_firmengeschichte02.png';
    imageList[20] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_unternehmen_philosophie01.png';
    imageList[21] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_unternehmen_philosophie02.png';
    imageList[22] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_unternehmen_referenzen01.png';
    imageList[23] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_unternehmen_referenzen02.png';
    imageList[24] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_endbeschichtung01.png';
    imageList[25] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_endbeschichtung02.png';
    imageList[26] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrapermatec_aufbau01.png';
    imageList[27] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrapermatec_aufbau02.png';
    imageList[28] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrapermatec_eigenschaften01.png';
    imageList[29] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrapermatec_eigenschaften02.png';
    imageList[30] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_terrameng01.png';
    imageList[31] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_terrameng02.png';
    imageList[32] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_terrassenplatten01.png';
    imageList[33] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_terrassenplatten02.png';
    imageList[34] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_oberflaechen01.png';
    imageList[35] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_oberflaechen02.png';
    imageList[36] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terraplano01.png';
    imageList[37] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terraplano02.png';
    imageList[38] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terranatura01.png';
    imageList[39] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terranatura02.png';
    imageList[40] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_opusvario01.png';
    imageList[41] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_opusvario02.png';
    imageList[42] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_opusfoschia01.png';
    imageList[43] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_opusfoschia02.png';
    imageList[44] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_oberimpraegniert01.png';
    imageList[45] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_oberimpraegniert02.png';
    imageList[46] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_rutschfeste01.png';
    imageList[47] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_rutschfeste02.png';
    imageList[48] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_klassiker01.png';
    imageList[49] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_klassiker02.png';
    imageList[50] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_rustikale01.png';
    imageList[51] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_rustikale02.png';
    imageList[52] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_exklusive01.png';
    imageList[53] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_exklusive02.png';
    imageList[54] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_leichte01.png';
    imageList[55] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_leichte02.png';
/*
        imageList[56] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_innenplatten01.png';
        imageList[57] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_innenplatten02.png';
        imageList[58] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_feinkorn01.png';
        imageList[59] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_feinkorn02.png';
        imageList[60] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_mittelkorn01.png';
        imageList[61] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_mittelkorn02.png';
        imageList[62] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_grobkorn01.png';
        imageList[63] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_grobkorn02.png';
*/
    imageList[56] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_terrazzo01.png';
    imageList[57] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_terrazzo02.png';
    imageList[58] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrazzo_feinkorn01.png';
    imageList[59] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrazzo_feinkorn02.png';
    imageList[60] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrazzo_mittelkorn01.png';
    imageList[61] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrazzo_mittelkorn02.png';
    imageList[62] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrazzo_grobkorn01.png';
    imageList[63] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrazzo_grobkorn02.png';

    imageList[64] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_verlegehinweise01.png';
    imageList[65] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_verlegehinweise02.png';
    imageList[66] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_trockenmauersysteme01.png';
    imageList[67] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_trockenmauersysteme02.png';
    imageList[68] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_sonderanfertigungen01.png';
    imageList[69] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_sonderanfertigungen02.png';
    imageList[70] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_zubehoer01.png';
    imageList[71] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_terrameng_zubehoer02.png';
    imageList[72] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_zubehoer_lichtsysteme01.png';
    imageList[73] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_zubehoer_lichtsysteme02.png';
    imageList[74] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terrameng_zubehoer_lichtsysteme_lichtpunkte01.png';
    imageList[75] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terrameng_zubehoer_lichtsysteme_lichtpunkte02.png';
    imageList[76] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terrameng_zubehoer_lichtsysteme_licht01.png';
    imageList[77] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terrameng_zubehoer_lichtsysteme_licht02.png';
    imageList[78] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terrameng_zubehoer_lichtsysteme_hinweise01.png';
    imageList[79] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terrameng_zubehoer_lichtsysteme_hinweise02.png';
    imageList[80] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terrameng_zubehoer_lichtsysteme_anschluss01.png';
    imageList[81] = '/wp-content/themes/mengelkamp/images/navi/4th-level/btn_4th_terrameng_zubehoer_lichtsysteme_anschluss02.png';
    imageList[82] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_zubehoer_festefuge01.png';
    imageList[83] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_zubehoer_festefuge02.png';
    imageList[84] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_zubehoer_fugenkreuze01.png';
    imageList[85] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_zubehoer_fugenkreuze02.png';
    imageList[86] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_zubehoer_fugensplitte01.png';
    imageList[87] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_zubehoer_fugensplitte02.png';
    imageList[88] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_zubehoer_platten01.png';
    imageList[89] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_zubehoer_platten02.png';
    imageList[90] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_zubehoer_reinigung01.png';
    imageList[91] = '/wp-content/themes/mengelkamp/images/navi/3rd-level/btn_3rd_terrameng_zubehoer_reinigung02.png';
    imageList[92] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_naturstein01.png';
    imageList[93] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_naturstein02.png';
    imageList[94] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_naturstein_innenbereich01.png';
    imageList[95] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_naturstein_innenbereich02.png';
    imageList[96] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_naturstein_aussenbereich01.png';
    imageList[97] = '/wp-content/themes/mengelkamp/images/navi/2nd-level/btn_2nd_naturstein_aussenbereich02.png';
    imageList[98] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_produktgarantie01.png';
    imageList[99] = '/wp-content/themes/mengelkamp/images/navi/1st-level/btn_produktgarantie02.png';

    var arrImages = new Array();

      for (i = 0; i < imageList.length; i++) {
        arrImages[i] = new Image();
        arrImages[i].src = imageList[i];
      }
} // preLoad

    var where = "";
    var title = "";
    var comment = "";
    var frstLvlClass;
    var frstLvlElm;
    var scndLvlClass;
    var navFrst;
    var navSec;
    var navThrd;
    var subid;

    function photoPop(where, title, comment) {
        jQuery.prettyPhoto.open(where, title, comment)
    }

    function set1stLvl() {
        if(document.URL.indexOf("/unternehmen")!=-1) {
            frstLvlClass = 'first_unternehmen';
        } else if(document.URL.indexOf("/endbeschichtung")!=-1) {
            frstLvlClass = 'first_endbeschichtung';
        } else if(document.URL.indexOf("/produktpalette-terrameng")!=-1) {
            frstLvlClass = 'first_terrameng';
        } else if(document.URL.indexOf("/produktpalette-naturstein")!=-1) {
            frstLvlClass = 'first_naturstein';
        } else if(document.URL.indexOf("/terrazzo")!=-1) {
            frstLvlClass = 'first_terrazzo';
        } else if(document.URL.indexOf("/produktgarantie")!=-1) {
            frstLvlClass = 'first_produktgarantie';
        }
    }
    function set2ndLvl() {
        if(document.URL.indexOf("/terrassenplatten") != -1) {
            scndLvlClass = 'second_terrameng_terrassenplatten';
        } else if(document.URL.indexOf("/innenplatten") != -1) {
            scndLvlClass = 'second_terrameng_innenplatten';
        } else if(document.URL.indexOf("/zubehoer") != -1) {
            scndLvlClass = 'second_terrameng_zubehoer';
        }
    }

    function doNav(elm,level,meta) {
        for (i=0; i<elm.childNodes.length; i++) {
            node = elm.childNodes.item(i);
            if (node.nodeName=="LI") {

                // 1st-level highlighting onLoad
                if(jQuery(node).children('a').attr('class') == frstLvlClass && level==1 && !meta) {
                    frstLvlElm = jQuery(node).children('a');
                    if(frstLvlElm.attr('class') == frstLvlClass)
                        frstLvlElm.attr('class',frstLvlClass+'-hover');
                        //navSec = jQuery("ul:first",node);
                        jQuery("ul:first",node).show();
                }
                // 2nd-level show on load

                if(jQuery(node).children('a').attr('class') == scndLvlClass && level==2 && !meta) {
                    navThrd = jQuery("ul:first",node);
                    jQuery(navThrd).show();
                }


                // metanav second level fadeout
                if(meta) {
                    jQuery(node).mouseleave(function() {
                        jQuery("ul:first",this).fadeOut();
                    });
                }

                jQuery(node).mouseenter(function() {
                    aElm = jQuery(this).children('a');
                    // unset 1st-level highlighting onLoad
                    if(frstLvlElm && level != 2)
                        frstLvlElm.attr('class',frstLvlClass);

                    if(level==1 && !meta) {
                        if(aElm != navFrst && navFrst) {
                            // set class without hover for previous active elm
                            navFrstClass = navFrst.attr('class');
                            navFrstClass = navFrstClass.split("-")[0];
                            navFrst.attr('class',navFrstClass);
                        }
                        // set class with hover for active elm
                        aClass = aElm.attr('class')+'-hover';
                        aElm.attr('class',aClass);
                        navFrst = aElm;

                        if(navSec)
                            jQuery(navSec).fadeOut('fast');
                        navSec = jQuery("ul:first",this);
                    } else if (level==2 && !meta) {
                        if(navThrd)
                            jQuery(navThrd).fadeOut('fast');
                        navThrd = jQuery("ul:first",this);
                    }

                    if(meta) {
                        jQuery("ul:first",this).fadeIn('slow');
                    } else {
                        jQuery("ul:first",this).fadeIn('fast');
                    }
                });
            }
        }
    }

    jQuery(document).ready(function() {
        set1stLvl();
        set2ndLvl();

        navRoot = document.getElementById("broxo");
        doNav(navRoot,1);
        secOneElm = document.getElementById("secOne");
        doNav(secOneElm,2);
        secTwoElm = document.getElementById("secTwo");
        doNav(secTwoElm,2);
        secThreeElm = document.getElementById("secThree");
        doNav(secThreeElm,2);
        systemMenuElm = document.getElementById("system-menu");
        doNav(systemMenuElm,1,1);
        preLoad();
    });