$(document).ready(function() {
/* ___ ul -> Selectbox ______________________________________________________ */
	
    var naviString = "#naviSub";
    var navis = [ "Work", "Info" ];
    
    jQuery.each(navis, function() {
        var selectBox = "<option value=\"\">please choose "+this+"</option>";
//console.log(selectBox);
//console.log(this);
        // alle Links der Liste finden
        $(naviString+this+" a").each(function() {
//console.log(this);
            // den href des jeweiligen Links speichern
            var opt_val = $(this).attr("href");
            
            // den Text des jeweiligen Links speichern
            var opt_text = $(this).html();
            
            // Options fuer das zu erstellende <select> bauen
            // wenn Klasse "acticle" ist, dann ist es der aktuelle Artikel und muss selected werden
            var is_selected = $(this).hasClass("active");
            if (is_selected == false) {
                selectBox = selectBox+"<option value=\""+opt_val+"\">"+opt_text+"</option>\n";
            } else {
                selectBox = selectBox+"<option selected=\"selected\" value=\""+opt_val+"\">"+opt_text+"</option>\n";
            }
        });
        // <select> Tags um die Options legen
        selectBox = "<select id=\"selectSub"+this+"\" class=\"selectSub\">"+selectBox+"</select>"
//console.log(selectBox);
        // <select> nach der Liste einfuegen
        $(naviString+this).after(selectBox);
        // select var leeren
        selectBox = "";
        
        // Liste verstecken
        $(naviString+this).hide();
	});
    
	$(".selectSub").change(function() {
		var articleHref = $(this).attr("value");
        
        if (articleHref === undefined) {}
        else {
            window.location.href = articleHref;
        }
	});
});