function showHide(e, state)
{
    el = document.getElementById(e);
    if (!(el == null))
    {
    if (state == "hidden") {
        el.style.visibility = "hidden";
    } else if (state == "visible") {
        el.style.visibility = "visible";
    } else {
        el.style.visibility = el.style.visibility  == "visible" ? "hidden" : "visible";
    }
    }
}

function hideSecondDropDown()
{    
    showHide("secondmenu", "hidden");
}

$(document).ready(function () {

    $("span.ddNaviTitle").each(function (i) {
        $(this).css('cursor', 'pointer');
    });

    $(".ddNaviSubItems").each(function (i) {
        $(this).hide();
    });

    $('a.ddNaviTitle').click(function (e) {
        e.preventDefault();
        $(this).next('.ddNaviSubItems').slideToggle('slow');
    });




    $("#dynamicdropdownmenu img.arrow").click(function () {

        $("div.head_menu").removeClass('active');

        submenu = $(this).parent().parent().find("div.sub_menu");

        if (submenu.css('display') == "block") {
            $(this).parent().removeClass("active");
            submenu.hide();
        } else {
            $(this).parent().addClass("active");
            submenu.fadeIn();

        }

        $("div.sub_menu:visible").not(submenu).hide();

    })

    $("#dynamicdropdownmenu .head_menu a").click(function () {

        $("div.head_menu").removeClass('active');

        submenu = $(this).parent().parent().find("div.sub_menu");

        if (submenu.css('display') == "block") {
            $(this).parent().removeClass("active");
            submenu.hide();
        } else {
            $(this).parent().addClass("active");
            submenu.fadeIn();

        }

        $("div.sub_menu:visible").not(submenu).hide();

    })

    //.mouseover(function(){ $(this).attr('src','images/arrow_hover.png'); })
	.mouseout(function () {
	    if ($(this).parent().parent().find("div.sub_menu").css('display') != "block") {
	        //$(this).attr('src','images/arrow.png');
	        showHide("secondmenu", "visible");
	    } else {
	        //$(this).attr('src','images/arrow_select.png');
	        //submenu.hide();				
	    }
	});

    $("#dynamicdropdownmenu div.head_menu").mouseover(function () { $(this).addClass('over') })
								 .mouseout(function () { $(this).removeClass('over') });

    $("#dynamicdropdownmenu div.sub_menu").mouseover(function () { $(this).fadeIn(); })
							   .blur(function () {
							       $(this).hide();
							       $("div.head_menu").removeClass('active');
							   });

    $(document).click(function (event) {
        //alert("click me");
        var target = $(event.target);
        if (target.parents("#dynamicdropdownmenu").length == 0) {
            $("#dynamicdropdownmenu div.head_menu").removeClass('active');
            $("#dynamicdropdownmenu div.sub_menu").hide();
            if (document.getElementById("secondmenu") != null) {
                showHide("secondmenu", "visible");
            }
        }
    });

});