// JavaScript Document

	/*
	document.getElementsByClassName = function(clsName){
	    var retVal = new Array();
	    var elements = document.getElementsByTagName("*");
	    for(var i = 0;i < elements.length;i++){
	        if(elements[i].className.indexOf(" ") >= 0){
	            var classes = elements[i].className.split(" ");
	            for(var j = 0;j < classes.length;j++){
	                if(classes[j] == clsName)
	                    retVal.push(elements[i]);
	            }
	        }
	        else if(elements[i].className == clsName)
	            retVal.push(elements[i]);
	    }
	    return retVal;
	}
	*/

	function showMenu(active, current) {

		if (active !== current) {
			
			if (current > -1) {
				var current_main = document.getElementById('main' + current);
				current_main.style.backgroundImage = 'url()';
			}
			
			var active_main = document.getElementById('main' + active);
			
			if (active == '5') {	// if the last item
				active_main.style.backgroundImage = 'url("../pics/layout/nav_main_selected_last.gif")';					
			}
			else if (active == '4') {  // if the semi-last item
	      active_main.style.backgroundImage = 'url("../pics/layout/nav_main_selected_whole2.gif")';
      }
			else {
				active_main.style.backgroundImage = 'url("../pics/layout/nav_main_selected_whole3.gif")';
			}
			
			if (current > -1 && current < 4) {
				var current_sub = document.getElementById('sub' + current);
				current_sub.style.display = 'none';
			}
			
			if (active < 4) {
				var active_sub = document.getElementById('sub' + active);
				active_sub.style.display = 'block';
			}
		
		}
	}
	
	function hideMenu(active, current) {
		
		if (active != current) {
		
			if (current > -1) {
				var current_main = document.getElementById('main' + current);
				if (current == 4) {
				  current_main.style.backgroundImage = 'url("../pics/layout/nav_main_selected_whole2.gif")';
        }
        else if (current == 5) {
          current_main.style.backgroundImage = 'url("../pics/layout/nav_main_selected_last.gif")';
        }
        else {
          current_main.style.backgroundImage = 'url("../pics/layout/nav_main_selected_whole3.gif")';
        }
			}
			
			var active_main = document.getElementById('main' + active);
			active_main.style.backgroundImage = 'url()';
			
			if (current > -1 && current < 4) {
				var current_sub = document.getElementById('sub' + current);
				current_sub.style.display = 'block';
			}
			
			if (active < 4) {
				var active_sub = document.getElementById('sub' + active);
				active_sub.style.display = 'none';
			}
			
		}
	}