// JavaScript Document

$(document).ready(function(){	

	var menuitem = $('.outermenu');

	for(i=1,j=100;i<=menuitem.length;i++) {
		
		$('.midbg').eq(i-1).css('z-index', menuitem.length-i+j);
		$('.menucontent').eq(i-1).css('z-index', menuitem.length-i+j-1);
		j-=2;
	}	
	
	$('.midbg').mouseover(function() {
		if($(this).next().find('.NullContent').html()==null) {
			if($(this).hasClass('midbg-sel')) {
			   $(this).addClass('sel')
			   $(this).removeClass('midbg-sel');		   
			} else {
				$(this).removeClass('midbg-still');
			}
			if($(this).find('.leftbg').hasClass('leftbg-sel')) {
			   $(this).find('.leftbg').addClass('sel')
			   $(this).find('.leftbg').removeClass('leftbg-sel');		   
			} else {
				$(this).find('.leftbg').removeClass('leftbg-still');
			}
			if($(this).find('.rightbg').hasClass('rightbg-sel')) {
			   $(this).find('.rightbg').addClass('sel')
			   $(this).find('.rightbg').removeClass('rightbg-sel');		   
			} else {
				$(this).find('.rightbg').removeClass('rightbg-still');
			}
			$(this).next().show();
		}
	});
	$('.midbg').mouseout(function() {     
		if($(this).hasClass('sel')) {
		   $(this).removeClass('sel')
		   $(this).addClass('midbg-sel');		   
		} else {
			$(this).addClass('midbg-still');
		}
		if($(this).find('.leftbg').hasClass('sel')) {
		   $(this).find('.leftbg').removeClass('sel')
		   $(this).find('.leftbg').addClass('leftbg-sel');		   
		} else {
			$(this).find('.leftbg').addClass('leftbg-still');
		}
		if($(this).find('.rightbg').hasClass('sel')) {
		   $(this).find('.rightbg').removeClass('sel')
		   $(this).find('.rightbg').addClass('rightbg-sel');		   
		} else {
			$(this).find('.rightbg').addClass('rightbg-still');
		}
		$(this).next().hide();
	});
	$('.menucontent').mouseover(function() {
		$(this).show();
		if($(this).prev().find('.leftbg').hasClass('leftbg-sel')) {
		   $(this).prev().find('.leftbg').addClass('sel')
		   $(this).prev().find('.leftbg').removeClass('leftbg-sel');		   
		} else {
			$(this).prev().find('.leftbg').removeClass('leftbg-still');
		}
		if($(this).prev().find('.rightbg').hasClass('rightbg-sel')) {
		   $(this).prev().find('.rightbg').addClass('sel')
		   $(this).prev().find('.rightbg').removeClass('rightbg-sel');		   
		} else {
			$(this).prev().find('.rightbg').removeClass('rightbg-still');
		}
		if($(this).prev().hasClass('midbg-sel')) {
		   $(this).prev().addClass('sel')
		   $(this).prev().removeClass('midbg-sel');		   
		} else {
			$(this).prev().removeClass('midbg-still');
		}
	});
	$('.menucontent').mouseout(function() {
		if($(this).prev().find('.leftbg').hasClass('sel')) {
		   $(this).prev().find('.leftbg').removeClass('sel')
		   $(this).prev().find('.leftbg').addClass('leftbg-sel');		   
		} else {
			$(this).prev().find('.leftbg').addClass('leftbg-still');
		}
		if($(this).prev().find('.rightbg').hasClass('sel')) {
		   $(this).prev().find('.rightbg').removeClass('sel')
		   $(this).prev().find('.rightbg').addClass('rightbg-sel');		   
		} else {
			$(this).prev().find('.rightbg').addClass('rightbg-still');
		}
		if($(this).prev().hasClass('sel')) {
		   $(this).prev().removeClass('sel')
		   $(this).prev().addClass('midbg-sel');		   
		} else {
			$(this).prev().addClass('midbg-still');
		}
		$(this).hide();
	});
})

function menuItmMsOver() {
	
}