jQuery( function($){
	$(function(){
		var mode = "normal";
		var merit = 0;
		var prev_menu = "";

		var current_description_id = "";
		var current_description_menu_id = "";


		var it_hidden_menu = [];

		$(".seminar_menu").each( function() {
			if ( $(this).css( "visibility" ) == "hidden" ) {
				it_hidden_menu.push( $(this) );
			}
		});


		var current_menu = null;
		var close_popup_menu = function( close_menu, open_menu ) {
			if ( close_menu != null ) {
				close_menu.animate( {"opacity":"0"}, 300, "", function(){
					close_menu.css( "visibility", "hidden" );
					if ( open_menu != null ) {
						setTimeout( function(){popup_menu_open( open_menu )}, 100 );
					}
				} );
			}
			else {
				if ( open_menu != null ) {
					popup_menu_open( open_menu );
					return;
				}
			}
		};

		var popup_menu_open = function( menu ) {
			if ( current_menu != null && menu.attr("id") == current_menu.attr("id") ) {
				return;
			}

			if ( current_menu != null ) {
				current_menu.css( "z-index", "1000" );
			}
			var old = current_menu;
			menu.css( "z-index", "1010" );
			menu.css( "visibility", "visible" );
			menu.animate( { "opacity":"1.0"}, 300, "", function() {
				if ( old != null ) {
					old.css( "visibility", "hidden" );
				}
			});
			current_menu = menu;
		};
	    $('#fl_topmanu').crossSlide(
	        {
	            sleep: 0.1, //in px/sec
	            fade: 0.5    //in sec
	        },
	        [
	          { src: 'img/header/main01_concept_03.jpg' }, // 1
	          { src: 'img/header/main01_concept_03.jpg' }, // 2
	          { src: 'img/header/main01_concept_03.jpg' }, // 3
	          { src: 'img/header/main01_concept_03.jpg' }, // 4
	          { src: 'img/header/main01_concept_03.jpg' }, // 5
	          { src: 'img/header/main01_concept_03.jpg' }, // 6
	          { src: 'img/header/main01_concept_03.jpg' }, // 7
	          { src: 'img/header/main01_concept_03.jpg' }, // 8
	          { src: 'img/header/main01_concept_03.jpg' }, // 9
	          { src: 'img/header/main01_concept_03.jpg' }, // 10
	          { src: 'img/header/main01_concept_03.jpg' }, // 11
	          { src: 'img/header/main01_concept_03.jpg' }, // 12
	          { src: 'img/header/main01_concept_03.jpg' }, // 13
	          { src: 'img/header/main01_concept_03.jpg' }, // 14
	          { src: 'img/header/main01_concept_03.jpg' }, // 15
	          { src: 'img/header/merit01_20.jpg' },  // 1
	          { src: 'img/header/merit01_21.jpg' },  // 2
	          { src: 'img/header/merit01_22.jpg' },  // 3
	          { src: 'img/header/merit01_23.jpg' },  // 4
	          { src: 'img/header/merit01_23.jpg' },  // 5
	          { src: 'img/header/merit01_23.jpg' },  // 6
	          { src: 'img/header/merit01_23.jpg' },  // 7
	          { src: 'img/header/merit01_23.jpg' },  // 8
	          { src: 'img/header/merit01_23.jpg' },  // 9
	          { src: 'img/header/merit01_23.jpg' },  // 10
	          { src: 'img/header/merit01_23.jpg' },  // 11
	          { src: 'img/header/merit01_23.jpg' },  // 12
	          { src: 'img/header/merit01_23.jpg' },  // 13
	          { src: 'img/header/merit01_23.jpg' },  // 14
	          { src: 'img/header/merit01_23.jpg' },  // 15
	          { src: 'img/header/merit02_20.jpg' },  // 1
	          { src: 'img/header/merit02_21.jpg' },  // 2
	          { src: 'img/header/merit02_22.jpg' },  // 3
	          { src: 'img/header/merit02_23.jpg' },  // 4
	          { src: 'img/header/merit02_23.jpg' },  // 5
	          { src: 'img/header/merit02_23.jpg' },  // 6
	          { src: 'img/header/merit02_23.jpg' },  // 7
	          { src: 'img/header/merit02_23.jpg' },  // 8
	          { src: 'img/header/merit02_23.jpg' },  // 9
	          { src: 'img/header/merit02_23.jpg' },  // 10
	          { src: 'img/header/merit02_23.jpg' },  // 11
	          { src: 'img/header/merit02_23.jpg' },  // 12
	          { src: 'img/header/merit02_23.jpg' },  // 13
	          { src: 'img/header/merit02_23.jpg' },  // 14
	          { src: 'img/header/merit02_23.jpg' },  // 15
	          { src: 'img/header/merit03_20.jpg' },  // 1
	          { src: 'img/header/merit03_21.jpg' },  // 2
	          { src: 'img/header/merit03_22.jpg' },  // 3
	          { src: 'img/header/merit03_23.jpg' },  // 4
	          { src: 'img/header/merit03_23.jpg' },  // 5
	          { src: 'img/header/merit03_23.jpg' },  // 6
	          { src: 'img/header/merit03_23.jpg' },  // 7
	          { src: 'img/header/merit03_23.jpg' },  // 8
	          { src: 'img/header/merit03_23.jpg' },  // 9
	          { src: 'img/header/merit03_23.jpg' },  // 10
	          { src: 'img/header/merit03_23.jpg' },  // 11
	          { src: 'img/header/merit03_23.jpg' },  // 12
	          { src: 'img/header/merit03_23.jpg' },  // 13
	          { src: 'img/header/merit03_23.jpg' },  // 14
	          { src: 'img/header/merit03_23.jpg' }  // 15
	        ]
	    );
		var show_normal = function() {
		};
		
		var show_it = function() {
		};


		var menu_close = function() {
			close_popup_menu( current_menu, null );
			current_menu = null;
			prev_menu_off( prev_menu );
			prev_menu = "";

			it_mode_close();
			$(".popup").css( "display", "none" ); //.css("opacity","1.0");
		}

		$(".menu_close").click( function() {
			menu_close();
		}).mouseover( function(){
			$(this).css( "cursor","pointer" );
		});

		var prev_menu_off = function( prev ) {
			switch ( prev ) {
			case "access": 	$("#seminar_menu_it_access").attr( "src", "img/header/access_title.jpg" ); break;
			case "excel": 	$("#seminar_menu_it_excel").attr( "src", "img/header/excel_title.jpg" ); break;
			case "office": $("#seminar_menu_it_office").attr( "src", "img/header/office_title.jpg" ); break;
			case "vba": $("#seminar_menu_it_vba").attr( "src", "img/header/vba_title.jpg" ); break;
			case "web": $("#seminar_menu_it_web").attr( "src", "img/header/web_title.jpg" ); break;
			case "business":
			case "language":  $("#seminar_menu_bg").attr( "src", "img/header/seminar_bg05.jpg" ); break;
			}
		};

		var popup_description = function( this_ ) {
			if ( current_description_menu_id.length > 0 ) {
				$("#" + current_description_menu_id ).attr( "src", "img/header/" + current_description_menu_id + ".jpg" );
			}

			var id = $(this_).attr("id");
			current_description_menu_id = id;
			$(this_).attr( "src", "img/header/" + id + "_on.jpg" );
			$(this_).css( "cursor","pointer" );

			$(".popup").css( "display", "none" );
			current_description_id = "#" + id + "_popup";
			$(current_description_id ).fadeIn( 300 );
		};
		var popdown_description = function() {
			var id = current_description_menu_id;
			$("#" + id ).attr( "src", "img/header/" + id + ".jpg" );

			if ( current_description_id.length > 0 ) {
				$(current_description_id ).fadeOut( 200 );
			}
		};

		$(".popup_close").click( function(){
			$(this).closest( ".popup" ).fadeOut( 200 );
		}).mouseover(function(){
			$(this).css( "cursor","pointer" );
		});
		

		var popup_close_timer = null;
		$("img.menu_botton").mouseover( function(e) {
			if ( popup_close_timer ) {
				window.clearTimeout( popup_close_timer );
				popup_close_timer = null;
			}
			popup_description( this );
		}).mouseout( function(e) {
			popup_close_timer = setTimeout( function(){popdown_description();}, 200 );
		});
		$(".popup").mouseover( function(e){
			if ( popup_close_timer ) {
				window.clearTimeout( popup_close_timer );
				popup_close_timer = null;
			}
		}).mouseout( function() {
			popup_close_timer = setTimeout( function(){popdown_description();}, 200 );
		});


		var set_category_menu = function( category_name ) {
			if ( mode == "normal" ) {
				it_mode_open();
				if ( prev_menu != category_name ) {
					prev_menu_off( prev_menu );
				}
				$("#seminar_menu_it_" + category_name).attr( "src", "img/header/" + category_name + "_title_on.jpg" );

				prev_menu = category_name;
				close_popup_menu( current_menu, $("#" + category_name + "_menu") );
			}
			else {
				if ( prev_menu == category_name ) return;
				prev_menu_off( prev_menu );
				$("#seminar_menu_it_" + category_name).attr( "src", "img/header/" + category_name + "_title_on.jpg" );
				prev_menu = category_name;

				close_popup_menu( current_menu, $("#" + category_name + "_menu") );
			}
		};


		$("#seminar_menu_it_access").mouseover( function(e) {
			set_category_menu( "access" );
		});

		$("#seminar_menu_it_excel").mouseover( function(e) {
			set_category_menu( "excel" );
		});

		$("#seminar_menu_it_vba").mouseover( function(e) {
			set_category_menu( "vba" );
		});

		$("#seminar_menu_it_office").mouseover( function(e) {
			set_category_menu( "office" );
		});

		$("#seminar_menu_it_web").mouseover( function(e) {
			set_category_menu( "web" );
		});

		$("#seminar_menu_04").mouseover( function(e) {

				if ( prev_menu == "language" ) return;
				prev_menu_off( prev_menu );
				$("#seminar_menu_bg").attr( "src", "img/header/seminar_bg11.jpg" );
				prev_menu = "language";
				close_popup_menu( current_menu, $("#language_menu") );
		});

		$("#seminar_menu_05").mouseover( function(e) {

				if ( prev_menu == "business" ) return;
				prev_menu_off( prev_menu );
				$("#seminar_menu_bg").attr( "src", "img/header/seminar_bg12.jpg" );
				prev_menu = "business";
				close_popup_menu( current_menu, $("#business_menu") );
		});

		var it_mode_open = function() {
			if ( mode == "it" ) return;

			mode = "it";
			$("#seminar_menu_it").animate({"left":"0px"}, 500 );
			
			for( var i=0; i<it_hidden_menu.length; i++ ) { //>
				it_hidden_menu[i].stop().css("visibility","visible").animate({"opacity":"0.8"}, 500);
			}
			$("#seminar_menu_04").css("display","none");
			$("#seminar_menu_05").css("display","none");
		};


		var it_mode_close = function() {
			if ( mode == "it" ) {
				mode = "normal";
				$("#seminar_menu_04").css("display","block");
				$("#seminar_menu_05").css("display","block");
				$("#seminar_menu_it").animate({"left":"-392px"}, 500);


				for( var i=0; i<it_hidden_menu.length; i++ ) { //>
					it_hidden_menu[i].animate({"opacity":"0"}, 300, "", function(){
						$(this).css( "visibility","hidden" );
					});
				}
			}
		};

		$("#fl_mainmanu").mouseleave( function(e) {
			it_mode_close();
			prev_menu_off( prev_menu );

			close_popup_menu( current_menu, null );
			current_menu = null;
			prev_menu = "";

			$(".popup").css( "display", "none" );
		});


		$(".menu_detail").mouseover( function(e){
			$(this).attr( "src", "img/header/course_detail_on.jpg" );
		}).mouseout( function(e){
			$(this).attr( "src", "img/header/course_detail.jpg" );
		});

		$(".menu_close2").mouseover( function(e){
			$(this).attr( "src", "img/header/menu_close_on.jpg" );
			$(this).css( "cursor","pointer" );
		}).mouseout( function(e){
			$(this).attr( "src", "img/header/menu_close.jpg" );
		}).click( function(e){
			menu_close();
		});

		$("#fl_menu").mousemove( function(e){
			it_mode_open();
		});


		$("#language_menu map area").hover(
			function(){
				$("#language_menu_bg").attr("src", "img/header/PBE_TopMain_1_on.jpg" );
			},
			function(){
				$("#language_menu_bg").attr("src", "img/header/PBE_TopMain_1.jpg" );
			}
		);

		$("img.menu_botton2, img.menu_botton3").mouseover( function() {
			var src = $(this).attr( "src" );
			src = src.substr( 0, src.length-4 );
			$(this).attr( "src", src + "_on.jpg" );
		}).mouseout( function() {
			var src = $(this).attr( "src" );
			src = src.substr( 0, src.length-7 );
			$(this).attr( "src", src + ".jpg" );
		});
	});
});