function mySpecialNav(array) {
	var countOfMajorNav = array.getMaxGroupId();
	var htmlResult = "<ul>"
	for(var i = 0; i < countOfMajorNav; i++){
		var tempArray = array.getArrayByGroup(i+1);
		if(tempArray.length > 1){
			for(var ii = 0; ii < tempArray.length; ii++){
				if((ii == 0) && (tempArray.length > 1)){
					htmlResult += "<li><a href='" + tempArray[ii].link + "' target='" + tempArray[ii].target + "'>" 
						+ tempArray[ii].title + "</a><ul>";
				} else if (ii == tempArray.length - 1){
					htmlResult += "<li><a href='" + tempArray[ii].link + "' target='" + tempArray[ii].target + "'>" 
						+ tempArray[ii].title + "</a><li></ul>";
				} else {
					htmlResult += "<li><a href='" + tempArray[ii].link + "' target='" + tempArray[ii].target + "'>" 
						+ tempArray[ii].title + "</a><li>";
				}
			}
		}
	}
	htmlResult += "</ul>";
	$('#slidenav').html(htmlResult);
	$('#slidenav > ul > li').mouseenter(function(evt) {
		clearTimeout($(this).find('ul')[0].hideTimeout);
		$(this).addClass('over');
		if($(this).find('ul').width() < $(this).find('ul').parent().width()){
			$(this).find('ul').width($(this).find('ul').parent().width());
		}
		$(this).find('ul').show();
	});
	$('#slidenav > ul > li').mouseleave(function(evt) {
		var _self = this;
		$(this).find('ul')[0].hideTimeout = setTimeout(function(){
				$(_self).find('ul').hide();
				$(_self).removeClass('over');
				delete $(_self).find('ul').hideTimeout;
			},
			10
		);
		
	});
	$('#slidenav ul li ul li').mouseenter(function() {
		$(this).addClass('over2');
	});
	$('#slidenav ul li ul li').mouseleave(function() {
		$(this).removeClass('over2');
	});
}