$(document).ready(function()  
    {  
		 clickedid = -1;
 		 sclickedid = -1;
		 curcssclasstop= "";
		 curcssclasswin= "";
		 
		 $(window).load(function () {
		 $("#intro").fadeIn("slow");
		 });
		 
     $('div[id*="menu"]').mousemove(function(){
		 	var id = $(this).attr('id').replace("menu", "");
 			$(this).addClass('tdmenu'+id+'_sel');
	   });
		 
		 $('div[id*="menu"]').mouseout(function(){
		 	var id = $(this).attr('id').replace("menu", "");
 			if (id!=clickedid) { $(this).removeClass('tdmenu'+id+'_sel'); }
	   });
		 
		  $('div[id*="sub"]').mousemove(function(){
		 	var id = $(this).attr('id').replace("sub", "");
 			$(this).addClass('tdsubmenu'+id+'_sel');
	   });
		 
		 $('div[id*="sub"]').mouseout(function(){
		 	var id = $(this).attr('id').replace("sub", "");
 			if (id!=sclickedid) { $(this).removeClass('tdsubmenu'+id+'_sel'); }
	   });
		 
		 function Submenu() { 
		 if ($("#sub2").is(":hidden")) {
      //$("#sub2").css("display","inline");
			$("#sub2").fadeIn("slow");
			} else {
			//$("#sub2").css("display","none");
			$("#sub2").fadeOut("slow");
			}
		 }
		 
		 function HideSubmenu() { 
		 if ($("#sub2").is(":visible")) {
 			$("#sub2").css("display","none");
			$("#sub21").removeClass('tdsubmenu21_sel');
			$("#sub22").removeClass('tdsubmenu22_sel');
			$("#sub23").removeClass('tdsubmenu23_sel');
			sclickedid = -1;
			}
		 }
		 
		 $('div[id*="menu"]').click(function(){
		  var menu = $(this).attr('id');
    	var id = menu.replace("menu", "");
			if (id==2) { Submenu(); } else { HideSubmenu(); }
	   	if ((clickedid!=-1) && (id!=clickedid)) { $("#menu"+clickedid).removeClass('tdmenu'+clickedid+'_sel'); }
			clickedid = id;
			file = menu + ".html";
			cssclasstop= "tdwintop"+menu;
			cssclasswin= "tdwin"+menu;
			if (curcssclasstop!="")
			{
			 $("#wintop").removeClass(curcssclasstop);
			 $("#tdwin").removeClass(curcssclasswin);
			}
			curcssclasstop= cssclasstop;
		  curcssclasswin= cssclasswin;
			$("#wincontent").hide();
			$("#wincontent").attr("src",file);
			$("#wincontent").fadeIn("slow");
    	$("#wintop").addClass(cssclasstop);
			$("#tdwin").addClass(cssclasswin);
			
	   }); 
		 
		 	$('div[id*="sub"]').click(function(){
			var submenu = $(this).attr('id');
    	var id = submenu.replace("sub", "");
			if (id>20) {
	   	if ((sclickedid!=-1) && (id!=sclickedid)) { $("#sub"+sclickedid).removeClass('tdsubmenu'+sclickedid+'_sel'); }
			$("#sub"+id).addClass('tdsubmenu'+id+'_sel');
			sclickedid = id;
			file = submenu + ".html";
			cssclasstop= "tdwintop"+submenu;
			cssclasswin= "tdwin"+submenu;
			if (curcssclasstop!="")
			{
			 $("#wintop").removeClass(curcssclasstop);
			 $("#tdwin").removeClass(curcssclasswin);
			}
			curcssclasstop= cssclasstop;
		  curcssclasswin= cssclasswin;			
			$("#wincontent").hide();
			$("#wincontent").attr("src",file);
			$("#wincontent").fadeIn("slow");
	    $("#wintop").addClass(cssclasstop);
			$("#tdwin").addClass(cssclasswin);		
			}
	   }); 
		 
	   $("#intro").click(function(){
     $(this).fadeOut("slow");
     $("#content").fadeIn("slow");
     });		 
		
		});