var timer;
    var naviback = 3;
    var navimain;
    var navisub1;
    var navisub2;



    function onStart (a, b, c, d) {

        if (a) { naviback = a; }
        if (b) { navimain = b; }
        if (c) { navisub1 = c; }
        if (d) { navisub2 = d; }

        resetSubs ()
    }

    function showSub1(id) {

        var foo = document.getElementById(id);
        var bar = document.getElementsByTagName("div");

	      for (var i = 1; i<=10; i++) {
		    if (document.getElementById('s'+i)) {document.getElementById('s'+i).style.display='none';}
		    for (var j = 1; j<=10; j++) {
            	if (document.getElementById('su'+i+'_'+j)) {document.getElementById('su'+i+'_'+j).style.display='none';}
		    }
	      }

        if (foo) {
            foo.style.display='block';
            bar['naviback1'].style.zIndex='2';
            bar['naviback2'].style.zIndex='4';
            bar['naviback3'].style.zIndex='3';

            clearTimeout(timer);
            timer = setTimeout("resetSubs();", 4000);

        }
    }
    function showSub2(id) {

        var foo = document.getElementById(id);
        var bar = document.getElementsByTagName("div");


        for (var i = 1; i<=10; i++) {
        	for (var j = 1; j<=10; j++) {
		        if (document.getElementById('su'+i+'_'+j)) {document.getElementById('su'+i+'_'+j).style.display='none';}
	    	 }
	    }

        if (foo) {
            foo.style.display='block';
            bar['naviback1'].style.zIndex='2';
            bar['naviback2'].style.zIndex='3';
            bar['naviback3'].style.zIndex='4';

            clearTimeout(timer);
            timer = setTimeout("resetSubs();", 3000);
        }
    }
    function resetSubs () {

        var bar = document.getElementsByTagName("div");

        for (var i = 1; i<=10; i++) {
		    if (document.getElementById('s'+i)) {document.getElementById('s'+i).style.display='none';}
            if (document.getElementById('m'+i)) {document.getElementById('m'+i).className = 't' + i;}
		    
		    for (var j = 1; j<=10; j++) {
	            if (document.getElementById('su'+i+'_'+j)) {document.getElementById('su'+i+'_'+j).style.display='none';}
            	if (document.getElementById('s'+i+'_'+j)) {document.getElementById('s'+i+'_'+j).className = '';}
		    }
      	}

        if (navimain) {
            document.getElementById('m' + navimain).className = 't' + navimain + ' active';
        }
      	
      	if (navisub1) {
            foo = document.getElementById(navisub1);

            if (foo) {
                foo.style.display='block';

                if (navisub2) {
                    fbar = document.getElementById(navisub2);

                    //document.getElementById('s1_1').className = 'active';
                    
                    if (fbar) {
                        fbar.style.display='block';
                    }
                }
           }
        }

        if (naviback == 3) {
            bar['naviback1'].style.zIndex='2';
            bar['naviback2'].style.zIndex='3';
            bar['naviback3'].style.zIndex='4';

        } else if (naviback == 2) {
            bar['naviback1'].style.zIndex='3';
            bar['naviback2'].style.zIndex='4';
            bar['naviback3'].style.zIndex='2';

        } else {
            bar['naviback1'].style.zIndex='4';
            bar['naviback2'].style.zIndex='3';
            bar['naviback3'].style.zIndex='2';

        }
    }

    function markHover(idh) {

    	for (var i = 1; i<=10; i++) {
            if (document.getElementById('m'+i)) {document.getElementById('m'+i).className = 't' + i;}
        }

        if (navimain) {
            document.getElementById('m' + navimain).className = 't' + navimain + ' active';
        }

        if (navimain != idh) {
            document.getElementById('m' + idh).className = 't' + idh + ' hover';
        }
    }
    
    
    function markHoverSub(ids, idh) {

        for (var i = 1; i<=10; i++) {
        	for (var j = 1; j<=10; j++) {
		        if (document.getElementById('s'+i+'_'+j)) {document.getElementById('s'+i+'_'+j).className = '';}
	    	 }
	    }

	    document.getElementById('s'+ids+'_' + idh).className = 'active';
    }