var nav = {
    menu: [
        { id: 'nav-kezdolap', href: '/', text: 'Kezdőlap' },
        { id: 'nav-kezdoknek', text: 'Kezdőknek' , menu: [
            { href: 'http://lineage-2.hu/kezdoknek/new_l2.php', text: 'Lineage ][ Bemutató' },
            { href: 'http://lineage-2.hu/kezdoknek/systemneeds.php', text: 'Rendszerigény' },
            { text: 'Első lépés', menu: [
                { href: 'http://lineage-2.hu/kezdoknek/elso_lepes/telepites.php', text: 'Telepítés' },
                { href: 'http://lineage-2.hu/kezdoknek/elso_lepes/karakter_generalas.php', text: 'Karakter generálás' },
                { href: 'http://lineage-2.hu/kezdoknek/elso_lepes/kezelofelulet.php', text: 'Kezelőfelület' },
                { href: 'http://lineage-2.hu/kezdoknek/elso_lepes/gyorsbillentyuk.php', text: 'Gyorsbillentyűk' },
               

            ] },
            { href: 'http://lineage-2.hu/kezdoknek/tort_szerver.php', text: 'Tört szerver leírás' },
            { href: 'http://lineage-2.hu/kezdoknek/rovidites.php', text: 'Rövidítések' },
             { text: 'Parancsok', menu: [
            { href: 'http://lineage-2.hu/kezdoknek/commands.php', text: 'Játék parancsok' },
            { href: 'http://lineage-2.hu/kezdoknek/alt_commands.php', text: 'ALT Parancsok' },
            ] },
            { text: 'Karakter kinézet', menu: [
            { href: 'http://lineage-2.hu/kezdoknek/karakter/hair.php', text: 'Hajstílus' },
            { href: 'http://lineage-2.hu/kezdoknek/karakter/hair2.php', text: 'Hajszinek' },
            { href: 'http://lineage-2.hu/kezdoknek/karakter/face.php', text: 'Fejformák' },
            ] },          
        ] },
        { id: 'nav-tudasterme', text: 'Tudásterme' , menu: [
            { href: 'http://www.lineage-2.hu/tudasterme/kuldetesek/kuldetesek.php', text: 'Küldetések' },
            { href: 'http://lineage-2.hu/tudasterme/tattoos.php', text: 'Tattoos' },
            { href: 'http://lineage-2.hu/tudasterme/weapon_sa.php', text: 'Weapon SA' },
            { text: 'Felszerelések & Tárgyak', menu: [
                { href: 'http://lineage-2.hu/tudasterme/item/weapons.php', text: 'Weapons' },
                { href: 'http://lineage-2.hu/tudasterme/item/armor.php', text: 'Armor' },
                { href: 'http://lineage-2.hu/tudasterme/item/jewelry.php', text: 'Jewelry' },
                { href: 'http://lineage-2.hu/tudasterme/item/misc.php', text: 'misc.' },
                { href: 'http://lineage-2.hu/tudasterme/item/armor_sets.php', text: 'Armor Set' },
                            ] },
                 
                   
                 
                            
                { href: 'http://lineage-2.hu/tudasterme/fishing.php', text: 'Horgászat' },
                { text: 'Kasztváltók', menu: [
                { href: 'http://lineage-2.hu/tudasterme/kasztvaltok/humankaszt.php', text: 'Human' },
                { href: 'http://lineage-2.hu/tudasterme/kasztvaltok/elfkaszt.php', text: 'Elf' },
                { href: 'http://lineage-2.hu/tudasterme/kasztvaltok/delfkaszt.php', text: 'Dark Elf' },
                { href: 'http://lineage-2.hu/tudasterme/kasztvaltok/orckaszt.php', text: 'Orc' },
                { href: 'http://lineage-2.hu/tudasterme/kasztvaltok/dwarfkaszt.php', text: 'Dwarf' },
                { href: 'http://lineage-2.hu/tudasterme/kasztvaltok/kamaelkaszt.php', text: 'Kamael' },
                 ] },
            { href: 'http://lineage-2.hu/tudasterme/klan.php', text: 'Klán infó' },
            { href: 'http://lineage-2.hu/tudasterme/craft/weapons.php', text: 'Receptek' },
            { text: 'PvP Rendszer', menu: [
                { href: 'http://lineage-2.hu/tudasterme/pvp/cp.php', text: 'Játékos Vs Játékos' },
                { href: 'http://lineage-2.hu/tudasterme/pvp/cursed_swords.php', text: 'Cursed Swords' },
                { href: 'http://lineage-2.hu/tudasterme/pvp/dueling.php', text: 'Dueling' },
                                           ] },
                             { text: 'Varázstárgyak', menu: [
                { href: 'http://lineage-2.hu/tudasterme/enhancements/enhancements.php', text: 'Enchantment' },
                { href: 'http://lineage-2.hu/tudasterme/enhancements/enhancements_2.php', text: 'Dyes és Symbols' },
                { href: 'http://lineage-2.hu/tudasterme/enhancements/enhancements_3.php', text: 'Speciális Abilities' },
                { href: 'http://lineage-2.hu/tudasterme/enhancements/enhancements_4.php', text: 'Fegyver Augmentation' },
                { href: 'http://lineage-2.hu/tudasterme/enhancements/elemental_attribute_system.php', text: 'Elemental Attribute Rendszer' },
                ] },
                { href: 'http://lineage-2.hu/tudasterme/seven_signs.php', text: 'Seven Signs' },
                 { text: 'Várostrom', menu: [
                { href: 'http://lineage-2.hu/tudasterme/siege/castle.php', text: 'Bemutatás' },
                { href: 'http://lineage-2.hu/tudasterme/siege/castle_2.php', text: 'Előkészületek' },
                { href: 'http://lineage-2.hu/tudasterme/siege/castle_3.php', text: 'Siege kezdés' },
                { href: 'http://lineage-2.hu/tudasterme/siege/castle_4.php', text: 'Szabályzat' },
                { href: 'http://lineage-2.hu/tudasterme/siege/castle_5.php', text: 'Kastély funkciók' },
                ] },              
                 { href: 'http://lineage-2.hu/tudasterme/summon_system/summon_0.php', text: 'Summon System' },
                 { text: 'Kasztok & Skillek', menu: [
                { href: 'http://lineage-2.hu/tudasterme/Knowledge/race_human.php', text: 'Human' },
                { href: 'http://lineage-2.hu/tudasterme/Knowledge/race_elf.php', text: 'Elf' },
                { href: 'http://lineage-2.hu/tudasterme/Knowledge/race_darkelf.php', text: 'Dark Elf' },
                { href: 'http://lineage-2.hu/tudasterme/Knowledge/race_orc.php', text: 'Orc' },
                { href: 'http://lineage-2.hu/tudasterme/Knowledge/race_dwarf.php', text: 'Dwarf' },
                { href: 'http://lineage-2.hu/tudasterme/Knowledge/race_kamael.php', text: 'Kamael' },
                ] },    
                { href: 'http://lineage-2.hu/tudasterme/manor.php', text: 'Manor system' },
                { href: 'http://lineage-2.hu/tudasterme/hazassag.php', text: 'Házasságkötés' },
                { href: 'http://lineage-2.hu/tudasterme/hero.php', text: 'Hero & Olimpia' },
                { href: 'http://lineage-2.hu/tudasterme/underground_coliseum.php', text: 'Földalatti Coliseum' },               
                { href: 'http://lineage-2.hu/tudasterme/fortress.php', text: 'Fortress Bemutatása' },
                { href: 'http://lineage-2.hu/tudasterme/transform.php', text: 'Transform eljárások' },
                 
        
        
        ] },
       
        
        { id: 'nav-extra', text: 'Extra' , menu: [
            { href: 'http://lineage-2.hu/extra/szerver_keszetes.php', text: 'Szerver készítés' },
            { href: 'http://lineage-2.hu/extra/bosses/index.htm', text: 'Boss térkép' },
            { href: 'http://lineage-2.hu/extra/wallpaper/wp_gracia.php', text: 'Háttérképek' },            
            { href: 'http://lineage-2.hu/karakter_kalkulator/index.html', text: 'Karakter kalkulátor' },
             { href: ' http://lineage-2.hu/extra/terkepek/index.php', text: 'Térképek' },  
            { href: 'http://lineage-2.hu/extra/probafulke.php', text: 'Próbafülke' },     
        ] },               
        { id: 'nav-support', href: 'http://lineage-2.hu/download/download.php', text: 'Letöltés' },
        
         { id: 'nav-ajanlo', href: 'http://lineage-2.hu/server_ajanlo/index.php', text: 'Szerver Ajánló' },
        { id: 'nav-kalkulator', href: 'http://lineage-2.hu/l2-inventory_plugins/wrap/wrap.php?17', text: 'Drop Kalkulátor' },
         { id: 'nav-toplista', href: 'http://toplista.lineage-2.hu', text: 'Toplista' },
        { id: 'nav-myaccount', href: 'http://lineage-2.hu/forum/index.php', text: 'Fórum' },        
        { id: 'nav-kapcsolat', href: 'http://lineage-2.hu/contact.php', text: 'Kapcsolat' },
        

        
        
    ], 
    attachToPage: function (div_name) {
        
        if (div_name) {
            var nav_div = document.getElementById(div_name);
            if (nav_div) {
                nav_div.innerHTML = this.getHTML();
                nav.init();
            }
        }
        else {
            document.write(nav.getHTML());
            nav.init();
            /*
            jQuery(document).bind('ready', function () {
                var old_nav = document.getElementById('navContainer');
                old_nav.setAttribute('id', 'nav');
                old_nav.innerHTML = '<div id="nav-top">&nbsp;</div>\n<div id="nav-main">' + nav.getHTML() + '</div>\n<div id="nav-bottom">&nbsp;</div>\n';
            });
            */
        }

        return(true);
    },
    getHTML: function () {
        var nav_primary = this.menu;
        var html = '\n<ul id="nav-primary">\n';
        for (var i = 0; i < nav_primary.length; i++) {
            html += '\t<li><a id="' + nav_primary[i].id + '" class="nav-primary-button" href="' + ((nav_primary[i].href != undefined) ? nav_primary[i].href : '#') + '">' + nav_primary[i].text + '</a>';
            if (nav_primary[i].menu) {
                var nav_secondary = nav_primary[i].menu;
                html += '\n\t\t<ul class="nav-secondary">\n';
                for (var j = 0; j < nav_secondary.length; j++) {
                    html += '\t\t\t<li>';

                    var html_tertiary = '';
                    if (nav_secondary[j].menu) {
                        var nav_tertiary = nav_secondary[j].menu;
                        
                        html_tertiary += '\n\t\t\t\t<ul class="nav-trinary">\n';
                        for (var k = 0; k < nav_tertiary.length; k++) {
                            html_tertiary += '\t\t\t\t\t<li>';
                            html_tertiary += '<a id="nav-tertiary-' + i + '-' + j + '-' + k + '"';
                            if (nav_tertiary[k].href && (location.href.indexOf(nav_tertiary[k].href) >= 0) && (location.href.indexOf(nav_tertiary[k].href) + nav_tertiary[k].href.length == location.href.length)) { html_tertiary += ' class="active"'; }
                            html_tertiary += ' href="' + ((nav_tertiary[k].href != undefined) ? nav_tertiary[k].href : '#') + '">';
                            html_tertiary += (nav_tertiary[k].text ? nav_tertiary[k].text : '<img src="' + nav_tertiary[k].image + '">') + '</a></li>\n';
                        }
                        html_tertiary += '\t\t\t\t</ul>\n\t\t\t';
                    }

                    html += '<a id="nav-secondary-' + i + '-' + j + '"';
                    if (html_tertiary) { html += ' class="nav-expand"'; }
                    if (nav_secondary[j].href && (location.href.indexOf(nav_secondary[j].href) >= 0) && (location.href.indexOf(nav_secondary[j].href) + nav_secondary[j].href.length == location.href.length)) { html += ' class="active"'; }
                    html += ' href="' + ((nav_secondary[j].href != undefined) ? nav_secondary[j].href : '#') + '">' + nav_secondary[j].text + '</a>';
                    html += html_tertiary + '</li>\n';
                } html += '\t\t</ul>\n\t';
            } html += '</li>\n';
        } html += '</ul>\n';
    
        return html;
    },
    init: function () {
        // Collapse subnavs (until js runs, the subnavs remain open to allow non-js folks to access the menus)
        jQuery("#nav-primary li:has('ul') > a").bind('click keydown', nav.select);
        // TODO: dont hide previously opened nav items from nav.selected
        jQuery("#nav-primary ul:not(':has('a.active')')").hide();
    },
    selected: [],
    select: function (e) {
        if (e.keyCode == 32 || e.keyCode == 13 || e.type == 'click') {
            if (jQuery(this).parent().children('.nav-secondary').size() > 0) {
                jQuery(this).addClass('nav-collapse').removeClass('nav-expand');
                jQuery(this).parent().children('.nav-secondary').slideDown();
            }
            else if (jQuery(this).parent().children('.nav-trinary').size() > 0) {
                jQuery(this).addClass('nav-collapse').removeClass('nav-expand');
                jQuery(this).parent().children('.nav-trinary').slideDown();
            }
            jQuery(this).unbind().bind('click keydown', nav.deselect);

            // track opened navs in nav.selected array (TODO: persist nav.selected across pages using cookies)
            nav.selected.push(jQuery(this).attr('id'));

            return(false);
        }
        return(this);
    },
    deselect: function (e) {
        if (e.keyCode == 32 || e.keyCode == 13 || e.type == 'click') {
            if (jQuery(this).parent().children('.nav-secondary').size() > 0) {
                jQuery(this).removeClass('nav-collapse').addClass('nav-expand');
                jQuery(this).parent().children('.nav-secondary').slideUp();
            }
            else if (jQuery(this).parent().children('.nav-trinary').size() > 0) {
                jQuery(this).removeClass('nav-collapse').addClass('nav-expand');
                jQuery(this).parent().children('.nav-trinary').slideUp();
            }
            jQuery(this).unbind().bind('click keydown', nav.select);

            // track opened navs in nav.selected array (TODO: persist nav.selected across pages using cookies)
            // remove deselected nav from nav.selcted.
            var id = jQuery(this).attr('id');
            for (var i = 0; i < nav.selected.length; i++) {
                if (nav.selected[i] == id) {
                    var rest = nav.selected.slice(i + 1);
                    nav.selected.length = i;
                    nav.selected.push.apply(nav.selected, rest);
                    break;
                }
            }

            return(false);
        }
        return(this);
    },
    setCookie: function (cookieName, cookieValue) {
        var today = new Date();
        var expire = new Date();
        expire.setTime(today.getTime() + 3600000 * 24 * 1);
        document.cookie = cookieName + "=" + escape(cookieValue) + ";expires=" + expire.toGMTString();
    },
    getCookie: function (cookieName) {
        var theCookie = "" + document.cookie;
        var ind = theCookie.indexOf(cookieName);
        if (ind == -1 || cookieName == "") return ""; 
        var ind1 = theCookie.indexOf(';', ind);
        if (ind1 == -1) ind1 = theCookie.length; 
        return unescape(theCookie.substring(ind + cookieName.length + 1, ind1));
    }    
};

// Compatibility with legacy nav draw call
var n_e = { output: nav.attachToPage };

// Make sure jQuery is loaded.
var jQueryScriptOutputted = false;
function initJQuery() {
    //if the jQuery object isn't available
    if (typeof(jQuery) == 'undefined') {
        if (! jQueryScriptOutputted) {
            //only output the script once..
            jQueryScriptOutputted = true;
            //output the script (load it from google api)
            document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></scr" + "ipt>");
        }
        setTimeout("initJQuery()", 50);
    }
    else {
        jQuery(document).bind('ready', function () {
            nav.attachToPage('nav-main');
        });
    }
}
initJQuery();