var out = 0;
level = -1;
code = {	
  'red'           : 1,	
  'orange'				: 2,	
  'yellow'        : 3,	
  'yellowgreen'   : 4,	
  'seagreen'      : 5,	
  'green'         : 6,	
  'cyan'          : 7,	
  'turquoise'     : 8,	
  'epo'           : 9,
  'pink0'         : 10
} ; 
function DrawLevel(l) 
{ 
  var overFunc = function () {
    var m=$(this).children("ul:first");
    var nh=m.outerHeight();
    var wh=$(window).height();
    var dpos=$(window).scrollTop();
    var pos=$(this).offset();
    var th=(pos.top-dpos)+nh;
    if (th>wh) 
    { 
      var tp=(-(th-wh));
      if (tp+(pos.top-dpos)<0) tp=tp-(tp+(pos.top-dpos));
      m.css("top",tp+"px");
    } 
  }; 
  
  var outFunc  = function(){};
  
  $(function() {
  
    out = buildMenu(makeMenuTree(l)); 
    
    if (l>0) {    
      var parent = myParent(l);                      
      if (typeof(parent) == 'object' && parent.length>0) 
      {
         var outLI = $('<li></li>')
                      .addClass('nav-list-'+code[parent[0][4]]+'-selected')
                      .append('<div><a href="#">'+parent[0][1]+'</a></div>')
                      .prepend('<div class="topb pngFix-t"></div>')
                      .append('<div class="bottomb pngFix-b"></div>'); 
         
         outLI.prependTo(out);
      }
    } // if (l>0) END
    
    out.superfish().find("ul").bgIframe();        
    
    $("li", out).hover(overFunc,outFunc);
    
    // hitre povezave
    $(".quicklink").change(
       function () {
         if ($(this).val() != "") window.location = $(this).val();
       }
    );
                 
    $("#navigation #navH").empty().append(out);   
    
  }); // $(function() END
   
  function makeMenuTree(ix)
  {  
  	var arrTemp = $.grep(Menu, function(n, i){ return(n[3] == ix); });         
  	
  	if (typeof(arrTemp) == 'object' && arrTemp.length>0) 
  	  for(var i=0; i<arrTemp.length; i++) arrTemp[i][5] = makeMenuTree(arrTemp[i][0]);  
  	
  	return arrTemp;
  } 
  function buildMenu(arr) 
  {
  	if (typeof(arr) == 'object') 
  	{                                               
  		var out0 = $('<ul></ul>').addClass((++level == 0) ? 'sf-menu sf-vertical' : ''); 
  		for (var i=0; i<arr.length; i++) 
  		{ 
  		  var link = (arr[i][5] && arr[i][2]!='') ? arr[i][2] : '#';
  			var outLI = $('<li></li>')
  			            .addClass('nav-list-'+code[arr[i][4]])
  			            .append('<div><a href="'+link+'">'+arr[i][1]+'</a></div>')
  			            .prepend('<div class="topb pngFix-t"></div>')
  			            .append('<div class="bottomb pngFix-b"></div>');  
  			            
  		 	if (typeof(arr[i][5]) == 'object' && arr[i][5].length > 0) 
  		 	{
  		 	  var x0 = buildMenu(arr[i][5]);
  		 	  x0.appendTo(outLI); 
  		 	}     
      
        outLI.appendTo(out0);
        
  		} // for END
  	
  	} // if END    
  	
  	return out0; 
  	
  } // function buildMenu() END  
  
  function myParent(parent)
  {
    return $.grep(Menu, function(n,i){return(n[0]==parent);}); 
  }                  
}