// JavaScript Document
$(document).ready(function () {
    $('.item01').hover(function () {
      /*  if ($(".item02-sub").is(':visible')) {
            $('.item02-sub').css('display', 'none');
        }
*/
        if ($(".item03-sub").is(':visible')) {
            $('.item03-sub').css('display', 'none');
        }

      /*  if ($(".item04-sub").is(':visible')) {
            $('.item04-sub').css('display', 'none');
        }
*/
        if ($(".item05-sub").is(':visible')) {
            $('.item05-sub').css('display', 'none');
        }

        if ($(".item06-sub").is(':visible')) {
            $('.item06-sub').css('display', 'none');
        }

        if ($(".item01-sub").is(':visible') == false) {
            $('.item01-sub').fadeIn();
        }
    });

    $('.item02').hover(function () {
        if ($(".item01-sub").is(':visible')) {
            $('.item01-sub').css('display', 'none');
        }

        if ($(".item03-sub").is(':visible')) {
            $('.item03-sub').css('display', 'none');
        }

      /*  if ($(".item04-sub").is(':visible')) {
            $('.item04-sub').css('display', 'none');
        }
*/
        if ($(".item05-sub").is(':visible')) {
            $('.item05-sub').css('display', 'none');
        }

        if ($(".item06-sub").is(':visible')) {
            $('.item06-sub').css('display', 'none');
        }


      /*  if ($(".item02-sub").is(':visible') == false) {
            $('.item02-sub').fadeIn(); 
        }*/
    });
   
    $('.item03').hover(function () {
        if ($(".item01-sub").is(':visible')) {
            $('.item01-sub').css('display', 'none');
        }

       /* if ($(".item02-sub").is(':visible')) {
            $('.item02-sub').css('display', 'none');
        }

        if ($(".item04-sub").is(':visible')) {
            $('.item04-sub').css('display', 'none');
        }
*/
        if ($(".item05-sub").is(':visible')) {
            $('.item05-sub').css('display', 'none');
        }

        if ($(".item06-sub").is(':visible')) {
            $('.item06-sub').css('display', 'none');
        }


        if ($(".item03-sub").is(':visible') == false) {
            $('.item03-sub').fadeIn();
        }
    });
    
    $('.item04').hover(function () {
        if ($(".item01-sub").is(':visible')) {
            $('.item01-sub').css('display', 'none');
        }

      /*  if ($(".item02-sub").is(':visible')) {
            $('.item02-sub').css('display', 'none');
        }
*/
        if ($(".item03-sub").is(':visible')) {
            $('.item03-sub').css('display', 'none');
        }

        if ($(".item05-sub").is(':visible')) {
            $('.item05-sub').css('display', 'none');
        }

        if ($(".item06-sub").is(':visible')) {
            $('.item06-sub').css('display', 'none');
        }


       /* if ($(".item04-sub").is(':visible') == false) {
            $('.item04-sub').fadeIn(); 
        }*/
    });
   
    $('.item05').hover(function () {
        if ($(".item01-sub").is(':visible')) {
            $('.item01-sub').css('display', 'none');
        }

      /*  if ($(".item02-sub").is(':visible')) {
            $('.item02-sub').css('display', 'none');
        }
*/
        if ($(".item03-sub").is(':visible')) {
            $('.item03-sub').css('display', 'none');
        }

    /*    if ($(".item04-sub").is(':visible')) {
            $('.item04-sub').css('display', 'none');
        }
*/
        if ($(".item06-sub").is(':visible')) {
            $('.item06-sub').css('display', 'none');
        }


        if ($(".item05-sub").is(':visible') == false) {
            $('.item05-sub').fadeIn();
        }
    });

    $('.item06').hover(function () {
        if ($(".item01-sub").is(':visible')) {
            $('.item01-sub').css('display', 'none');
        }

     /*   if ($(".item02-sub").is(':visible')) {
            $('.item02-sub').css('display', 'none');
        }
*/
        if ($(".item03-sub").is(':visible')) {
            $('.item03-sub').css('display', 'none');
        }
/*
        if ($(".item04-sub").is(':visible')) {
            $('.item04-sub').css('display', 'none');
        }
*/
        if ($(".item05-sub").is(':visible')) {
            $('.item05-sub').css('display', 'none');
        }



        if ($(".item06-sub").is(':visible') == false) {
            $('.item06-sub').fadeIn();
        }
    });



    $('.item01-sub').mouseenter(function () {
        setOverStyle('#a01');
    });

    $('.item02-sub').mouseenter(function () {
        setOverStyle('#a02');
    });

    $('.item03-sub').mouseenter(function () {
        setOverStyle('#a03');
    });

    $('.item04-sub').mouseenter(function () {
        setOverStyle('#a04');
    });

    $('.item05-sub').mouseenter(function () {
        setOverStyle('#a05');
    });

    $('.item06-sub').mouseenter(function () {
        setOverStyle('#a06');
    });



    $('.item01-sub').mouseleave(function () {
        $('.item01-sub').fadeOut();
        setOutStyle('#a01');
    });

    $('.item02-sub').mouseleave(function () {
        $('.item02-sub').fadeOut();
        setOutStyle('#a02');
    });

    $('.item03-sub').mouseleave(function () {
        $('.item03-sub').fadeOut();
        setOutStyle('#a03');
    });

    $('.item04-sub').mouseleave(function () {
        $('.item04-sub').fadeOut();
        setOutStyle('#a04');
    });

    $('.item05-sub').mouseleave(function () {
        $('.item05-sub').fadeOut();
        setOutStyle('#a05');
    });

    $('.item06-sub').mouseleave(function () {
        $('.item06-sub').fadeOut();
        setOutStyle('#a06');
    });

});

function setOverStyle(div) {
    $(div).css('background-color', '#fff');
    $(div).css('color', '#04184B');
    $(div).css('border-top-color', '#f0f0f1');
    $(div).css('border-left-color', '#f0f0f1');
    $(div).css('border-right-color', '#f0f0f1');
    $(div).css('height', '26px');
}

function setOutStyle(div) {
    $(div).css('background-color', '#04184B');
    $(div).css('color', '#fff');
    $(div).css('border-top-color', '#203a7b');
    $(div).css('border-left-color', '#203a7b');
    $(div).css('border-right-color', '#203a7b');
    $(div).css('height', '24px');
}